新网创想网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

微信小程序导入图标实现过程详解-创新互联

图片素材库——阿里巴巴矢量图https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1359989”

成都创新互联-专业网站定制、快速模板网站建设、高性价比名山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式名山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖名山地区。费用合理售后完善,十多年实体公司更值得信赖。

在页面输入要搜索的图标

微信小程序 导入图标实现过程详解

点击“入库”,然后“添加至项目”

微信小程序 导入图标实现过程详解

选择“编辑”,即对进行编辑成自己想要的效果,名字为home

微信小程序 导入图标实现过程详解

点击保存——下载至本地,则下载量、了一个.zip的压缩包

微信小程序 导入图标实现过程详解

其中demo_index.html内有导入的方法记录

选择iconfont.css文件,点击计算机的“查看”,勾选“文件扩展名”,将.css改为.wxss

微信小程序 导入图标实现过程详解

微信小程序 导入图标实现过程详解

在小程序里新建一个目录,并将改名后的.wxss文件放入文件夹

微信小程序 导入图标实现过程详解

在项目的.wxss中加入

@important"../../*/iconfont.wxss"

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享文章:微信小程序导入图标实现过程详解-创新互联
文章路径:http://wjwzjz.com/article/pchih.html
在线咨询
服务热线
服务热线:028-86922220
TOP