1.下载阿里图标，解压出来之后有个.css文件
image
然后复制这css里面的所有代码
2.新建一个wxss文件，例如我新建的就是iconfont.wxss，然后把刚才复制的所有代码，复制到这个文件里面去。
3.在需要使用到图标的页面导入该wxss文件。例如：
<pre style="margin: 10px auto; padding: 5px; transition-duration: 0.2s; transition-property: background-color, border-color, border-radius, padding, margin, color, opacity; overflow: auto; background: rgb(245, 245, 245); border: 1px solid transparent; border-radius: 3px; color: rgb(68, 68, 68); font-family: "Courier New", sans-serif; white-space: pre-wrap; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">@import "../../public/iconfont/iconfont";</pre>
image
这样在该wxml页面就可以使用图标了
image
网友评论