当前位置: 首页 > Web前端 > HTML

在微信小程序项目中使用icon图标

时间:2023-03-28 01:41:52 HTML

的效果:步骤:1、首先请UI负责人将你的账号添加到项目中。添加到项目中后,在图标图标库中可以看到项目2.在小程序中,使用新建一个视图,为其添加一个类,将图标名称复制到其中。注意格式,格式为iconfont图标名称。前缀iconfont不固定。根据图标名称,图标的前缀是my-icon-xxxx,那么前缀是my-icon不带前缀或者带前缀集。一般使用iconfont,具体看项目。在这里,我的图标示例。my-iconmy-icon-fontxxx//前缀图标名//使用图标//seticonstyle.fontxxx{font-size:30rpx;颜色:蓝色;}以上说明图标已经引入。如果没有,需要把iconfont图标库中的图标下载到本地,然后将文件里面的iconfont.css重命名为iconfont.wxss,放到根文件中就可以正常使用了文件夹。