微信小程序> 微信小程序使用图标

微信小程序使用图标

浏览量:4191 时间: 来源:Presbyterian

微信小程序使用阿里巴巴图标

因为业务需求项目上要使用一些图标,下面简单的介绍一下使用方法。

  • 首先登陆自己的iconfont的账号
    阿里巴巴矢量图标库
  • 在图标管理我的项目中查看
    小程序
  • 下载并保存文件iconfont.css
    小程序
    小程序
  • 把文件放入到微信小程序项目中,并把后缀更改为*.wxss;
    小程序
    小程序  
    小程序
  • 在所需要的文件下引用;我这里直接引入到全局app.wxss里面了;
    小程序
  • 然后就是使用了
  • 小程序
<view class="iconfont icon-pencil-square testicon"></view>.testicon {  color: #08bb06;  background: #f00;  font-size: 50rpx;  text-align: center;  line-height: 50rpx;  border-radius: 50%;  width: 50rpx;  height: 50rpx;  padding: 50rpx;}

效果图:
 小程序

大功告成!

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎