如何在uniapp中使用iconfont图标?

墨蓝 2024-04-17 06:28 147阅读 0赞

第一步: 从iconfont下载icon图标

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueGx4Zg_size_16_color_FFFFFF_t_70

第二步:把下载文件解压,把iconfont.css 和iconfont.ttf 放到如下项目目录中

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueGx4Zg_size_16_color_FFFFFF_t_70 1

第三 iconfont.css 文件第一段改为下图

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueGx4Zg_size_16_color_FFFFFF_t_70 2

第四,项目中使用如下图

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FueGx4Zg_size_16_color_FFFFFF_t_70 3

发表评论

表情:
评论列表 (有 0 条评论,147人围观)

还没有评论,来说两句吧...

相关阅读