uniapp 使用iconfont

本文详述了在Uniapp项目中如何使用自定义icon,包括从Iconfont网站下载文件、安装工具、配置路径并最终在app.vue文件中引用的完整过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述:在开发过程中会遇到使用自定义icon的情况,在uniapp项目中使用iconfont步骤如下。

问题解决

步骤一:

打开iconfont网址------我的项目-----下载至本地

下载成功的文件内容:

 步骤二:

以管理员身份运行终端,找到该文件夹下

步骤三:

安装iconfont-tools:npm i -g iconfont-tools

步骤四:

调用iconfont-tools

 执行后的文件夹

步骤五:

将文件复制到uniapp的静态文件夹下

步骤六:

在app.vuez中引用css文件,文件地址为步骤五圈出的地址

步骤七:

调用icon

<view class="icon iconfont t-icon-theme-light "></view>

 综上,iconfont配置及使用完成。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值