使用步骤:
1、在app.json中设置
"useExtendedLib": { "weui": true },
2、icon代码
<text>1</text> <view class="weui-icon-circle"></view> <view class="weui-icon-download"></view> <view class="weui-icon-info"></view> <view class="weui-icon-safe-success"></view> <view class="weui-icon-safe-warn"></view> <view class="weui-icon-success"></view> <view class="weui-icon-success-circle"></view> <view class="weui-icon-success-no-circle"></view> <view class="weui-icon-waiting"></view> <view class="weui-icon-waiting-circle"></view> <view class="weui-icon-warn"></view> <view class="weui-icon-info-circle"></view> <view class="weui-icon-cancel"></view> <view class="weui-icon-search"></view> <view class="weui-icon-clear"></view> <text>2</text> <view class="weui-icon-back"></view> <view class="weui-icon-delete"></view> <view class="weui-icon-success-no-circle-thin"></view> <view class="weui-icon-arrow"></view> <view class="weui-icon-arrow-bold"></view> <view class="weui-icon-back-arrow"></view> <view class="weui-icon-back-arrow-thin"></view> <view class="weui-icon-close"></view> <view class="weui-icon-close-thin"></view> <view class="weui-icon-back-circle"></view> <view class="weui-icon-success"></view> <view class="weui-icon-waiting"></view> <view class="weui-icon-warn"></view> <view class="weui-icon-info"></view> <view class="weui-icon-success-circle"></view> <view class="weui-icon-success-no-circle"></view> <view class="weui-icon-success-no-circle-thin"></view> <text>3</text> <view class="weui-icon-waiting-circle"></view> <view class="weui-icon-circle"></view> <view class="weui-icon-download"></view> <view class="weui-icon-info-circle"></view> <view class="weui-icon-safe-success"></view> <view class="weui-icon-safe-warn"></view> <view class="weui-icon-cancel"></view> <view class="weui-icon-search"></view> <view class="weui-icon-clear"></view><!--active--> <view class="weui-icon-delete.weui-icon_gallery-delete"></view> <view class="weui-icon-arrow"></view> <view class="weui-icon-arrow-bold"></view> <view class="weui-icon-back-arrow"></view> <view class="weui-icon-back-arrow-thin"></view> <view class="weui-icon-arrow"></view> <view class="weui-icon-back-arrow"></view> <view class="weui-icon-back-arrow-thin"></view> <view class="weui-icon-back-circle"></view> <view class="weui-icon-btn_goback"></view> <text>4</text> <view class="weui-icon-more"></view> <view class="weui-icon-btn_close"></view>
效果如下:
标签:微信,app,程序,weui,wxss,icon From: https://www.cnblogs.com/zwh0910/p/17138475.html