加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序如何在开发中引用外部图标

2019-07-31 09:47:08 来源:沈阳小程序开发 作者:沈阳软件开发

微信小程序如何在开发中引用外部图标?

21708-1P5041H24MA.png

201803081037209.jpg

首先在阿里巴巴矢量图标库中添加所需图标,然后单击下载到本地

然后在下载的文件中找到文件iconfont.css

2018030810372010.jpg

2018030810372011.jpg

在您自己的小程序中创建一个iconfont.wxss页面。建议将其置于公共场所。您可以找到路径并将iconicon.css的内容放入iconfont.wxss中。

2018030810372012.jpg

使用import导入,或将其放入app.wxss全局,无论如何都要导入它。

2018030810372002.jpg

使用页面时,首先编写iconfont,然后按如下所示编写相应的图标名称,

2018030810372014.jpg

相应图标的名称位于iconfont.wxss中,这是下载的图标

2018030810372115.jpg

彩色图标不能使用,不能使用!出来就是一个盒子。

< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>

确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。