分组组件 图标

src/components/app-form-group/app-form-group.less

@@ -11,4 +11,11 @@
     .form-group-content{
         width: 100%;
     }
+    .group-title{
+        display: flex;
+        align-items: center;
+        .group-title-icon{
+            margin-right: 2px;
+        }
+    }
 }
\ No newline at end of file

src/components/app-form-group/app-form-group.vue

@@ -3,7 +3,7 @@
         <ion-row  class="app-form-group" >
         <ion-item-divider v-if="isShowCaption" :style="{minHeight:caption?'':'10px'}"  @click="clickCollapse">
             <ion-label>
-                <span :class="titleClass">{{caption}}</span>
+                <span :class="titleClass" class="group-title"><ion-icon class="group-title-icon" v-if="iconName" :name="iconName"></ion-icon>{{caption}}</span>
             </ion-label>
             <ion-icon v-show="titleBarCloseMode !== 0" class="group-collapse" :name="collapseContant ? 'chevron-back-outline' : 'chevron-down-outline'"></ion-icon>
         </ion-item-divider>
@@ -77,6 +77,14 @@ export default class AppFormGroup extends Vue {
      */
     @Prop() public uiActionGroup?: any;
 
+    /**
+     * 图标名称
+     *
+     * @type {string}
+     * @memberof AppFormGroup
+     */
+    @Prop() public iconName?: string;
+
     /**
      * 标题栏关闭模式
      * 0: 不支持关闭