表单样式调整（必填、字体）

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

 .app-form-item {
     width: 100%;
+    font-size: 15px;
     .app-form-item-label-required {
         color: red;
     }
@@ -21,17 +22,20 @@
         color: red;
         z-index: 10;
     }
+    .sc-ion-label-ios-h{
+        font-size: 15px;
+    }
 }
 .app-form-item.item-has-value {
     >ion-label {
         color: #666666;
-        font-size: 1rem;
+        font-size: 15px;
     }
 }
 .app-form-item.item-has-focus {
     >ion-label {
-        color: #108cee;
-        font-size: 1rem;
+        color: #108cee ;
+        font-size: 15px;
     }
 }
 .app-form-item{
@@ -39,9 +43,6 @@
         min-width: 34px;
     }
 }
-.required{
-    color: red;
-}
 .left{
     .app-form-item-input{
         text-align: right;

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

 <template>
   <ion-item :class="[classes,labelPos.toLowerCase()]">
         <template v-if="uiStyle == 'STYLE2'">
-            <ion-label :style="{minWidth:labelWidth+'px'}" position="floating" v-if="isShowCaption && labelWidth > 0"><span v-if="required" class="required">* </span>{{isEmptyCaption ? '' : caption}}</ion-label>
+            <ion-label :class="required?'app-form-item-label-required':''" :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 :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}<span v-if="required" class="required"> *</span></ion-label>
+                <ion-label :class="required?'app-form-item-label-required':''" :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,17 +14,18 @@
             </template>
             <template v-if="labelPos == 'TOP'">
                 <ion-label
+                :class="required?'app-form-item-label-required':''"
                     :style="{minWidth:labelWidth+'px'}"
                     position="floating"
                     v-if="isShowCaption && labelWidth > 0"
-                >{{isEmptyCaption ? '' : caption}}<span v-if="required" class="required"> *</span></ion-label>
+                >{{isEmptyCaption ? '' : caption}}</ion-label>
                 <slot></slot>
                 <div class="prompt_text">{{errorText}}</div>
             </template>
             <template v-if="labelPos == 'RIGHT' ">
                 <slot></slot>
                 <div class="prompt_text_right">{{errorText}}</div>
-                <ion-label :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}<span v-if="required" class="required"> *</span> </ion-label>
+                <ion-label :class="required?'app-form-item-label-required':''" :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0">{{isEmptyCaption ? '' : caption}}</ion-label>
             </template>
             <template v-if="labelPos == 'NONE'" >
                 <slot></slot>