feat: 按钮尺寸标志修改

sadais-org · Sep 29, 2020 · bdd9ae4 · bdd9ae4
1 parent c8ee39d
commit bdd9ae4
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/components/pi-button/index.vue b/components/pi-button/index.vue
@@ -53,12 +53,12 @@ export default {
      * uniapp button 官方属性定义
      * ---------------------------------------------------------------------------------------------
      */
-    // 按钮尺寸，default，big medium small tiny mini（默认值：'default'）
+    // 按钮尺寸，default，large medium small tiny mini（默认值：'default'）
     size: {
       type: String,
       default: button.size,
       validator: function(value) {
-        return ['default', 'big', 'medium', 'small', 'tiny', 'mini'].includes(value)
+        return ['default', 'large', 'medium', 'small', 'tiny', 'mini'].includes(value)
       }
     },
     // 按钮的预置样式，default，primary，warn，secondary line（默认值：'default'）
@@ -342,12 +342,12 @@ export default {
     }
   }
   // 大
-  &[size='big'] {
-    height: $pi-button-big-height;
-    padding: $pi-button-big-padding;
-    font-size: $pi-button-big-font-size;
-    line-height: $pi-button-big-height;
-    border-radius: $pi-button-big-radius;
+  &[size='large'] {
+    height: $pi-button-large-height;
+    padding: $pi-button-large-padding;
+    font-size: $pi-button-large-font-size;
+    line-height: $pi-button-large-height;
+    border-radius: $pi-button-large-radius;
   }
   // 中
   &[size='medium'] {

diff --git a/config/button.js b/config/button.js
@@ -2,7 +2,7 @@ export default {
   customClass: '', // 自定义样式类，字符串形式（''）
   customStyle: {}, // 自定义样式，对象形式（默认值：{}）
   width: '', // 按钮宽度，不设置默认自动撑开，如果需要占满一行，填写’100%‘
-  size: 'default', // 按钮尺寸，default，big medium small tiny mini
+  size: 'default', // 按钮尺寸，default，large medium small tiny mini
   type: 'default', // 按钮的预置样式，default，primary，warn（默认值：'default'）
   plain: false, // 按钮是否镂空（默认值：false）
   disabled: false, // 是否禁止状态（默认值：false）

diff --git a/scss/variable.scss b/scss/variable.scss
@@ -60,11 +60,11 @@ $pi-button-default-font-size: 32rpx !default;
 $pi-button-default-height: 88rpx !default;
 $pi-button-default-padding: 0 56rpx !default;
 
-// 按钮big样式
-$pi-button-big-radius: 16rpx !default;
-$pi-button-big-font-size: 32rpx !default;
-$pi-button-big-height: 98rpx !default;
-$pi-button-big-padding: 0 64rpx !default;
+// 按钮large样式
+$pi-button-large-radius: 16rpx !default;
+$pi-button-large-font-size: 32rpx !default;
+$pi-button-large-height: 98rpx !default;
+$pi-button-large-padding: 0 64rpx !default;
 
 // 按钮medium样式
 $pi-button-medium-radius: 6rpx !default;