uniapp默认头部设置自定义图标

当我们使用 type 值设置按钮的样式时,会忽略 fontSrc 和 text 属性。

所有需要定义自定义图标,首先需要设置type为'none'

这里我测试设置头部右边添加一个个人中心图标,首先我们得有这个字体图标文件,这里选择阿里巴巴的iconfont.cn来下载这个文件

下载后你会得到一个文件包,里面很多文件,我们用得到的就是iconfont.ttf这个字体文件,因为它完美兼容移动端,将它考入我们的项目,并在配置里面引入。

text 是该图片的unicode 码,可以在下载的示列文件demo_index.html中看到,根据官网提示,记得加u

按钮上显示的文字。使用字体图标时 unicode 字符表示必须 '\u' 开头,如 "\ue123"(注意不能写成"\e123")。

 

效果如下:

前端 前端框架

有用 (1)

评论加载中...