uni-app使用iconfont字体图标

先iconfont选择好自己需要的图标 添加至项目 下载字体文件到本地

将下载的文件解压缩到工程目录static文件夹下

定义好iconfont.css文件的@font-face声明,修改好引入的url地址

打开App.vue文件 ,引入static下刚才修改的iconfont.css字体图标文件

完成上线的步骤后就可以全局使用字体图标了

            <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>
1
2
3
4
5