uniapp tabBar 使用字体图标

用的是uni-ui开发,用 HBuilderX 创建的项目,想使用 自带的 uni-icon 作为底部的图标,看了网上的,都基本没说怎么用,都是导入外部字体。没办法,只能在 static 下新建了个目录,把 uniicons.css 和 uniicons.ttf 拷贝进去,希望能有大佬指导下方法。


401a542a2e340de03c79f9f7f84ee3c.png
"tabBar": {
        "color": "#7A7E83",
        "selectedColor": "#007AFF",
        "iconfontSrc": "static/icon/uniicons.ttf",
        "list": [
            {
                "iconfont": {
                    "text": "\ue6c6",
                    "selectedText": "\ue6c6",
                    "fontSize": "22px",
                    "color": "#7A7E83",
                    "selectedColor": "#007AFF"
                },
                "text": "首页",
                "pagePath": "pages/home/home"
            },
            {
                "iconfont": {
                    "text": "\ue694",
                    "selectedText": "\ue694",
                    "fontSize": "22px",
                    "color": "#7A7E83",
                    "selectedColor": "#007AFF"
                },
                "text": "消息",
                "pagePath": "pages/message/message"
            },
            {
                "iconfont": {
                    "text": "\ue695",
                    "selectedText": "\ue695",
                    "fontSize": "22px",
                    "color": "#7A7E83",
                    "selectedColor": "#007AFF"
                },
                "text": "我的",
                "pagePath": "pages/user/user"
            }
        ]
    },

uniicons.css 里面存的就是 图标对应的 编码,载那里面找对应的编码就是

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容