Browse Source

fix: taro icon size usage

eiinu 3 years ago
parent
commit
5e0e06e09b

+ 3 - 3
src/packages/__VUE/badge/doc.taro.md

@@ -120,19 +120,19 @@ app.use(Badge);
   <div class="demo">
     <nut-badge>
       <template #icons>
-        <Check color="#ffffff" width="12px" height="12px"></Check>
+        <Check color="#ffffff" size="12px"></Check>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
       <template #icons>
-        <Link color="#ffffff" width="12px" height="12px"></Link>
+        <Link color="#ffffff" size="12px"></Link>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
       <template #icons>
-       <Download color="#ffffff" width="12px" height="12px"></Download>
+       <Download color="#ffffff" size="12px"></Download>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>

+ 1 - 1
src/packages/__VUE/grid/doc.taro.md

@@ -155,7 +155,7 @@ app.use(GridItem);
   <nut-grid :column-num="3">
     <nut-grid-item text="文字"><Dongdong /></nut-grid-item>
     <nut-grid-item text="文字">
-      <Dongdong height="40px" width="40px" color="#478EF2" />
+      <Dongdong size="40px" color="#478EF2" />
     </nut-grid-item>
     <nut-grid-item text="文字"><Dongdong /></nut-grid-item>
   </nut-grid>

+ 2 - 2
src/packages/__VUE/pagination/doc.taro.md

@@ -116,10 +116,10 @@ export default {
 <template>
   <nut-pagination v-model="currentPage3" :total-items="500"  @change="pageChange"  :show-page-size="5">
       <template #prev-text>
-        <Left width="10px" height="10px" />
+        <Left size="10px" />
       </template>
       <template #next-text>
-        <Right width="10px" height="10px" />
+        <Right size="10px" />
       </template>
       <template #page="{ item }">
           {{ item.number == 3 ? 'hot' : item.text }}

+ 1 - 1
src/packages/__VUE/trendarrow/doc.taro.md

@@ -130,7 +130,7 @@ app.use(TrendArrow);
 <template>
   <nut-cell>
     <nut-trend-arrow :rate="10.2365">
-      <template #upIcon><Success color="blue" width="18" height="18" /></template>
+      <template #upIcon><Success color="blue" size="18px" /></template>
     </nut-trend-arrow>
     <nut-trend-arrow :rate="-10.2365">
       <template #downIcon><Failure color="red" /></template>

+ 3 - 3
src/sites/mobile-taro/vue/src/exhibition/pages/badge/index.vue

@@ -49,19 +49,19 @@
     <nut-row>
       <nut-badge>
         <template #icons>
-          <Check color="#ffffff" width="12px" height="12px"></Check>
+          <Check color="#ffffff" size="12px"></Check>
         </template>
         <nut-avatar shape="square"></nut-avatar>
       </nut-badge>
       <nut-badge>
         <template #icons>
-          <Link color="#ffffff" width="12px" height="12px"></Link>
+          <Link color="#ffffff" size="12px"></Link>
         </template>
         <nut-avatar shape="square"></nut-avatar>
       </nut-badge>
       <nut-badge>
         <template #icons>
-          <Download color="#ffffff" width="12px" height="12px"></Download>
+          <Download color="#ffffff" size="12px"></Download>
         </template>
         <nut-avatar shape="square"></nut-avatar>
       </nut-badge>

+ 1 - 1
src/sites/mobile-taro/vue/src/exhibition/pages/trendarrow/index.vue

@@ -46,7 +46,7 @@
     <view class="title">自定义图标</view>
     <nut-cell>
       <nut-trend-arrow :rate="10.2365">
-        <template #upIcon><Success color="blue" width="18" height="18" /></template>
+        <template #upIcon><Success color="blue" size="18px" /></template>
       </nut-trend-arrow>
       <nut-trend-arrow :rate="-10.2365">
         <template #downIcon><Failure color="red" /></template>

+ 1 - 1
src/sites/mobile-taro/vue/src/layout/pages/grid/index.vue

@@ -59,7 +59,7 @@
     <nut-grid :column-num="3">
       <nut-grid-item text="文字"><Dongdong /></nut-grid-item>
       <nut-grid-item text="文字">
-        <Dongdong width="40px" height="40px" color="#478EF2" />
+        <Dongdong size="40px" color="#478EF2" />
       </nut-grid-item>
       <nut-grid-item text="文字"><Dongdong /></nut-grid-item>
     </nut-grid>

+ 2 - 2
src/sites/mobile-taro/vue/src/nav/pages/pagination/index.vue

@@ -10,10 +10,10 @@
     <h2>自定义按钮</h2>
     <nut-pagination v-model="currentPage3" :total-items="500" :show-page-size="5" @change="pageChange">
       <template #prev-text>
-        <Left width="10px" height="10px" />
+        <Left size="10px" />
       </template>
       <template #next-text>
-        <Right width="10px" height="10px" />
+        <Right size="10px" />
       </template>
       <template #page="{ item }">
         {{ item.number == 3 ? 'hot' : item.text }}