先看效果

 有的图标weapp中没有就需要去阿里图标库找合适的,但是小程序不能直接引入图标的链接(不支持html)

icon使用
1 先建空项目，2搜索想要的图标，3加入购物车，4生成代码 ，5在项目里的index.html引入 使用 link-css标签 将复制生成的代码替换href的后的路径 6用在标签的class上 前缀加icon iconfont 后面复制得到的图标名称  

例如:
<van-goods-action-icon icon="icon iconfont icon-yixianshi-" text="分享" open-type="share" />

微信小程序不支持css样式，所以无法直接引入生成代码链接，解决方法，将生成链接在url地址栏中打开，复制一下，在static建个文件夹，复制上代码，在全局样式中引入。

icon网址

 复制链接在浏览器地址栏打开

 全选复制文件在自己的项目中建 static/iconfont/iconfont.wxss

/表示里面的文件static里建iconfont.....

 

 建好文件就全局引入吧! 在app.wxss中  注意小程序引入外联样式用 @import "xxxxx";

直接在便签使用icon图标拉

<view class="icon iconfont icon-yixianshi-"> </view>

     完毕!

There's a path for everyone.
每个人都有自己的路要走。