Browse Source

fix(icon): demo 复制功能优化 (#1773)

* fix(checkbox): 修复对齐问题

* fix(icon): demo 复制功能优化
peixinyu 3 years ago
parent
commit
a1e933505d
2 changed files with 9 additions and 4 deletions
  1. 1 0
      src/packages/__VUE/checkbox/index.scss
  2. 8 4
      src/packages/__VUE/icon/demo.vue

+ 1 - 0
src/packages/__VUE/checkbox/index.scss

@@ -19,6 +19,7 @@
     }
   }
   &__label {
+    flex: 1;
     margin-left: $checkbox-label-margin-left;
     font-size: $checkbox-label-font-size;
     color: $checkbox-label-color;

+ 8 - 4
src/packages/__VUE/icon/demo.vue

@@ -30,8 +30,8 @@
     <nut-cell-group v-for="item in icons.data" :title="currentLang == 'zh-CN' ? item.name : item.nameEn" :key="item">
       <nut-cell>
         <ul>
-          <li v-for="item in item.icons" :key="item" @click="copyTag(item)">
-            <nut-icon :name="item"></nut-icon>
+          <li v-for="item in item.icons" :key="item">
+            <nut-icon :name="item" @click="copyTag(item)"></nut-icon>
             <span>{{ item }}</span>
           </li>
         </ul>
@@ -40,8 +40,12 @@
     <nut-cell-group v-for="item in icons.style" :title="currentLang == 'zh-CN' ? item.name : item.nameEn" :key="item">
       <nut-cell>
         <ul>
-          <li v-for="it in item.icons" :key="it" @click="copyTag(it['animation-name'])">
-            <nut-icon :name="it.name" :class="`nut-icon-${it['animation-name']} nut-icon-${it['animation-time']}`">
+          <li v-for="it in item.icons" :key="it">
+            <nut-icon
+              :name="it.name"
+              :class="`nut-icon-${it['animation-name']} nut-icon-${it['animation-time']}`"
+              @click="copyTag(it['animation-name'])"
+            >
             </nut-icon>
             <span>{{ it['animation-name'] }}</span>
           </li>