Browse Source

fix(badge): 修复 dot 失效问题

eiinu 3 years ago
parent
commit
2165af980a

+ 3 - 3
src/packages/__VUE/badge/demo.vue

@@ -47,19 +47,19 @@
     <h2>{{ translate('title3') }}</h2>
     <nut-row>
       <nut-badge>
-        <template #icons>
+        <template #icon>
           <Check color="#ffffff" width="12px" height="12px"></Check>
         </template>
         <nut-avatar shape="square"></nut-avatar>
       </nut-badge>
       <nut-badge>
-        <template #icons>
+        <template #icon>
           <Link color="#ffffff" width="12px" height="12px"></Link>
         </template>
         <nut-avatar shape="square"></nut-avatar>
       </nut-badge>
       <nut-badge>
-        <template #icons>
+        <template #icon>
           <Download color="#ffffff" width="12px" height="12px"></Download>
         </template>
         <nut-avatar shape="square"></nut-avatar>

+ 4 - 4
src/packages/__VUE/badge/doc.en-US.md

@@ -119,19 +119,19 @@ app.use(Badge);
 <template>
   <div class="demo">
     <nut-badge>
-      <template #icons>
+      <template #icon>
         <Check color="#ffffff" width="12px" height="12px"></Check>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
-      <template #icons>
+      <template #icon>
         <Link color="#ffffff" width="12px" height="12px"></Link>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
-      <template #icons>
+      <template #icon>
         <Download color="#ffffff" width="12px" height="12px"></Download>
       </template>
       <nut-avatar shape="square"></nut-avatar>
@@ -228,7 +228,7 @@ import { Check, Link, Download } from '@nutui/icons-vue';
 | Name   | Description           |
 |---------|--------------|
 | default | Default slot |
-| icons | 	Icon slot |
+| icon | 	Icon slot |
 
 ## Theming
 

+ 4 - 4
src/packages/__VUE/badge/doc.md

@@ -119,19 +119,19 @@ app.use(Badge);
 <template>
   <div class="demo">
     <nut-badge>
-      <template #icons>
+      <template #icon>
         <Check color="#ffffff" width="12px" height="12px"></Check>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
-      <template #icons>
+      <template #icon>
         <Link color="#ffffff" width="12px" height="12px"></Link>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
-      <template #icons>
+      <template #icon>
        <Download color="#ffffff" width="12px" height="12px"></Download>
       </template>
       <nut-avatar shape="square"></nut-avatar>
@@ -228,7 +228,7 @@ import { Check, Link, Download } from '@nutui/icons-vue';
 | 名称    | 说明         |
 |---------|--------------|
 | default | 	徽标包裹的子元素 |
-| icons | 	徽标自定义 |
+| icon | 	徽标自定义 |
 
 
 ## 主题定制

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

@@ -119,19 +119,19 @@ app.use(Badge);
 <template>
   <div class="demo">
     <nut-badge>
-      <template #icons>
+      <template #icon>
         <Check color="#ffffff" size="12px"></Check>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
-      <template #icons>
+      <template #icon>
         <Link color="#ffffff" size="12px"></Link>
       </template>
       <nut-avatar shape="square"></nut-avatar>
     </nut-badge>
     <nut-badge>
-      <template #icons>
+      <template #icon>
        <Download color="#ffffff" size="12px"></Download>
       </template>
       <nut-avatar shape="square"></nut-avatar>
@@ -228,7 +228,7 @@ import { Check, Link, Download } from '@nutui/icons-vue-taro';
 | 名称    | 说明         |
 |---------|--------------|
 | default | 	徽标包裹的子元素 |
-| icons | 	徽标自定义 |
+| icon | 	徽标自定义 |
 
 ## 主题定制
 

+ 2 - 2
src/packages/__VUE/badge/index.taro.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="nut-badge">
-    <view class="nut-badge__icon" v-show="!hidden && !dot" :style="stl">
-      <slot name="icons"></slot>
+    <view class="nut-badge__icon" v-show="!hidden && !dot && $slots.icon" :style="stl">
+      <slot name="icon"></slot>
     </view>
     <slot></slot>
     <view

+ 2 - 2
src/packages/__VUE/badge/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="nut-badge">
-    <view class="nut-badge__icon" v-show="!hidden && !dot" :style="stl">
-      <slot name="icons"></slot>
+    <view class="nut-badge__icon" v-show="!hidden && !dot && $slots.icon" :style="stl">
+      <slot name="icon"></slot>
     </view>
     <slot></slot>
     <view

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

@@ -48,19 +48,19 @@
     <h2>自定义徽标内容</h2>
     <nut-row>
       <nut-badge>
-        <template #icons>
+        <template #icon>
           <Check color="#ffffff" size="12px"></Check>
         </template>
         <nut-avatar shape="square"></nut-avatar>
       </nut-badge>
       <nut-badge>
-        <template #icons>
+        <template #icon>
           <Link color="#ffffff" size="12px"></Link>
         </template>
         <nut-avatar shape="square"></nut-avatar>
       </nut-badge>
       <nut-badge>
-        <template #icons>
+        <template #icon>
           <Download color="#ffffff" size="12px"></Download>
         </template>
         <nut-avatar shape="square"></nut-avatar>