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内置样式
84 1
|
缓存 小程序
微信小程序使用vant组件样式不生效的问题
微信小程序使用vant组件样式不生效的问题
965 0
|
JavaScript
jQuery插件开发
jQuery插件开发
76 0
|
6月前
uniapp图片预览
uniapp图片预览
|
小程序 前端开发 开发者
微信小程序-wxss样式
微信小程序-wxss样式
171 0
|
小程序 安全
微信小程序离线引入 iconfont 字体图标
微信小程序离线引入 iconfont 字体图标
690 0
|
小程序 程序员 开发者
微信小程序开发:使用字体图标的方法
在微信小程序开发过程中,图标的使用是很常见很普遍的。一般情况下,在微信小程序项目的文件目录里面images里面,可以直接引用本地的图标文件,但是通过使用字体图标或者background设置背景图的时候,就不用引用本地图标文件,只能使用根据URL链接地址的字体或者图片,再或者使用base64把普通图标编码之后的格式。
852 0
微信小程序开发:使用字体图标的方法
uniapp使用字体图标
uniapp使用字体图标
205 0
|
前端开发 小程序
【微信小程序】WXSS 模板样式
🍓WXSS 模板样式 1. 什么是 WXSS 2. WXSS 和 CSS 的关系 🍒WXSS 模板样式 - rpx 2. rpx 的实现原理 3. rpx 与 px 之间的单位换算(了解) 🍊WXSS 模板样式 - 样式导入 1. 什么是样式导入 2. @import 的语法格式 🍘WXSS 模板样式 - 全局样式和局部样式 1. 全局样式 2. 局部样式
【微信小程序】WXSS 模板样式
|
小程序 前端开发
微信小程序开发引用iconfont字体图标
微信小程序开发引用iconfont字体图标
257 0
微信小程序开发引用iconfont字体图标