编辑器动态空输入样式修改 --fix2

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

 <template>
   <ion-item :class="[classes,labelPos.toLowerCase()]">
         <template v-if="uiStyle == 'STYLE2'">
-            <ion-label :class="required?requiredStyle:notRequiredStyle" :style="{minWidth:labelWidth+'px'}" position="floating" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}</ion-label>
+            <ion-label class="sc-ion-label-ios-h sc-ion-label-ios-s ios hydrated" :class="required?'app-form-item-label-required':'app-form-item-label-notRequired'" :style="{minWidth:labelWidth+'px'}" position="floating" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}</ion-label>
             <slot></slot>
         </template>
         <template v-else>
             <template v-if="labelPos == 'LEFT'">
-                <ion-label :class="required?requiredStyle:notRequiredStyle" :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}</ion-label>
+                <ion-label class="sc-ion-label-ios-h sc-ion-label-ios-s ios hydrated" :class="required?'app-form-item-label-required':'app-form-item-label-notRequired'" :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}</ion-label>
                 <div :style="contentStyle" style="display: flex;align-items: center;">
                     <slot></slot>
                 </div>
@@ -14,18 +14,20 @@
             </template>
             <template v-if="labelPos == 'TOP'">
                 <ion-label
-                :class="required?requiredStyle:notRequiredStyle"
-                    :style="{minWidth:labelWidth+'px'}"
-                    position="floating"
-                    v-if="isShowCaption && labelWidth > 0"
-                >{{isEmptyCaption ? '' : caption}}</ion-label>
+                class="sc-ion-label-ios-h sc-ion-label-ios-s ios hydrated"
+                :class="required?'app-form-item-label-required':'app-form-item-label-notRequired'"
+                :style="{minWidth:labelWidth+'px'}"
+                position="floating"
+                v-if="isShowCaption && labelWidth > 0">
+                    {{isEmptyCaption ? '' : caption}}
+                </ion-label>
                 <slot></slot>
                 <div class="prompt_text">{{error}}</div>
             </template>
             <template v-if="labelPos == 'RIGHT' ">
                 <slot></slot>
                 <div class="prompt_text_right">{{error}}</div>
-                <ion-label :class="required?requiredStyle:notRequiredStyle" :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}</ion-label>
+                <ion-label class="sc-ion-label-ios-h sc-ion-label-ios-s ios hydrated" :class="required?'app-form-item-label-required':'app-form-item-label-notRequired'" :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}</ion-label>
             </template>
             <template v-if="labelPos == 'NONE'" >
                 <slot></slot>
@@ -174,22 +176,6 @@ export default class AppFormItem extends Vue {
      */
     public required: boolean = false;
 
-    /**
-     * 必填时label的样式
-     *
-     * @type {string}
-     * @memberof AppFormItem
-     */
-    public requiredStyle:string = 'app-form-item-label-required'
-
-    /**
-     * 非必填时label的样式
-     *
-     * @type {string}
-     * @memberof AppFormItem
-     */
-    public notRequiredStyle:string = 'app-form-item-label-notRequired sc-ion-label-ios-h sc-ion-label-ios-s ios hydrated'
-
     /**
      * 表单项值规则监控
      *