微信小程序 - 使用字体图标(阿里云库)

 

实现

阿里图库:https://www.iconfont.cn/

CSS3:[attribute*=value] 选择器

 

步骤

1. 加入购物车

 

 

2. 下载代码解压,复制iconfont.css

 

 

app.wxss(注意!!! 小程序不支持组件内某些选择器

[class*="icon-"] {
  font-family: "iconfont" !important;
  font-size: inherit;
  font-style: normal;
}
View Code

 

 

index.wxss导入“iconfont.wxss”或其它

 

 

index.wxml

 

 

posted @ 2019-02-12 10:33  Sunsin  阅读(921)  评论(0编辑  收藏  举报