浏览代码

fix(icon): icon size mvvm

richard1015 4 年之前
父节点
当前提交
c1b61632ce
共有 3 个文件被更改,包括 6 次插入6 次删除
  1. 3 3
      src/packages/icon/demo.vue
  2. 2 2
      src/packages/icon/doc.md
  3. 1 1
      src/packages/icon/index.vue

+ 3 - 3
src/packages/icon/demo.vue

@@ -8,7 +8,7 @@
     <h2>图片链接</h2>
     <nut-cell>
       <nut-icon
-        size="40px"
+        size="40"
         name="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"
       ></nut-icon>
     </nut-cell>
@@ -22,8 +22,8 @@
     <h2>图标大小</h2>
     <nut-cell>
       <nut-icon name="dongdong"></nut-icon>
-      <nut-icon name="dongdong" size="24px"></nut-icon>
-      <nut-icon name="dongdong" size="16px"></nut-icon>
+      <nut-icon name="dongdong" size="24"></nut-icon>
+      <nut-icon name="dongdong" size="16"></nut-icon>
     </nut-cell>
 
     <h2>基础图标</h2>

+ 2 - 2
src/packages/icon/doc.md

@@ -24,7 +24,7 @@ app.use(Icon);
 ```html
 <nut-icon name="dongdong"></nut-icon>
 <nut-icon name="JD"></nut-icon>
-<nut-icon size="40px"  name="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"></nut-icon>
+<nut-icon size="40"  name="https://img11.360buyimg.com/imagetools/jfs/t1/137646/13/7132/1648/5f4c748bE43da8ddd/a3f06d51dcae7b60.png"></nut-icon>
 ```
 
 ### 图标颜色
@@ -44,7 +44,7 @@ app.use(Icon);
 ```html
 <nut-icon name="dongdong"></nut-icon>
 <nut-icon name="dongdong" size="24"></nut-icon>
-<nut-icon name="dongdong" size="16px"></nut-icon>
+<nut-icon name="dongdong" size="16"></nut-icon>
 ```
 
 ### 自定义图标

+ 1 - 1
src/packages/icon/index.vue

@@ -23,7 +23,7 @@ export default create({
     };
 
     const pxCheck = (value: string | number) => {
-      return typeof value === 'number' ? `${value}px` : String(value);
+      return typeof Number(value) === 'number' ? `${value}px` : String(value);
     };
 
     return () => {