美文网首页
引入阿里巴巴图标库

引入阿里巴巴图标库

作者: 偶头像超凶 | 来源:发表于2021-03-21 01:06 被阅读0次

uniapp的vue文件引入阿里巴巴图标库

1、首先将iconfont.css文件进行处理,将红色框选部分删除,第一张图留一个 src,第二张图留一个;

image.png
image.png

2、使用(都会吧,不说了),如图(用Font class)

<text class="iconfont icon" style="font-size: 30rpx;"></text>

uniapp的nvue文件引入阿里巴巴图标库

1、在app.vue文件中引入,src中引入的iconfont.ttf文件就是下载文档中的iconfont.ttf

export default {
    onLaunch: function() {
        const domModule = weex.requireModule('dom')
        domModule.addRule('fontFace', {
            'fontFamily': 'iconfont',
            'src': "url('./common/css/iconfont.ttf')"
        })
    }
}

2、使用,如图(用Unicode)

<text class="iconfont" style="font-size: 30rpx;">&#xe62b;</text>

相关文章

网友评论

      本文标题:引入阿里巴巴图标库

      本文链接:https://www.haomeiwen.com/subject/aeagcltx.html