三步,很清晰"/>
微信小程序中使用svg字体图标教程 ——图解三步,很清晰
小程序中想使用字体图标其实很简单:
第一步:首先在阿里巴巴矢量图库 里面下载你想要的小图标:
下载时选择svg下载:
第二步:打开 把你刚刚下载的svg拖拽到这里:
第三步:在线转换base64编码字体,打开 / :
下载完成后你会得到第二个文件夹,解压:
接下来就可以使用了:
注意: 字体图标就相当于字体直接用font-size控制大小,color控制颜色就可以
// wxml结构文件:<view class="icon-copy"></view>
// wxss样式文件:
.icon-copy {font-size: 30px;color: #000;
}
更多推荐
微信小程序中使用svg字体图标教程 ——图解三步,很清晰
发布评论