uniapp使用字体图标

简介: uniapp使用字体图标

1.在阿里图标库下载需要的字体图标,选择好图标后点下载代码

iconfont-阿里巴巴矢量图标库

2.将下载的压缩包里面的ttf文件拷贝到uniapp项目的static文件夹

3.如果是要用到app的标题栏右上角,代码如下。

"\ue671",可以在iconfont.json文件的unicode

{
            "path" : "pages/index/index",
            "style" :                                                                                    
            {
                "navigationBarTitleText": "我的",
                "enablePullDownRefresh": true,
        "style": {
          "app-plus": {
            "titleNView": {
              "buttons": [{
                "text": "\ue671",
                "fontSrc": "static/iconfont.ttf",
                "fontSize": "22px"
              }]
            }
          }
        }
            }
        }


相关文章
|
6月前
|
小程序 前端开发 iOS开发
uView内置样式
uView内置样式
86 1
|
6月前
|
移动开发 前端开发 JavaScript
uView LoadingIcon 加载动画
uView LoadingIcon 加载动画
108 1
|
缓存 小程序
微信小程序使用vant组件样式不生效的问题
微信小程序使用vant组件样式不生效的问题
972 0
|
1月前
|
前端开发 JavaScript
uniapp纯CSS实现圆形进度条组件
uniapp纯CSS实现圆形进度条组件
93 0
|
6月前
uniapp图片预览
uniapp图片预览
|
6月前
|
前端开发 小程序
微信小程序中wxss和css的差异
微信小程序中wxss和css的差异
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
38 0
|
小程序 前端开发 开发者
微信小程序-wxss样式
微信小程序-wxss样式
171 0
|
小程序 JavaScript
微信小程序 u-picker 三级联动 uView
微信小程序 u-picker 三级联动 uView
445 0
|
小程序 安全
微信小程序离线引入 iconfont 字体图标
微信小程序离线引入 iconfont 字体图标
692 0
下一篇
无影云桌面