微信小程序开发(wepy+less/scss+iconfont)

微信小程序开发

小程序开发


浏览:803 次

如何在wepy框架的微信小程序开发中使用iconfont字体图标步骤1:进入,将您在项目中使用的图标添加到购物车中

添加内容.png

第二步:点击购物车将其添加到项目中(也可以在本地下载,主要取决于个人喜好。我更喜欢将其添加至项目中。如果我将来想添加其他图标,我可以直接将其添加入项目中,这便于一键下载。)

添加到项目.png

步骤3:打开项目,你可以看到你刚刚选择的所有图标都在其中。单击“生成链接”,然后将链接复制到浏览器以获取css文件(您也可以单击“下载到本地”将这些图标字体打包并下载到本地。)

链接.png

css文件.png

步骤4:输入项目目录并创建一个文件。复制您刚刚在浏览器中看到的css文件,并将其粘贴到您创建的文件中。您还需要修改文件的@font-face内容。仅保留base64的url行,其余部分被删除

小于.png

步骤5:使用@import导入图标信息。app中的文件更少。wpy全局使用iconfont字体图标

导入.png

步骤6:使用字体图标

使用-iconfont.png

结果.png

最后,哈哈好