Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
c1b61632
N
nutui
项目概览
京东前端
/
nutui
通知
37
Star
4
Fork
1
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
N
nutui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
c1b61632
编写于
3月 29, 2021
作者:
richard_1015
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix(icon): icon size mvvm
上级
43162881
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
6 addition
and
6 deletion
+6
-6
src/packages/icon/demo.vue
src/packages/icon/demo.vue
+3
-3
src/packages/icon/doc.md
src/packages/icon/doc.md
+2
-2
src/packages/icon/index.vue
src/packages/icon/index.vue
+1
-1
未找到文件。
src/packages/icon/demo.vue
浏览文件 @
c1b61632
...
...
@@ -8,7 +8,7 @@
<h2>
图片链接
</h2>
<nut-cell>
<nut-icon
size=
"40
px
"
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=
"24
px
"
></nut-icon>
<nut-icon
name=
"dongdong"
size=
"16
px
"
></nut-icon>
<nut-icon
name=
"dongdong"
size=
"24"
></nut-icon>
<nut-icon
name=
"dongdong"
size=
"16"
></nut-icon>
</nut-cell>
<h2>
基础图标
</h2>
...
...
src/packages/icon/doc.md
浏览文件 @
c1b61632
...
...
@@ -24,7 +24,7 @@ app.use(Icon);
```
html
<nut-icon
name=
"dongdong"
></nut-icon>
<nut-icon
name=
"JD"
></nut-icon>
<nut-icon
size=
"40
px
"
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=
"16
px
"
></nut-icon>
<nut-icon
name=
"dongdong"
size=
"16"
></nut-icon>
```
### 自定义图标
...
...
src/packages/icon/index.vue
浏览文件 @
c1b61632
...
...
@@ -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
()
=>
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录