weui.wxss中的icon整理(微信小程序)

weui.wxss 自带的 icon.个人用了1个小时整理出来！给大家节省时间

效果图是一一对应的

<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>

weui.wxss中的icon整理(微信小程序)相关推荐

我是如何拿到HTTPS中的加密数据（微信小程序同样适用）
我是如何拿到HTTPS中的加密数据(微信小程序同样适用) HTTPS很安全,只要用户不作声明特别声明引子网络上的坑以及我怎么解决的总结重申下解决方法备注下载fiddler的官网: 下载 ...
微信小程序中嵌套html_在微信小程序中渲染HTML内容3种解决方案及分析与问题解决...
大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题.但是,在微信小程序(下文简称为「小程序」)中,应当如何渲染这部分内容呢? 在微信小程序中渲 ...
微信小程序来了，整理微信小程序学习教程网站
第一,首先菜鸟教程网址:http://www.runoob.com/ ps: 菜鸟教程(www.runoob.com)提供了最全的编程技术基础教程, 介绍了HTML.CSS.Javascript. ...
wxss 点击样式_微信小程序点击控件修改样式实例详解
微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...
MATLAB slider中的数值,在微信小程序中如何使用slider设置数据值
这篇文章主要介绍了微信小程序使用slider设置数据值及switch开关组件功能,结合实例形式分析了slider组件及switch组件的功能与使用方法,并附带源码供读者下载参考,需要的朋友可以参考下 ...
微信小程序轮播图中间变大_微信小程序实现带放大效果的轮播图
本文实例为大家分享了微信小程序实现带放大效果的轮播图,供大家参考,具体内容如下效果如图 WXML WXSS .Carousel{ margin-top: 49px; background-color ...
微信中html5获取手机号,微信小程序通过用户授权获取手机号
这篇文章主要介绍了微信小程序如何通过用户授权获取手机号(getPhoneNumber),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序有一个获 ...
微信小程序修改数组中的元素_微信小程序——this.setData()动态修改数组中的某一值...
微信小程序--this.setData()动态修改数组中的某一值S8v编程技术_踩坑日志_进阶指南_无知人生大家是不是都觉得微信小程序的开发方式和 vue react 这种框架的开发方式很像?S8v ...
微信小程序中嵌套html_在微信小程序中渲染HTML内容的方法示例
大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题.但是,在微信小程序(下文简称为「小程序」)中,应当如何渲染这部分内容呢? 解决方案 wxP ...

weui.wxss中的icon整理(微信小程序)

weui.wxss中的icon整理(微信小程序)相关推荐

最新文章

热门文章