Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
hello uni-app x
提交
f79e305d
H
hello uni-app x
项目概览
DCloud
/
hello uni-app x
通知
6037
Star
91
Fork
164
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
19
列表
看板
标记
里程碑
合并请求
1
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
H
hello uni-app x
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
19
Issue
19
列表
看板
标记
里程碑
合并请求
1
合并请求
1
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
f79e305d
编写于
11月 09, 2024
作者:
DCloud-yyl
1
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
添加字体图标示例页面
上级
3bb685ca
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
155 addition
and
0 deletion
+155
-0
pages.json
pages.json
+11
-0
pages/CSS/text/font-icon.uvue
pages/CSS/text/font-icon.uvue
+144
-0
未找到文件。
pages.json
浏览文件 @
f79e305d
...
...
@@ -1630,6 +1630,13 @@
"navigationBarTitleText"
:
"letter-spacing"
}
},
{
"path"
:
"pages/CSS/text/font-icon"
,
"group"
:
"2,14,15"
,
"style"
:
{
"navigationBarTitleText"
:
"font-icon"
}
},
{
"path"
:
"pages/CSS/text/line-height"
,
"group"
:
"2,14,12"
,
...
...
@@ -2877,6 +2884,10 @@
{
"id"
:
"css.properties.text.letter-spacing"
,
"name"
:
"letter-spacing"
},
{
"id"
:
"css.properties.text.font-icon"
,
"name"
:
"font-icon"
}
]
},
...
...
pages/CSS/text/font-icon.uvue
0 → 100644
浏览文件 @
f79e305d
<template>
<!-- #ifdef APP -->
<scroll-view style="flex: 1;">
<!-- #endif -->
<view style="align-items: center;align-self: center;">
<view class="iconContainer">
<view class="iconItem" v-for="item in uniIcons">
<text class="icon">{{String.fromCharCode(parseInt(item.code,16))}}</text>
<text class="code">\u{{item.code}}</text>
<text class="name">{{item.name}}</text>
</view>
</view>
</view>
<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>
<script lang="uts">
type Icon = {
name : string,
code : string,
}
export default {
data() {
return {
uniIcons: [ //图标数据
{
'name':'forward',
'code':'E600',
},
{
'name':'back',
'code':'E601',
},
{
'name':'share',
'code':'E602',
},
{
'name':'favorites',
'code':'E604',
},
{
'name':'home',
'code':'E605',
},
{
'name':'more',
'code':'E606',
},
{
'name':'close',
'code':'E650',
},
{
'name':'down',
'code':'E661',
},
{
'name':'circle',
'code':'EA01',
},
{
'name':'info',
'code':'EA03',
},
{
'name':'info circle',
'code':'EA04',
},
{
'name':'success',
'code':'EA06',
},
{
'name':'success circle',
'code':'EA07',
},
{
'name':'success no circle',
'code':'EA08',
},
{
'name':'cancel circle',
'code':'EA0B',
},
{
'name':'warn',
'code':'EA0F',
},
{
'name':'clear',
'code':'EA14',
},
{
'name':'download',
'code':'EA19',
},
{
'name':'waitnig',
'code':'EA1E',
},
{
'name':'search',
'code':'EA23',
}
] as Icon[],
}
}
}
</script>
<style>
.iconContainer {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.iconItem {
width: 100px;
height: 150px;
justify-content: center;
align-items: center;
}
.icon {
width: 48px;
height: 48px;
font-family: uni-icon;
font-size: 42px;
line-height: 48px;
color: #333;
margin-bottom: 8px;
}
.code {
font-size: 14px;
color: #f00;
}
.name {
font-size: 12px;
color: #000;
}
</style>
DCloud-yyl
@u011282379
mentioned in commit
0550467a
·
11月 10, 2024
mentioned in commit
0550467a
mentioned in commit 0550467a3549a6be14be84b41e442e474f864522
开关提交列表
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录