标签：阿里巴巴 图标库 样式 微信 程序开发 购物车 点击 图标

十年河东，十年河西，莫欺少年穷

学无止境，精益求精

 

1、百度搜索阿里巴巴图标库，或点击：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

2、在搜索框中搜索（输入关键字，例如购物车），或者选择你喜欢的图标库，进入详情页

 

 3、进入详情页，并把喜欢的图标加入购物车

 

 4、点击购物车，新建项目名称，点击添加到项目

 

 5、进入项目页面，点击复制代码，并将复制的CSS地址填写到浏览器中

 

 6、复制这些CSS样式代码，放入我们小程序的Styles/IconFont.wxss 文件中

 

 7、在全局样式文件：App.wxss 中引用该图标样式

 

 注： 小程序中 ./ 代表相对路径 ../ 代表返回上一层级

8、全局样式引入成功后，我们在index.wxml 中试试这些图标，看看样式能不能生效

<view class="iconfont icon-bangqiu" style="font-size:64px">

</view>

看看效果图吧，这是一个保龄球图标

 

 

over，感谢阿里巴巴图标库

@天才卧龙的博客

标签：阿里巴巴,图标库,样式,微信,程序开发,购物车,点击,图标
来源： https://www.cnblogs.com/chenwolong/p/15511416.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。