fix: 🐛 修复Button不同尺寸显示固定尺寸icon样式不协调的问题

✅ Closes: #235

Author: xuqingkai

src/pages/button/Index.vue

@@ -60,6 +60,10 @@
       <demo-block title="带图标的基本按钮">
         <wd-button icon="download">下载</wd-button>
         <wd-button icon="setting">设置</wd-button>
+        <wd-button icon="download" size="small">下载</wd-button>
+        <wd-button icon="setting" size="small">设置</wd-button>
+        <wd-button icon="download" size="large">下载</wd-button>
+        <wd-button icon="setting" size="large">设置</wd-button>
       </demo-block>
       <demo-block title="块状按钮，宽度100%">
         <wd-button block size="large">主要按钮</wd-button>

src/uni_modules/wot-design-uni/components/common/abstracts/variable.scss

@@ -152,7 +152,7 @@ $-button-large-radius: var(--wot-button-large-radius, 8px) !default; // 大型
 $-button-large-loading: var(--wot-button-large-loading, 24px) !default; // 大小按钮loading图标大小
 $-button-large-box-shadow-size: var(--wot-button-large-box-shadow-size, 0px 4px 8px 0px) !default; // 大尺寸阴影尺寸
 
-$-button-icon-fs: var(--wot-button-icon-fs, 18px) !default; // 带图标的按钮的图标大小
+$-button-icon-fs: var(--wot-button-icon-fs, 1.18em) !default; // 带图标的按钮的图标大小
 $-button-icon-size: var(--wot-button-icon-size, 40px) !default; // icon 类型按钮尺寸
 $-button-icon-color: var(--wot-button-icon-color, rgba(0, 0, 0, 0.65)) !default; // icon 类型按钮颜色
 $-button-icon-disabled-color: var(--wot-button-icon-disabled-color, $-color-icon-disabled) !default; // icon 类型按钮禁用颜色

src/uni_modules/wot-design-uni/components/wd-button/index.scss

@@ -310,7 +310,6 @@
     height: $-button-icon-size;
     padding: 0;
     border-radius: 50%;
-    font-size: 0;
     color: $-button-icon-color;
 
     &::after {

src/uni_modules/wot-design-uni/components/wd-button/wd-button.vue

@@ -39,7 +39,7 @@
     <view v-if="loading" class="wd-button__loading">
       <view class="wd-button__loading-svg" :style="loadingStyle"></view>
     </view>
-    <wd-icon v-if="icon" custom-class="wd-button__icon" :name="icon"></wd-icon>
+    <wd-icon v-else-if="icon" custom-class="wd-button__icon" :name="icon"></wd-icon>
     <view class="wd-button__text"><slot /></view>
   </button>
 </template>