fix(icon): taro h5差异bug修复

src/packages/__VUE/button/index.scss

@@ -19,10 +19,7 @@
 
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent;
-  .nut-icon {
-    width: $button-icon-width;
-    height: $button-icon-width;
-  }
+
   .nut-button__text {
     margin-left: 5px;
   }

src/packages/__VUE/icon/doc.md

@@ -10,14 +10,7 @@
 npm i --save @nutui/icons-vue
 ```
 
-``` javascript
-import { createApp } from 'vue';
-import { IconFont } from '@nutui/icons-vue';
-
-const app = createApp();
-app.use(IconFont);
-```
-### Svg 按需加载使用
+### fan Svg 按需加载使用
 
 按需加载组件使用方式，可选项见 @nutui/icons-vue/dist/types/index.d.ts
 

src/packages/__VUE/icon/index.vue

@@ -3,3 +3,8 @@ import { createComponent } from '@/packages/utils/create';
 const { create } = createComponent('icon');
 export default create({});
 </script>
+<style>
+.nut-icon {
+  scale: 0.8;
+}
+</style>

src/packages/__VUE/trendarrow/index.scss

@@ -13,7 +13,5 @@
   }
   .nut-icon {
     vertical-align: middle;
-    width: $trendarrow-icon-width;
-    height: $trendarrow-icon-width;
   }
 }

src/packages/styles/css-variables.scss

@@ -52,7 +52,6 @@ page {
   // button
   --nut-button-border-radius: 25px;
   --nut-button-border-width: 1px;
-  --nut-button-icon-width: 16px;
   --nut-button-default-bg-color: var(--nut-white);
   --nut-button-default-border-color: rgba(204, 204, 204, 1);
   --nut-button-default-color: rgba(102, 102, 102, 1);
@@ -152,12 +151,6 @@ page {
   --nut-divider-vertical-border-left: rgba(0, 0, 0, 0.06);
   --nut-divider-vertical-margin: 0 8px;
 
-  // icon
-
-  --nut-icon-height: 20px;
-  --nut-icon-width: 20px;
-  --nut-icon-line-height: 20px;
-
   // uploader
 
   --nut-uploader-picture-width: 100px;
@@ -916,5 +909,4 @@ page {
   // TrendArrow
   --nut-trendarrow-font-size: 14px;
   --nut-trendarrow-before-icon-margin: 4px;
-  --nut-trendarrow-icon-width: 12px;
 }

src/packages/styles/variables-jdb.scss

@@ -122,7 +122,6 @@ $line-height-base: 1.5 !default;
 // button
 $button-border-radius: $tdd-border-radius-7 !default;
 $button-border-width: 1px !default;
-$button-icon-width: 16px !default;
 $button-default-bg-color: $white !default;
 $button-default-border-color: rgba(204, 204, 204, 1) !default;
 $button-default-color: rgba(102, 102, 102, 1) !default;
@@ -966,6 +965,5 @@ $invoice-padding: 10px 10px 20px !default;
 // TrendArrow
 $trendarrow-font-size: 14px !default;
 $trendarrow-before-icon-margin: 4px !default;
-$trendarrow-icon-width: 12px !default;
 
 @import './mixins/index';

src/packages/styles/variables-jddkh.scss

@@ -53,7 +53,6 @@ $line-height-base: 1.5 !default;
 // button
 $button-border-radius: 21px !default;
 $button-border-width: 1px !default;
-$button-icon-width: 16px !default;
 $button-default-bg-color: $white !default;
 $button-default-border-color: rgba(204, 204, 204, 1) !default;
 $button-default-color: rgba(102, 102, 102, 1) !default;
@@ -897,6 +896,5 @@ $invoice-padding: 10px 10px 20px !default;
 // TrendArrow
 $trendarrow-font-size: 14px !default;
 $trendarrow-before-icon-margin: 4px !default;
-$trendarrow-icon-width: 12px !default;
 
 @import './mixins/index';

src/packages/styles/variables-jdt.scss

@@ -52,7 +52,6 @@ $line-height-base: 1.5 !default;
 // button
 $button-border-radius: 25px !default;
 $button-border-width: 1px !default;
-$button-icon-width: 16px !default;
 $button-default-bg-color: $white !default;
 $button-default-border-color: rgba(204, 204, 204, 1) !default;
 $button-default-color: rgba(102, 102, 102, 1) !default;
@@ -873,6 +872,5 @@ $invoice-padding: 10px 10px 20px !default;
 // TrendArrow
 $trendarrow-font-size: 14px !default;
 $trendarrow-before-icon-margin: 4px !default;
-$trendarrow-icon-width: 12px !default;
 
 @import './mixins/index';

src/packages/styles/variables-var.scss

@@ -52,7 +52,6 @@ $line-height-base: var(--nut-line-height-base) !default;
 // button
 $button-border-radius: var(--nut-button-border-radius) !default;
 $button-border-width: var(--nut-button-border-width) !default;
-$button-icon-width: var(--nut-button-icon-width) !default;
 $button-default-bg-color: var(--nut-button-default-bg-color) !default;
 $button-default-border-color: var(--nut-button-default-border-color) !default;
 $button-default-color: var(--nut-button-default-color) !default;
@@ -136,12 +135,6 @@ $divider-vertical-top: var(--nut-divider-vertical-top) !default;
 $divider-vertical-border-left: var(--nut-divider-vertical-border-left) !default;
 $divider-vertical-margin: var(--nut-divider-vertical-margin) !default;
 
-// icon
-
-$icon-height: var(--nut-icon-height) !default;
-$icon-width: var(--nut-icon-width) !default;
-$icon-line-height: var(--nut-icon-line-height) !default;
-
 // uploader
 
 $uploader-picture-width: var(--nut-uploader-picture-width) !default;
@@ -858,6 +851,4 @@ $invoice-padding: var(--nut-invoice-padding) !default;
 // TrendArrow
 $trendarrow-font-size: var(--nut-trendarrow-font-size) !default;
 $trendarrow-before-icon-margin: var(--nut-trendarrow-before-icon-margin) !default;
-$trendarrow-icon-width: var(--nut-trendarrow-icon-width) !default;
-
 @import './mixins/index';

src/packages/styles/variables.scss

@@ -53,7 +53,6 @@ $line-height-base: 1.5 !default;
 // button
 $button-border-radius: 25px !default;
 $button-border-width: 1px !default;
-$button-icon-width: 16px !default;
 $button-default-bg-color: $white !default;
 $button-default-border-color: rgba(204, 204, 204, 1) !default;
 $button-default-color: rgba(102, 102, 102, 1) !default;
@@ -906,6 +905,5 @@ $invoice-padding: 10px 10px 20px !default;
 // TrendArrow
 $trendarrow-font-size: 14px !default;
 $trendarrow-before-icon-margin: 4px !default;
-$trendarrow-icon-width: 12px !default;
 
 @import './mixins/index';