给你代码：小程序引入icon的三种方式( 三 )

2019-12-02

WeUI图标组件

WeUI 是一套同微信原生视觉体验一致的基础样式库，基于小程序自定义组件构建。

由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。

要使用WeUI组件，我们需要到组件下载页面去下载icon组件：developers.weixin.qq.com/miniprogram/dev/extended/weui/download.html

下载完成后我们会得到一个icon文件夹。

里面有四个文件：icon.js icon.json icon.wxmlicon.wxss

我们在项目根目录下创建一个components文件夹，再将icon文件夹拷贝进去，然后在app.json中增加以下配置：

\"usingComponents\": {
\"mp-icon\": \"components/icon/icon\"

在测试页面增加一段代码：

<button type=\"primary\" style=\"width:100%;\">

推荐阅读

上一篇：打印机工作时散发的异味，你知道是什么吗？会对人体有害吗？

下一篇：活动行&EvenToken创始人谢耀辉：在熊市入场，将技术真正落地