ソースを参照

feat:添加el-input-number的样式处理

lh_hub 2 日 前
コミット
0a9acb4de1
2 ファイル変更24 行追加1 行削除
  1. 1 1
      package.json
  2. 23 0
      style/reset-el-input.scss

+ 1 - 1
package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jfcloudvip/front-toolkit",
   "author": "lh_hub <2844316064@qq.com>",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "jfcloud内部前端公共功能工具包",
   "main": "src/index.js",
   "repository": {

+ 23 - 0
style/reset-el-input.scss

@@ -155,6 +155,29 @@ $sizes: (
   }
 }
 // textarea end
+// input-number start
+@each $size, $height in $sizes {
+  .el-input-number--#{$size} {
+    height: $height;
+    line-height: $height;
+    .el-input--#{$size} {
+      .el-input__inner {
+        padding: 0 calc(#{$height} + 5px) !important;
+      }
+    }
+  }
+  // 控制器在右侧的时候,会有间隔
+  .is-controls-right {
+    .el-input--#{$size} {
+      height: $height;
+      line-height: $height;
+      .el-input__inner {
+        padding: 0 calc(#{$height} + 5px) 0 8px !important;
+      }
+    }
+  }
+}
+// input-number end
 
 // 处理单选框的报错 Blocked aria-hidden on an element because its descendant retained focus.
 input[aria-hidden="true"] {