值规则

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

@@ -3,6 +3,15 @@
     .app-form-item-label-required {
         color: red;
     }
+    .prompt_text{
+        position: absolute;
+        right: 25px;
+        opacity: 0.8;
+        font-size: 12px;
+        bottom: 0px;
+        color: red;
+        z-index: 10;
+    }
 }
 .app-form-item.item-has-value {
     >ion-label {

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

@@ -10,6 +10,7 @@
                 <div :style="contentStyle">
                     <slot></slot>
                 </div>
+                <div class="prompt_text">{{error}}</div>
             </template>
             <template v-if="labelPos == 'TOP'">
                 <ion-label
@@ -18,10 +19,12 @@
                     v-if="isShowCaption && labelWidth > 0"
                 ><span v-if="required" class="required">* </span>{{isEmptyCaption ? '' : caption}}</ion-label>
                 <slot></slot>
+                <div class="prompt_text">{{error}}</div>
             </template>
             <template v-if="labelPos == 'RIGHT' ">
                 <slot></slot>
                 <ion-label :style="{minWidth:labelWidth+'px'}" v-if="isShowCaption && labelWidth > 0"><span v-if="required" class="required">* </span> {{isEmptyCaption ? '' : caption}}</ion-label>
+                <div class="prompt_text">{{error}}</div>
             </template>
             <template v-if="labelPos == 'NONE'" >
                 <slot></slot>