uniapp中如何使用echarts图表绘制雷达图,uniapp中如何使用node_modules
在uniapp中使用iconfont的方法:先下载需要的图标;然后选择unicode,点击生成代码;然后回到iconfont.css,打开css文件;最后需要在[//at]前面加上[https:]并调用iconfont。
UNI-APP开发(仿饿)开发课程:进入学习
本教程运行环境:windows7系统,Uni-App版本2.5.1,Dell G3电脑。
推荐(免费):uni-app开发教程
uniapp中使用iconfont的方法:
第一步
转到图标字体,选择您想要使用的图标。
第二步
下载图标。
第三步
下载后打开文件,删除除iconfont.css以外的所有文件
第四步
返回到iconfont项目,选择unicode并单击以生成代码。如果之前已经生成,可以忽略此步骤,直接跳到步骤5。
第五步
单击生成后复制代码。
第六步
回到iconfont.css打开css文件,注意红框内容,全部删除,用第五步刚复制的替换。
第七步
替换之后,您需要在//at前面加上https:
第八步
调用图标字体
模板
view class=translation
!-你可以愉快地称之为-
view class= icon font icon-胡欢/view
/查看
/模板
脚本
导出默认值{
data() {
返回{
Val:使用图标字体
}
}
}
/脚本
风格
/*选择iconfont.css所在的路径*/
@导入././static/icon font/icon font . CSS ;
/style相关免费学习推荐:编程视频
以上就是如何在uniapp中使用iconfont的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。