Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
京东前端
nutui
提交
4170880f
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,体验更适合开发者的 AI 搜索 >>
未验证
提交
4170880f
编写于
8月 17, 2022
作者:
P
peixinyu
提交者:
GitHub
8月 17, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(icon): demo 页面增加点击图标复制 name 功能 (#1563)
* fix(icon): 点击复制标签内容
上级
40c7a7c1
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
21 addition
and
5 deletion
+21
-5
src/packages/__VUE/button/index.scss
src/packages/__VUE/button/index.scss
+1
-0
src/packages/__VUE/icon/demo.vue
src/packages/__VUE/icon/demo.vue
+20
-5
未找到文件。
src/packages/__VUE/button/index.scss
浏览文件 @
4170880f
...
...
@@ -15,6 +15,7 @@
appearance
:
none
;
user-select
:
none
;
touch-action
:
manipulation
;
vertical-align
:
bottom
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
);
-webkit-tap-highlight-color
:
transparent
;
...
...
src/packages/__VUE/icon/demo.vue
浏览文件 @
4170880f
...
...
@@ -30,7 +30,7 @@
<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"
>
<li
v-for=
"item in item.icons"
:key=
"item"
@
click=
"copyTag(item)"
>
<nut-icon
:name=
"item"
></nut-icon>
<span>
{{
item
}}
</span>
</li>
...
...
@@ -40,7 +40,7 @@
<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"
>
<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']}`">
</nut-icon>
<span>
{{
it
[
'
animation-name
'
]
}}
</span>
...
...
@@ -59,24 +59,39 @@ const initTranslate = () =>
basic
:
'
基本用法
'
,
imageLink
:
'
图片链接
'
,
iconColor
:
'
图标颜色
'
,
iconSize
:
'
图标大小
'
iconSize
:
'
图标大小
'
,
copyToast
:
'
复制成功
'
},
'
en-US
'
:
{
basic
:
'
Basic Usage
'
,
imageLink
:
'
Image Link
'
,
iconColor
:
'
Icon Color
'
,
iconSize
:
'
Icon Size
'
iconSize
:
'
Icon Size
'
,
copyToast
:
'
Copied successfully
'
}
});
// import icons from '@/packages/styles/font/iconfont.json';
import
icons
from
'
@/packages/styles/font/config.json
'
;
import
{
createComponent
}
from
'
@/packages/utils/create
'
;
const
{
createDemo
,
translate
}
=
createComponent
(
'
icon
'
);
import
{
Toast
}
from
'
@/packages/nutui.vue
'
;
export
default
createDemo
({
props
:
{},
setup
()
{
initTranslate
();
return
{
icons
,
translate
,
currentLang
};
const
copyTag
=
(
name
:
string
)
=>
{
const
text
=
`<nut-icon name="
${
name
}
"></nut-icon>`
;
const
input
=
document
.
createElement
(
'
input
'
);
document
.
body
.
appendChild
(
input
);
input
.
setAttribute
(
'
value
'
,
text
);
input
.
select
();
if
(
document
.
execCommand
(
'
copy
'
))
{
document
.
execCommand
(
'
copy
'
);
Toast
.
text
(
`
${
translate
(
'
copyToast
'
)}
: <br/>
${
text
}
`
);
}
document
.
body
.
removeChild
(
input
);
};
return
{
icons
,
translate
,
currentLang
,
copyTag
};
}
});
</
script
>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录