数值框，文本框追加单位

src/components/app-mob-input/app-mob-input.less

 .app-mob-input{
   --padding-end: 5px !important;
   --color: #969696 !important;
+}
+.editor-input {
+  display: flex;
+  width: 100%;
+  .unit {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-right: 6px;
+    margin-left: 6px;
+  }
 }
\ No newline at end of file

src/components/app-mob-input/app-mob-input.vue

 <template>
-    <ion-input class="app-mob-input" debounce="300" :type="type" :value="value" :placeholder="placeholder" @ionChange="change" @ionBlur="()=>{this.$emit('blur')}"></ion-input>
+    <div class="editor-input">
+        <ion-input class="app-mob-input" debounce="300" :type="type" :value="value" :placeholder="placeholder" @ionChange="change" @ionBlur="()=>{this.$emit('blur')}">123</ion-input>
+        <div class="app-mob-unit" v-if="unit">{{unit}}</div>
+    </div>
 </template>
 
 <script lang="ts">
@@ -32,7 +35,15 @@ export default class AppInput extends Vue {
      * @type {string}
      * @memberof AppInput
      */
-    @Prop() public placeholder?:string;   
+    @Prop() public placeholder?:string;  
+    
+    /**
+     * 单位
+     *
+     * @type {string}
+     * @memberof AppInput
+     */
+    @Prop() public unit?: string;
     
     /**
      * change事件