先iconfont选择好自己需要的图标 添加至项目 下载字体文件到本地
将下载的文件解压缩到工程目录static文件夹下
定义好iconfont.css文件的@font-face声明,修改好引入的url地址
打开App.vue文件 ,引入static下刚才修改的iconfont.css字体图标文件
完成上线的步骤后就可以全局使用字体图标了
文章来源:https://www.toymoban.com/news/detail-729086.html
<view class="search">
<input type="text" v-model="searchName" placeholder-style="color:#c8c8c8;z-index:0;" placeholder="搜索">
<span class="iconfont icon-fenxiang"></span>
<span class="iconfont icon-close"></span>
</view>
文章来源地址https://www.toymoban.com/news/detail-729086.html
到了这里,关于uni-app使用iconfont字体图标的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!