先看效果
有的图标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="iconiconfonticon-yixianshi-"> </view>
完毕!
There's a path for everyone. 每个人都有自己的路要走。