TDesign引入阿里Iconfont图标库

1、打开 iconfont,https://www.iconfont.cn/,登录,创建个项目

2、搜索图标,选择图标,添加到购物车

3、选好之后,点击顶部右侧购物车图标,将图标添加进项目,没有项目可以新建

4、先进行项目配置,此时需注意Font Family 和 FontClass需要与小程序中配置一样,否则访问不到,参考[Icon 图标] 引入iconfont自定义图标不显示 · Issue #1162 · Tencent/tdesign-miniprogram · GitHub

项目设置如下:

项目设置好之后,点击生成/更新代码,打开代码,全选复制内容

5、在小程序项目中新建个xxxx.wxss文件(如iconfont.wxss),路径随意,根据自己代码习惯,建议放外层;将复制内容粘贴到文件中保存。此时核对文件三一致

6、在 app.wxss中引入刚才的文件

7、在页面中使用,注意 prefix 对应Font Family

相关推荐
qq 1808095115 天前
D*算法路径规划 Matlab路径规划 栅格法 可自行更改绘制栅格地图,自定义起始点目标点位置...
tdesign
ttod_qzstudio20 天前
DriveLerpControllerEditor开发总结:一个3D编辑器插值控制系统的实现
vue.js·typescript·编辑器·tdesign
ttod_qzstudio22 天前
事件冒泡踩坑记:一个TDesign Checkbox引发的思考
前端·javascript·vue.js·tdesign
询问QQ:688238861 个月前
基于MATLAB的三维SD-MTSP:采用蛇优化算法SO求解多旅行商问题的三维单仓库数据处理及...
tdesign
ttod_qzstudio2 个月前
替代 TDesign Dialog:用 div 实现可拖拽、遮罩屏蔽的对话框
前端·tdesign
是大刚啊2 个月前
微信小程序原生车牌输入器
微信小程序·小程序·tdesign·车牌号·车牌输入
小__小__码3 个月前
Python数据可视化用Matplotlib和Seaborn提升你的数据分析效率
tdesign
2401_853406884 个月前
Tdesign-React 组件 Card 实现头部固定,内容区单独可滚动
前端·react.js·tdesign
QC班长9 个月前
微信小程序引入TDesign组件后报错一直提示路径不对(Component is not found in path)的解决方法
微信小程序·小程序·tdesign·引入tdesign组件后报错
杨天天.1 年前
微信小程序原生,tdesign时间选择器,t-date-time-picker封装成组件,开始时间结束时间
微信小程序·小程序·tdesign