Browse Source

fix(cell): cell 示例优化

richard1015 3 years ago
parent
commit
5c1467e2f4

+ 1 - 1
src/packages/__VUE/cell/demo.vue

@@ -47,7 +47,7 @@
       <nut-cell :title="translate('image')">
         <template v-slot:icon>
           <img
-            class="nut-icon"
+            style="width: 20px; height: 20px"
             src="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"
           />
         </template>

+ 1 - 1
src/packages/__VUE/cell/doc.en-US.md

@@ -141,7 +141,7 @@ app.use(CellGroup);
     <nut-cell title="Image">
       <template v-slot:icon>
         <img
-          class="nut-icon"
+          style="width:20px;height: 20px;"
           src="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"
         />
       </template>

+ 1 - 1
src/packages/__VUE/cell/doc.md

@@ -144,7 +144,7 @@ app.use(CellGroup);
     <nut-cell title="图片">
       <template v-slot:icon>
         <img
-          class="nut-icon"
+          style="width:20px;height: 20px;"
           src="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"
         />
       </template>

+ 2 - 0
src/packages/__VUE/cell/index.scss

@@ -80,6 +80,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    min-width: 80px;
     &-desc {
       font-size: $cell-title-desc-font;
     }
@@ -87,6 +88,7 @@
   &__value {
     display: inline-block;
     text-align: right;
+    flex: 1;
     font-size: $cell-desc-font;
     color: $cell-desc-color;
     &--alone {