首页 > 编程语言 >微信小程序:如何weui.wxss中的icon?

微信小程序:如何weui.wxss中的icon?

时间:2023-02-20 18:33:19浏览次数:35  
标签:微信 app 程序 weui wxss icon

使用步骤:

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

相关文章