uniapp symbol
时间: 2023-08-11 07:06:00 浏览: 95
在uniapp中,可以使用以下方式引入iconfont图标:
1. 在App.vue文件中引入iconfont文件,使用实例<view class="t-icon t-icon-图标名"></view>来显示图标。例如<view class="t-icon t-icon-wechat"></view>表示显示微信图标。
2. 打开iconfont-weapp文件夹,将iconfont-weapp-icon.css文件放入uniapp项目的static文件夹下。
3. 在main.js中引入iconfont图标文件。
4. 之后项目根目录会生成一个iconfont.json文件,其中symbol_url参数指定了图标库的地址,trim_icon_prefix参数指定了图标的前缀。根据项目约定填写这些参数,可以为空。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* *2* [uniapp引入iconfont彩色图标(Symbol方式)](https://blog.csdn.net/gyueh/article/details/113243870)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [uniapp小程序使用symbol格式图标(阿里图标库)](https://blog.csdn.net/o3o_o3o/article/details/126604148)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文