修改样式

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

@@ -12,6 +12,15 @@
         color: red;
         z-index: 10;
     }
+    .prompt_text_right{
+        position: absolute;
+        left: 0px;
+        opacity: 0.8;
+        font-size: 12px;
+        bottom: 0px;
+        color: red;
+        z-index: 10;
+    }
 }
 .app-form-item.item-has-value {
     >ion-label {
@@ -32,4 +41,9 @@
 }
 .required{
     color: red;
-}
\ No newline at end of file
+}
+.left{
+    .app-form-item-input{
+        text-align: right;
+    }
+}

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

@@ -23,8 +23,8 @@
             </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"><span v-if="required" class="required">* </span> {{isEmptyCaption ? '' : caption}}</ion-label>
-                <div class="prompt_text">{{errorText}}</div>
             </template>
             <template v-if="labelPos == 'NONE'" >
                 <slot></slot>