返回

专注连锁门店会员营销管理系统

线上+线下+进销存+收银+会员
HiShop > Hi小程序 > 小程序开发 > 开发实例 >

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

2018-05-04 作者:秩名

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

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

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

首先在阿里巴巴矢量图标库添加需要的icon,点击下载至本地

然后在下载的东西里找到这个文件iconfont.css

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

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

在自己的小程序里建一个iconfont.wxss的页面,建议放在公共样式里,自己可以找到路径就行,把之前iconfont.css的内容放到iconfont.wxss里面。

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

使用 import导入,或者放在app.wxss里面全局,反正得导入它。

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

页面用的时候先写iconfont 再写对应的icon的名字 如下,

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

对应icon的名字在iconfont.wxss里面,这就是下载的那些icon

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

彩色的icon不能用不能用不能用!!!!!!!!出来是一个方块。

线上+线下+进销存+收银+会员门店零售管理好帮手

  • 极速收银管理

    门店能实现快速收银,提升门店经营效率。

  • 进销存管理

    系统自带进销存管理,更好管理库存销售。

  • 软硬件一体化

    配备收银硬件一站式整体服务。

收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款

获取报价

推荐文章

门店系统 获取报价 立即咨询 免费试用