问题描述:在开发过程中会遇到使用自定义icon的情况,在uniapp项目中使用iconfont步骤如下。
问题解决
步骤一:
打开iconfont网址------我的项目-----下载至本地
下载成功的文件内容:
步骤二:
以管理员身份运行终端,找到该文件夹下
步骤三:
安装iconfont-tools:npm i -g iconfont-tools
步骤四:
调用iconfont-tools
执行后的文件夹
步骤五:
将文件复制到uniapp的静态文件夹下
步骤六:
在app.vuez中引用css文件,文件地址为步骤五圈出的地址
步骤七:
调用icon
<view class="icon iconfont t-icon-theme-light "></view>
文章来源:https://www.toymoban.com/news/detail-623565.html
综上,iconfont配置及使用完成。文章来源地址https://www.toymoban.com/news/detail-623565.html
到了这里,关于uniapp 使用iconfont的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!