update:更新

src/components/input-box/input-box.scss

@@ -2,8 +2,29 @@
     position: relative;
     .unit-text{
         position: absolute;
-        top: 0;
-        right: 20px;
+        top: 7px;
+        right: 10px;
+        height: 20px;
+        border-left: 2px solid var(--app-color-gray-235);
+        line-height: 20px;
+        padding-left: 11px;
+        i{
+            width: 12px;
+            height: 12px;
+            margin-left: 4px;
+            &::after{
+                width: 8px;
+                height: 30.88%;
+            }
+        }
+    }
+    .isunit{
+        .ivu-input{
+            padding-right: 70px;
+        }
+    }
+    .isunit-number .ivu-input-number-handler-wrap{
+        right: 70px;
     }
     .ivu-input-number{
         width: 100%;

src/components/input-box/input-box.vue

 <template>
   <div class="input-unit">
     <InputNumber v-if="type === 'number'"
+      :class="{'isunit-number':!!unit}"
       :id="numberId"
       :placeholder="placeholder"
       :size="size"
@@ -10,6 +11,7 @@
       :active-change="false"
     ></InputNumber>
     <i-input v-else
+      :class="{'isunit':!!unit}"
       :placeholder="placeholder"
       :size="size"
       :type="type"
@@ -18,8 +20,12 @@
       :disabled="disabled ? true : false"
       :element-id="textareaId"
       @on-enter="enter"
-    ></i-input>
-    <div class="unit-text">{{unit}}</div>
+    >
+  </i-input>
+  <div class="unit-text" v-if='!!unit'>
+    <span>{{unit ? `|${unit}`:''}}单位</span>
+    <Icon type="ios-arrow-down" size="12"/>
+  </div>
   </div>
 </template>
 

src/styles/iview/index.scss

@@ -7,4 +7,5 @@
 @import './form-item.scss';
 @import './card.scss';
 @import './data-picker.scss';
-@import './button.scss';
\ No newline at end of file
+@import './button.scss';
+@import './input-box.scss';
\ No newline at end of file

src/styles/iview/input-box.scss

+.ivu-input-number{
+    min-height: 34px;
+    line-height: 34px;
+    border-radius: 0;
+    // 悬浮
+    &:hover{
+        border-color: var(--app-color-blue);             
+    }
+    &[disabled]:hover{
+        border-color: var(--app-color-blue);         
+    }    
+    // 占位
+    &::-webkit-input-placeholder{
+        color: var(--app-color-gray-200);
+    }
+    // 禁用
+    &.ivu-input-number-disabled{
+        color: var(--app-color-gray-200);
+        background-color: var(--app-color-gray-250);
+    }
+}
\ No newline at end of file