Merge pull request #143 from Tencent/develop

### v2.3.0 (2020-03-04) #### Features * feat: 兼容小程序的navigator标签 * feat: input的placeholder更改颜色 * feat: 更改cell的点击态背景颜色 * feat: 适配小程序的darkmode #### Bugfixes * fix: msg的title没有适配黑暗模式 * fix: input placeholder的样式 * fix: fix default 按钮的点击态 * fix: form表单的验证码样式 * fix: darkmode右滑组件、修复图片预览组件刘海屏安全间距问题 * fix: 搜索框的文本没有适配黑暗模式

Merge pull request #143 from Tencent/develop
### v2.3.0 (2020-03-04) #### Features * feat: 兼容小程序的navigator标签 * feat: input的placeholder更改颜色 * feat: 更改cell的点击态背景颜色 * feat: 适配小程序的darkmode #### Bugfixes * fix: msg的title没有适配黑暗模式 * fix: input placeholder的样式 * fix: fix default 按钮的点击态 * fix: form表单的验证码样式 * fix: darkmode右滑组件、修复图片预览组件刘海屏安全间距问题 * fix: 搜索框的文本没有适配黑暗模式
221cf58e · x · GitHub · 8bed510b · 99ec7039 · 221cf58e
517 changed file
--- a/.editorconfig
+++ b/.editorconfig
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
\ No newline at end of file
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
-#### v 2.0.1 (2019-10-23)
+### v2.3.0 (2020-03-04)
+
+#### Features
+* feat: 兼容小程序的navigator标签
+* feat: input的placeholder更改颜色
+* feat: 更改cell的点击态背景颜色
+* feat: 适配小程序的darkmode
+
+#### Bugfixes
+* fix: msg的title没有适配黑暗模式
+* fix: input placeholder的样式
+* fix: fix default 按钮的点击态
+* fix: form表单的验证码样式
+* fix: darkmode右滑组件、修复图片预览组件刘海屏安全间距问题
+* fix: 搜索框的文本没有适配黑暗模式
+
+
+#### v2.0.1 (2019-10-23)
 - 【增强】 增加组件 form 表单页 
 - 【增强】 增加组件 actionsheet 模拟原生actionsheet 
 - 【优化】 优化 slideview 右滑操作UI 
 - 【修复】 修复在[weui-miniprogram](https://github.com/wechat-miniprogram/weui-miniprogram) v0.2下的一些兼容问题 

-#### v 2.0.0 (2019-08-01)
+
+#### v2.0.0 (2019-08-01)

 - 【同步weui】 颜色规范、字体大小规范、间距规范对齐微信7.0新视觉风格
 - 【同步weui】 更新weui-cell、weui-uploader、weui-article、weui-footer、weui-msg、weui-panel、weui-search-bar等组件的UI
@@ -17,22 +35,26 @@
 - 【增强】 增加组件 tabbar 模拟原生底部tab
 - 【优化】 废弃组件 navbar

-#### v 1.1.1 (2017-01-18)
+
+#### v1.1.1 (2017-01-18)

 - 【同步weui】 增加扩展类.weui-loading_transparent
 - 【同步weui】 更新普通警告图标颜色
 - 【修复】 fix navbar的activeIndex #20

-#### v 1.1.0 (2016-12-06)
+
+#### v1.1.0 (2016-12-06)

 - 【优化】 跟随weui的版本号
 - 【优化】 loading的base64
 - 【增强】 增加组件 badge 徽章

+
 #### v0.1.1 (2016-11-10)

 - 【修复】 navbar的样式按小程序的规范来重新编写

+
 #### v0.1.0 (2016-11-10)

 初始发布

--- a/dist/app.js
+++ b/dist/app.js
+require('./libs/Mixins.js');
+
+const themeListeners = [];
+
 App({
-    onLaunch: function () {
-        console.log('App Launch')
+    globalData: {
+        theme: 'light', // dark
    },
-    onShow: function () {
-        console.log('App Show')
+    themeChanged(theme) {
+        this.globalData.theme = theme;
+        themeListeners.forEach((listener) => {
+            listener(theme);
+        });
    },
-    onHide: function () {
-        console.log('App Hide')
+    watchThemeChange(listener) {
+        if (themeListeners.indexOf(listener) < 0) {
+            themeListeners.push(listener);
+        }
+    },
+    unWatchThemeChange(listener) {
+        const index = themeListeners.indexOf(listener);
+        if (index > -1) {
+            themeListeners.splice(index, 1);
+        }
    },
-    globalData: {
-        hasLogin: false
-    }
 });
\ No newline at end of file
--- a/dist/app.json
+++ b/dist/app.json
@@ -3,10 +3,18 @@
    "example/index",

    "example/button/button",
-    "example/list/list",
-    "example/slideview/slideview",
    "example/input/input",
    "example/form/form",
+    "example/form/form_page",
+    "example/form/form_input_status",
+    "example/form/form_vcode",
+    "example/form/form_checkbox",
+    "example/form/form_radio",
+    "example/form/form_switch",
+    "example/form/form_select",
+    "example/form/form_textarea",
+    "example/list/list",
+    "example/slideview/slideview",
    "example/slider/slider",
    "example/uploader/uploader",

@@ -30,9 +38,10 @@
    "example/msg/msg_text",
    "example/msg/msg_text_primary",
    "example/msg/msg_success",
-    "example/msg/msg_fail",
+    "example/msg/msg_warn",
    "example/picker/picker",
    "example/toast/toast",
+    "example/top-tips/top-tips",

    "example/navigation-bar/navigation-bar",
    "example/tabbar/tabbar",

--- a/dist/app.wxss
+++ b/dist/app.wxss
--- a/dist/example/actionsheet/actionsheet.js
+++ b/dist/example/actionsheet/actionsheet.js
 Page({
-    open: function(){
-        wx.showActionSheet({
-            itemList: ['A', 'B', 'C'],
-            success: function(res) {
-                if (!res.cancel) {
-                    console.log(res.tapIndex)
-                }
-            }
-        });
-    },
+    mixins: [require('../../mixin/themeChanged')],
    data: {
-        showDialog: false
+        showIOSDialog: false,
+        showAndroidDialog: false,
    },
-    openDialog: function () {
+    close: function() {
        this.setData({
-            istrue: true
-        })
+            showIOSDialog: false,
+            showAndroidDialog: false
+        });
    },
-    closeDialog: function () {
+    openIOS: function () {
        this.setData({
-            istrue: false
-        })
+            showIOSDialog: true
+        });
+    },
+    openAndroid: function () {
+        this.setData({
+            showAndroidDialog: true
+        });
    }
 });
--- a/dist/example/actionsheet/actionsheet.wxml
+++ b/dist/example/actionsheet/actionsheet.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">ActionSheet</view>
        <view class="page__desc">弹出式菜单</view>
    </view>
    <view class="page__bd">
        <view class="weui-btn-area">
-            <button class="weui-btn" type="default" bindtap="open">原生 ActionSheet</button>
-            <button class="weui-btn" type="default" bindtap="openDialog">模拟 ActionSheet</button>
+            <a class="weui-btn weui-btn_default" bindtap="openIOS">iOS ActionSheet</a>
+            <a class="weui-btn weui-btn_default" bindtap="openAndroid">Android ActionSheet</a>
        </view>
    </view>
-    <view class="weui-demo-dialog {{istrue ? 'weui-demo-dialog_show' : ''}}">
-      <view class="weui-mask" bindtap="closeDialog"></view>
-      <view class="weui-actionsheet {{istrue ? 'weui-actionsheet_toggle' : ''}}" catchtap="stopEvent">
-          <view class="weui-actionsheet__title">
-              <view class="weui-actionsheet__title-text">这是一个标题，可以为一行或者两行。</view>
-          </view>
-          <view class="weui-actionsheet__menu">
-              <view class="weui-actionsheet__cell">示例菜单</view>
-              <view class="weui-actionsheet__cell">示例菜单</view>
-              <view class="weui-actionsheet__cell weui-actionsheet__cell_warn">负向菜单</view>
-          </view>
-          <view class="weui-actionsheet__action">
-              <view class="weui-actionsheet__cell" bindtap="closeDialog">取消</view>
-          </view>
-      </view>
+    <view wx:if="{{showIOSDialog}}" class="fadeIn" bindtap="close">
+        <view class="weui-mask"></view>
+        <view class="weui-actionsheet weui-actionsheet_toggle">
+            <view class="weui-actionsheet__title">
+                <view class="weui-actionsheet__title-text">这是一个标题，可以为一行或者两行。</view>
+            </view>
+            <view class="weui-actionsheet__menu">
+                <view class="weui-actionsheet__cell">示例菜单</view>
+                <view class="weui-actionsheet__cell">示例菜单</view>
+                <view class="weui-actionsheet__cell weui-actionsheet__cell_warn">负向菜单</view>
+            </view>
+            <view class="weui-actionsheet__action">
+                <view class="weui-actionsheet__cell">取消</view>
+            </view>
+        </view>
+    </view>
+    <view wx:if="{{showAndroidDialog}}" class="weui-skin_android fadeIn" bindtap="close">
+        <view class="weui-mask"></view>
+        <view class="weui-actionsheet">
+            <view class="weui-actionsheet__menu">
+                <view class="weui-actionsheet__cell">示例菜单</view>
+                <view class="weui-actionsheet__cell">示例菜单</view>
+                <view class="weui-actionsheet__cell">示例菜单</view>
+            </view>
+        </view>
    </view>
 </view>
--- a/dist/example/actionsheet/actionsheet.wxss
+++ b/dist/example/actionsheet/actionsheet.wxss
-.weui-demo-dialog{
-  visibility:hidden;
-  opacity:0;
-  transition:all .3s;
-}
-.weui-demo-dialog_show{
-  visibility:visible;
-  opacity:1;
-}
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}
\ No newline at end of file
--- a/dist/example/article/article.js
+++ b/dist/example/article/article.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/article/article.wxml
+++ b/dist/example/article/article.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">Article</view>
        <view class="page__desc">文章</view>

--- a/dist/example/article/article.wxss
+++ b/dist/example/article/article.wxss
-page{
-    background-color: #FFFFFF;
-}
-image{
-    margin: 4px 0;
-}
\ No newline at end of file
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}image{margin:4px 0}
\ No newline at end of file
--- a/dist/example/badge/badge.js
+++ b/dist/example/badge/badge.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/badge/badge.wxml
+++ b/dist/example/badge/badge.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Badge</view>
-        <view class="page__desc">徽章</view>
-    </view>
-
-    <view class="page__bd">
-        <view class="weui-cells__title">新消息提示跟摘要信息后，统一在列表右侧</view>
-        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell weui-cell_access">
-                <view class="weui-cell__bd">单行列表</view>
-                <view class="weui-cell__ft weui-cell__ft_in-access" style="font-size: 0">
-                    <view style="display: inline-block;vertical-align:middle; font-size: 17px;">详细信息</view>
-                    <view class="weui-badge weui-badge_dot" style="margin-left: 5px;margin-right: 5px;"></view>
-                </view>
-            </view>
-        </view>
-
-        <view class="weui-cells__title">未读数红点跟在主题信息后，统一在列表左侧</view>
-        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell">
-                <view class="weui-cell__hd" style="position: relative;margin-right: 10px;">
-                    <image src="../images/pic_160.png" style="width: 50px; height: 50px; display: block"/>
-                    <view class="weui-badge" style="position: absolute;top: -.4em;right: -.4em;">8</view>
-                </view>
-                <view class="weui-cell__bd">
-                    <view>联系人名称</view>
-                    <view style="font-size: 13px;color: #888888;">摘要信息</view>
-                </view>
-            </view>
-            <view class="weui-cell weui-cell_access">
-                <view class="weui-cell__bd">
-                    <view style="display: inline-block; vertical-align: middle">单行列表</view>
-                    <view class="weui-badge" style="margin-left: 5px;">8</view>
-                </view>
-                <view class="weui-cell__ft weui-cell__ft_in-access"></view>
-            </view>
-            <view class="weui-cell weui-cell_access">
-                <view class="weui-cell__bd">
-                    <view style="display: inline-block; vertical-align: middle">单行列表</view>
-                    <view class="weui-badge" style="margin-left: 5px;">8</view>
-                </view>
-                <view class="weui-cell__ft weui-cell__ft_in-access">详细信息</view>
-            </view>
-            <view class="weui-cell weui-cell_access">
-                <view class="weui-cell__bd">
-                    <view style="display: inline-block; vertical-align: middle">单行列表</view>
-                    <view class="weui-badge" style="margin-left: 5px;">New</view>
-                </view>
-                <view class="weui-cell__ft weui-cell__ft_in-access"></view>
-            </view>
-        </view>
-    </view>
-</view>
\ No newline at end of file
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Badge</view>
+		<view class="page__desc">徽章</view>
+	</view>
+	<view class="page__bd">
+		<view class="weui-cells__title">新消息提示跟摘要信息后，统一在列表右侧</view>
+		<view class="weui-cells">
+			<view class="weui-cell weui-cell_active weui-cell_access">
+				<view class="weui-cell__bd">单行列表</view>
+				<view class="weui-cell__ft" style="font-size: 0;">
+					<text style="vertical-align: middle; font-size: 17px;">详细信息</text>
+					<text class="weui-badge weui-badge_dot" style="margin-left: 5px; margin-right: 5px;"></text>
+				</view>
+			</view>
+		</view>
+		<view class="weui-cells__title">未读数红点跟在主题信息后，统一在列表左侧</view>
+		<view class="weui-cells">
+			<view class="weui-cell weui-cell_active">
+				<view class="weui-cell__hd" style="position: relative; margin-right: 10px;">
+					<image src="../images/pic_160.png" style="width: 50px; display: block;"></image>
+					<text class="weui-badge" style="position: absolute; top: -0.4em; right: -0.4em;">8</text>
+				</view>
+				<view class="weui-cell__bd">
+					<view>联系人名称</view>
+					<view style="font-size: 13px; color: #888;">摘要信息</view>
+				</view>
+			</view>
+			<view class="weui-cell weui-cell_active weui-cell_access">
+				<view class="weui-cell__bd">
+					<text style="vertical-align: middle;">单行列表</text>
+					<text class="weui-badge" style="margin-left: 5px;">8</text>
+				</view>
+				<view class="weui-cell__ft"></view>
+			</view>
+			<view class="weui-cell weui-cell_active weui-cell_access">
+				<view class="weui-cell__bd">
+					<text style="vertical-align: middle;">单行列表</text>
+					<text class="weui-badge" style="margin-left: 5px;">8</text>
+				</view>
+				<view class="weui-cell__ft">详细信息</view>
+			</view>
+			<view class="weui-cell weui-cell_active weui-cell_access">
+				<view class="weui-cell__bd">
+					<text style="vertical-align: middle;">单行列表</text>
+					<text class="weui-badge" style="margin-left: 5px;">New</text>
+				</view>
+				<view class="weui-cell__ft"></view>
+			</view>
+		</view>
+	</view>
+</view>
--- a/dist/example/badge/badge.wxss
+++ b/dist/example/badge/badge.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+image{height:50px}
\ No newline at end of file
--- a/dist/example/button/button.js
+++ b/dist/example/button/button.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/button/button.wxml
+++ b/dist/example/button/button.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Button</view>
-        <view class="page__desc">按钮，WeUI采用小程序原生的按钮为主体，加入一些间距的样式。</view>
-    </view>
-    <view class="page__bd page__bd_spacing">
-        <button class="weui-btn" type="primary">页面主操作</button>
-        <button class="weui-btn" type="primary" disabled="true">页面主操作</button>
-
-        <button class="weui-btn" type="default">页面次要操作</button>
-        <button class="weui-btn" type="default" disabled="true">页面次要操作</button>
-
-        <button class="weui-btn" type="warn">警告类操作</button>
-        <button class="weui-btn" type="warn" disabled="true">警告类操作</button>
-
-        <view class="button-sp-area">
-            <button class="weui-btn mini-btn" type="primary" size="mini">按钮</button>
-            <button class="weui-btn mini-btn" type="default" size="mini">按钮</button>
-            <button class="weui-btn mini-btn" type="warn" size="mini">按钮</button>
-        </view>
-    </view>
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Button</view>
+		<view class="page__desc">按钮</view>
+	</view>
+	<view class="page__bd">
+		<view class="button-sp-area">
+			<a class="weui-btn weui-btn_primary">页面主操作</a>
+			<a class="weui-btn weui-btn_primary weui-btn_loading"><i class="weui-loading"></i>页面主操作</a>
+			<a class="weui-btn weui-btn_disabled weui-btn_primary">页面主操作</a>
+			<a class="weui-btn weui-btn_default">页面次要操作</a>
+			<a class="weui-btn weui-btn_default weui-btn_loading"><i class="weui-loading"></i>页面次操作</a>
+			<a class="weui-btn weui-btn_disabled weui-btn_default">页面次要操作</a>
+			<a class="weui-btn weui-btn_warn">警告类操作</a>
+			<a class="weui-btn weui-btn_warn weui-btn_loading"><i class="weui-loading"></i>警告类操作</a>
+			<a class="weui-btn weui-btn_disabled weui-btn_warn">警告类操作</a>
+		</view>
+		<view class="button-sp-area cell">
+			<a class="weui-btn_cell weui-btn_cell-default">普通行按钮</a>
+			<a class="weui-btn_cell weui-btn_cell-primary">强调行按钮</a>
+			<a class="weui-btn_cell weui-btn_cell-primary">
+				<image class="weui-btn_cell__icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII="></image>
+强调行按钮
+			</a>
+			<a class="weui-btn_cell weui-btn_cell-warn">警告行按钮</a>
+		</view>
+		<view class="button-sp-area">
+			<a class="weui-btn weui-btn_mini weui-btn_primary">按钮</a>
+			<a class="weui-btn weui-btn_mini weui-btn_default">按钮</a>
+			<a class="weui-btn weui-btn_mini weui-btn_warn">按钮</a>
+		</view>
+	</view>
 </view>
--- a/dist/example/button/button.wxss
+++ b/dist/example/button/button.wxss
-page{background-color:#EDEDED;}
-.button-sp-area{
-    margin: 0 auto;
-    padding-top: 15px;
-    text-align:center;
-}
-.mini-btn{
-    margin: 0 4px;
-}
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.button-sp-area{padding-top:15px;text-align:center}.weui-btn_mini{margin-right:4px}
\ No newline at end of file
--- a/dist/example/dialog/dialog.js
+++ b/dist/example/dialog/dialog.js
 Page({
+    mixins: [require('../../mixin/themeChanged')],
    data: {
-        showDialog: false
+        iosDialog1: false,
+        iosDialog2: false,
+        androidDialog1: false,
+        androidDialog2: false,
    },
-     openConfirm: function () {
-        wx.showModal({
-            title: '弹窗标题',
-            content: '弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内',
-            confirmText: "主操作",
-            cancelText: "辅助操作",
-            success: function (res) {
-                console.log(res);
-                if (res.confirm) {
-                    console.log('用户点击主操作')
-                }else{
-                    console.log('用户点击辅助操作')
-                }
-            }
+    close: function () {
+        this.setData({
+            iosDialog1: false,
+            iosDialog2: false,
+            androidDialog1: false,
+            androidDialog2: false,
+        })
+    },
+    openIOS1: function() {
+        this.setData({
+            iosDialog1: true
        });
    },
-    openDialog: function () {
+    openIOS2: function() {
        this.setData({
-            istrue: true
-        })
+            iosDialog2: true
+        });
    },
-    closeDialog: function () {
+    openAndroid1: function() {
        this.setData({
-            istrue: false
-        })
-    }
+            androidDialog1: true
+        });
+    },
+    openAndroid2: function() {
+        this.setData({
+            androidDialog2: true
+        });
+    },
 });
--- a/dist/example/dialog/dialog.wxml
+++ b/dist/example/dialog/dialog.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">Dialog</view>
        <view class="page__desc">对话框</view>
    </view>
-    <view class="page__bd">
-        <view class="weui-btn-area">
-            <button class="weui-btn" type="default" bindtap="openConfirm">原生 Dialog</button>
-            <button class="weui-btn" type="default" bindtap="openDialog">模拟 Dialog</button>
+    <view class="page__bd page__bd_spacing">
+        <a class="weui-btn weui-btn_default" bindtap="openIOS1">iOS Dialog样式一</a>
+        <a class="weui-btn weui-btn_default" bindtap="openIOS2">iOS Dialog样式二</a>
+        <a class="weui-btn weui-btn_default" bindtap="openAndroid1">Android Dialog样式一</a>
+        <a class="weui-btn weui-btn_default" bindtap="openAndroid2">Android Dialog样式二</a>
+    </view>
+    <view class="fadeIn" wx:if="{{iosDialog1}}">
+        <view class="weui-mask"></view>
+        <view class="weui-dialog">
+            <view class="weui-dialog__hd"><strong class="weui-dialog__title">弹窗标题</strong></view>
+            <view class="weui-dialog__bd">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</view>
+            <view class="weui-dialog__ft">
+                <a class="weui-dialog__btn weui-dialog__btn_default" bindtap="close">辅助操作</a>
+                <a class="weui-dialog__btn weui-dialog__btn_primary" bindtap="close">主操作</a>
+            </view>
+        </view>
+    </view>
+    <view class="fadeIn" wx:if="{{iosDialog2}}">
+        <view class="weui-mask"></view>
+        <view class="weui-dialog">
+            <view class="weui-dialog__bd">弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内</view>
+            <view class="weui-dialog__ft">
+                <a class="weui-dialog__btn weui-dialog__btn_primary" bindtap="close">知道了</a>
+            </view>
        </view>
-        <view class="weui-demo-dialog {{istrue ? 'weui-demo-dialog_show' : ''}}">
-          <view class="weui-mask" bindtap="closeDialog"></view>
-          <view class="weui-dialog__wrp" bindtap="closeDialog">
-              <view class="weui-dialog" catchtap="stopEvent">
-                <view class="weui-dialog__hd">
-                  <view class="weui-dialog__title">标题</view>
-                </view>
-                <view class="weui-dialog__bd">
-                  <image class="weui-article__img" src="../images/pic_article.png" mode="aspectFill" style="max-width:100%;"/>
-                </view>
-                <view class="weui-dialog__ft">
-                    <view class="weui-dialog__btn weui-dialog__btn_default" bindtap="closeDialog">取消</view>
-                    <view class="weui-dialog__btn" bindtap="closeDialog">确定</view>
-                </view>
-              </view>
-          </view>
+    </view>
+    <view class="fadeIn" wx:if="{{androidDialog1}}">
+        <view class="weui-mask"></view>
+        <view class="weui-dialog weui-skin_android">
+            <view class="weui-dialog__hd"><strong class="weui-dialog__title">弹窗标题</strong></view>
+            <view class="weui-dialog__bd">
+                弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内
+            </view>
+            <view class="weui-dialog__ft">
+                <a class="weui-dialog__btn weui-dialog__btn_default" bindtap="close">辅助操作</a>
+                <a class="weui-dialog__btn weui-dialog__btn_primary" bindtap="close">主操作</a>
+            </view>
+        </view>
+    </view>
+    <view class="fadeIn" wx:if="{{androidDialog2}}">
+        <view class="weui-mask"></view>
+        <view class="weui-dialog weui-skin_android">
+            <view class="weui-dialog__bd">
+                弹窗内容，告知当前状态、信息和解决方法，描述文字尽量控制在三行内
+            </view>
+            <view class="weui-dialog__ft">
+                <a class="weui-dialog__btn weui-dialog__btn_default" bindtap="close">辅助操作</a>
+                <a class="weui-dialog__btn weui-dialog__btn_primary" bindtap="close">主操作</a>
+            </view>
        </view>
    </view>
 </view>
--- a/dist/example/dialog/dialog.wxss
+++ b/dist/example/dialog/dialog.wxss
-page{
-    background-color: #FFFFFF;
-}
-.weui-demo-dialog{
-  visibility:hidden;
-  opacity:0;
-  transition:opacity .3s;
-}
-.weui-demo-dialog_show{
-  visibility:visible;
-  opacity:1;
-}
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}
\ No newline at end of file
--- a/dist/example/flex/flex.js
+++ b/dist/example/flex/flex.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/flex/flex.wxml
+++ b/dist/example/flex/flex.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Flex</view>
-        <view class="page__desc">Flex布局</view>
-    </view>
-    <view class="page__bd page__bd_spacing">
-        <view class="weui-flex">
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-        </view>
-        <view class="weui-flex">
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-        </view>
-        <view class="weui-flex">
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-        </view>
-        <view class="weui-flex">
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-        </view>
-        <view class="weui-flex">
-            <view><view class="placeholder">weui</view></view>
-            <view class="weui-flex__item"><view class="placeholder">weui</view></view>
-            <view><view class="placeholder">weui</view></view>
-        </view>
-    </view>
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Flex</view>
+		<view class="page__desc">Flex布局</view>
+	</view>
+	<view class="page__bd page__bd_spacing">
+		<view class="weui-flex">
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+		</view>
+		<view class="weui-flex">
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+		</view>
+		<view class="weui-flex">
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+		</view>
+		<view class="weui-flex">
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+		</view>
+		<view class="weui-flex">
+			<view><view class="placeholder">weui</view></view>
+			<view class="weui-flex__item"><view class="placeholder">weui</view></view>
+			<view><view class="placeholder">weui</view></view>
+		</view>
+	</view>
 </view>
\ No newline at end of file
--- a/dist/example/flex/flex.wxss
+++ b/dist/example/flex/flex.wxss
-.placeholder{
-    margin: 5px;
-    padding: 0 10px;
-    text-align: center;
-    background-color: #F7F7F7;
-    height: 2.3em;
-    line-height: 2.3em;
-    color: rgba(0,0,0,.3);
-}
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.placeholder{margin:5px;padding:0 10px;text-align:center;background-color:var(--weui-BG-1);height:2.3em;line-height:2.3em;color:var(--weui-FG-1)}
\ No newline at end of file
--- a/dist/example/footer/footer.js
+++ b/dist/example/footer/footer.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/footer/footer.wxml
+++ b/dist/example/footer/footer.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Footer</view>
-        <view class="page__desc">页脚</view>
-    </view>
-    <view class="page__bd page__bd_spacing">
-        <view class="weui-footer">
-            <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
-        </view>
-
-
-        <view class="weui-footer">
-            <view class="weui-footer__links">
-                <navigator url="" class="weui-footer__link">底部链接</navigator>
-            </view>
-            <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
-        </view>
-
-
-        <view class="weui-footer">
-            <view class="weui-footer__links">
-                <navigator url="" class="weui-footer__link">底部链接</navigator>
-                <navigator url="" class="weui-footer__link">底部链接</navigator>
-            </view>
-            <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
-        </view>
-
-
-        <view class="weui-footer weui-footer_fixed-bottom">
-            <view class="weui-footer__links">
-                <navigator url="" class="weui-footer__link">WeUI首页</navigator>
-            </view>
-            <view class="weui-footer__text">Copyright © 2008-2016 weui.io</view>
-        </view>
-    </view>
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Footer</view>
+		<view class="page__desc">页脚</view>
+	</view>
+	<view class="page__bd page__bd_spacing">
+		<view class="weui-footer">
+			<view class="weui-footer__text">Copyright &copy; 2008-2016 weui.io</view>
+		</view>
+		
+		
+		<view class="weui-footer">
+			<view class="weui-footer__links">
+				<a class="weui-footer__link">底部链接</a>
+			</view>
+			<view class="weui-footer__text">Copyright &copy; 2008-2016 weui.io</view>
+		</view>
+		
+		
+		<view class="weui-footer">
+			<view class="weui-footer__links">
+				<a class="weui-footer__link">底部链接</a>
+				<a class="weui-footer__link">底部链接</a>
+			</view>
+			<view class="weui-footer__text">Copyright &copy; 2008-2016 weui.io</view>
+		</view>
+		<view class="weui-footer weui-footer_fixed-bottom">
+			<view class="weui-footer__links">
+				<a href="javascript:home();" class="weui-footer__link">WeUI首页</a>
+			</view>
+			<view class="weui-footer__text">Copyright &copy; 2008-2016 weui.io</view>
+		</view>
+	</view>
 </view>
\ No newline at end of file
--- a/dist/example/footer/footer.wxss
+++ b/dist/example/footer/footer.wxss
-/* 作为展示用的样式 */
-
-.weui-footer{
-    margin-bottom: 50px;
-}
-.weui-footer_fixed-bottom{
-    margin-bottom: 0;
-}
\ No newline at end of file
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-footer{margin-bottom:50px}.weui-footer_fixed-bottom{margin-bottom:0}
\ No newline at end of file
--- a/dist/example/form/form.js
+++ b/dist/example/form/form.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+    open: function (event) {
+        wx.navigateTo({
+            url: event.currentTarget.dataset.url,
+        })
+    },
+});
--- a/dist/example/form/form.wxml
+++ b/dist/example/form/form.wxml
-<view class="page">
-    <view class="weui-form">
-      <view class="weui-form__text-area">
-        <view class="weui-form__title">表单标题</view>
-        <view class="weui-form__desc">表单描述示意</view>
-      </view>
-      <view class="weui-form__control-area">
-        <view class="weui-cells__group weui-cells__group_form">
-            <view class="weui-cells__title">输入框</view>
-            <view class="weui-cells weui-cells_form">
-              <view class="weui-cell">
-                <view class="weui-cell__hd"><label class="weui-label">QQ号</label></view>
-                <view class="weui-cell__bd">
-                    <input class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入QQ号"/>
-                </view>
-              </view>
-            </view>
-        </view>
-      </view>
-      <view class="weui-form__tips-area">
-        <label for="weuiAgree" class="weui-agree">
-          <input id="weuiAgree" type="checkbox" class="weui-agree__checkbox"/><span class="weui-agree__text">阅读并同意<a href="javascript:void(0);">《相关条款》</a>
-          </span>
-        </label>
-      </view>
-      <view class="weui-form__opr-area">
-        <button type="primary">确定</button>
-      </view>
-      <view class="weui-form__tips-area">
-        <view class="weui-form__tips">
-          点击下一步即表示<navigator href="javascript:;">同意用户协议</navigator>
-        </view>
-      </view>
-      <view class="weui-form__extra-area">
-        <view class="weui-footer">
-          <view class="weui-footer__links">
-            <navigator href="javascript:void(0);" class="weui-footer__link">底部链接文本</navigator>
-          </view>
-          <view class="weui-footer__text">Copyright © 2008-2019 weui.io</view>
-        </view>
-      </view>
+<view class="page" data-weui-theme="{{theme}}">
+    <view class="page__hd">
+        <view class="page__title">Form</view>
+        <view class="page__desc">表单页</view>
+    </view>
+    <view class="page__bd page__bd_spacing">
+        <a bindtap="open" data-url="form_page" class="weui-btn weui-btn_default">表单结构</a>
+        <a bindtap="open" data-url="form_input_status" class="weui-btn weui-btn_default">输入框状态</a>
+        <a bindtap="open" data-url="form_vcode" class="weui-btn weui-btn_default">验证码</a>
+        <a bindtap="open" data-url="form_checkbox" class="weui-btn weui-btn_default">复选框</a>
+        <a bindtap="open" data-url="form_radio" class="weui-btn weui-btn_default">单选框</a>
+        <a bindtap="open" data-url="form_switch" class="weui-btn weui-btn_default">开关</a>
+        <a bindtap="open" data-url="form_select" class="weui-btn weui-btn_default">选择框</a>
+        <a bindtap="open" data-url="form_textarea" class="weui-btn weui-btn_default">文本域</a>
    </view>
 </view>
--- a/dist/example/form/form.wxss
+++ b/dist/example/form/form.wxss
-page,.page{height:100%;}
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%;background-color:var(--weui-BG-2)}
\ No newline at end of file
--- a/dist/example/form/form_checkbox.js
+++ b/dist/example/form/form_checkbox.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+    data: {
+        items: [
+            { name: '1', value: 'standard is dealt for u.' },
+            { name: '2', value: 'standard is dealicient for u.', checked: 'true' },
+        ]
+    },
+    checkboxChange: function (e) {
+        console.log('checkbox发生change事件，携带value值为：', e.detail.value)
+    }
+});
\ No newline at end of file
--- a/dist/example/form/form_checkbox.wxml
+++ b/dist/example/form/form_checkbox.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">复选框样式展示</h2>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells weui-cells_checkbox">
+                    <checkbox-group bindchange="checkboxChange">
+                        <label class="weui-cell weui-cell_active weui-check__label" wx:for="{{items}}" wx:key="name">
+                            <view class="weui-cell__hd">
+                                <checkbox
+                                    class="weui-check"
+                                    value="{{item.name}}"
+                                    checked="{{item.checked}}"
+                                />
+                                <i class="weui-icon-checked"></i>
+                            </view>
+                            <view class="weui-cell__bd">
+                                <view>{{item.value}}</view>
+                            </view>
+                        </label>
+                    </checkbox-group>
+					<a class="weui-cell weui-cell_active weui-cell_link">
+						<view class="weui-cell__bd">添加更多</view>
+					</a>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary">下一步</a>
+		</view>
+		<view class="weui-form__tips-area">
+			<view class="weui-form__tips">
+                点击下一步即表示<a href="javascript:">同意用户协议</a>
+			</view>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_checkbox.wxss
+++ b/dist/example/form/form_checkbox.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}
\ No newline at end of file
--- a/dist/example/form/form_input_status.js
+++ b/dist/example/form/form_input_status.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+    data: {
+        value: '',
+        showClearBtn: false,
+        isWaring: false,
+    },
+    onInput(evt) {
+        const { value } = evt.detail;
+        this.setData({
+            value,
+            showClearBtn: !!value.length,
+            isWaring: false,
+        });
+    },
+    onClear() {
+        this.setData({
+            value: '',
+            showClearBtn: false,
+            isWaring: false,
+        });
+    },
+    onConfirm() {
+        if (this.data.value.length < 16) {
+            this.setData({
+                isWaring: true,
+            });
+        }
+    },
+});
\ No newline at end of file
--- a/dist/example/form/form_input_status.wxml
+++ b/dist/example/form/form_input_status.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">输入框状态</h2>
+			<view class="weui-form__desc">可体验表单输入样式，当输入位数不等于16位的时候点击按钮可看到报错样式。</view>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells__title">表单报错</view>
+				<view class="weui-cells weui-cells_form">
+					<view class="weui-cell weui-cell_active {{isWaring ? 'weui-cell_warn' : ''}}">
+						<view class="weui-cell__hd"><label class="weui-label">卡号</label></view>
+						<view class="weui-cell__bd weui-flex">
+							<input 
+                                class="weui-input" 
+                                type="text" 
+                                placeholder="请输入16位数卡号" 
+                                placeholder-class="weui-input__placeholder"
+                                value="{{value}}"
+                                bindinput="onInput"
+                            />
+							<view wx:if="{{showClearBtn}}" class="weui-btn_reset weui-btn_icon weui-btn_input-clear" bindtap="onClear">
+								<i class="weui-icon-clear"></i>
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells__title">表单置灰</view>
+				<view class="weui-cells weui-cells_form">
+					<view class="weui-cell weui-cell_active weui-cell_disabled">
+						<view class="weui-cell__hd">							
+                            <label class="weui-label">微信号</label>
+                        </view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" placeholder="请输入微信号" value="WeUI" disabled />
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary" bindtap="onConfirm">确定</a>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_input_status.wxss
+++ b/dist/example/form/form_input_status.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}.weui-label{width:3.1em}
\ No newline at end of file
--- a/dist/example/form/form_page.js
+++ b/dist/example/form/form_page.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/form/form_page.wxml
+++ b/dist/example/form/form_page.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">表单结构</h2>
+			<view class="weui-form__desc">展示表单页面的信息结构样式, 分别由头部区域/控件区域/提示区域/操作区域和底部信息区域组成。</view>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells__title">表单组标题</view>
+				<view class="weui-cells weui-cells_form">
+					<view class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd"><label class="weui-label">微信号</label></view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" placeholder="填写本人微信号" placeholder-class="weui-input__placeholder" />
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd">							
+                            <label class="weui-label">昵称</label>
+                        </view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" placeholder="填写本人微信号的昵称" placeholder-class="weui-input__placeholder" />
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd">							
+                            <label class="weui-label">联系电话</label>
+                        </view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" placeholder="填写绑定的电话号码" type="number" placeholder-class="weui-input__placeholder" />
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__tips-area">
+			<view class="weui-form__tips">
+                表单页提示，居中对齐
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary">确定</a>
+		</view>
+		<view class="weui-form__tips-area">
+			<view class="weui-form__tips">
+                表单页提示，居中对齐
+			</view>
+		</view>
+		<view class="weui-form__extra-area">
+			<view class="weui-footer">
+				<view class="weui-footer__links">
+					<a href="javascript:" class="weui-footer__link">底部链接文本</a>
+				</view>
+				<view class="weui-footer__text">Copyright © 2008-2019 weui.io</view>
+			</view>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_page.wxss
+++ b/dist/example/form/form_page.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}.weui-label{width:4.1em}
\ No newline at end of file
--- a/dist/example/form/form_radio.js
+++ b/dist/example/form/form_radio.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+    data: {
+        items: [
+            { name: '1', value: 'cell standard' },
+            { name: '2', value: 'cell standard', checked: 'true' },
+        ]
+    },
+    radioChange: function (e) {
+        console.log('radio发生change事件，携带value值为：', e.detail.value)
+    }
+});
\ No newline at end of file
--- a/dist/example/form/form_radio.wxml
+++ b/dist/example/form/form_radio.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">单选框样式展示</h2>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells weui-cells_radio">
+                    <radio-group class="radio-group" bindchange="radioChange">
+                        <label class="weui-cell weui-cell_active weui-check__label" wx:for="{{items}}" wx:key="name">
+                            <view class="weui-cell__bd">
+                                <view>{{item.value}}</view>
+                            </view>
+                            <view class="weui-cell__ft">
+                                <radio
+                                    class="weui-check"
+                                    value="{{item.name}}"
+                                    checked="{{item.checked}}"
+                                />
+                                <i class="weui-icon-checked"></i>
+                            </view>
+                        </label>
+                    </radio-group>
+					<a class="weui-cell weui-cell_active weui-cell_link">
+						<view class="weui-cell__bd">添加更多</view>
+					</a>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary">确定</a>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_radio.wxss
+++ b/dist/example/form/form_radio.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}
\ No newline at end of file
--- a/dist/example/form/form_select.js
+++ b/dist/example/form/form_select.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+    data: {
+        array1: ['微信号', 'QQ号', 'Email'],
+        array2: ['+86', '+80', '+84', '+87'],
+        array3: ['中国', '美国', '英国'],
+        value1: 0,
+        value2: 0,
+        value3: 0,
+    },
+    bindPicker1Change: function(e) {
+        this.setData({
+            value1: e.detail.value
+        })
+    },
+    bindPicker2Change: function(e) {
+        this.setData({
+            value2: e.detail.value
+        })
+    },
+    bindPicker3Change: function(e) {
+        this.setData({
+            value3: e.detail.value
+        })
+    },
+});
\ No newline at end of file
--- a/dist/example/form/form_select.wxml
+++ b/dist/example/form/form_select.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">原生选择框</h2>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells">
+					<view class="weui-cell weui-cell_active weui-cell_select">
+						<view class="weui-cell__bd">
+                            <picker bindchange="bindPicker1Change" range="{{array1}}">
+                                <view class="weui-select">{{array1[value1]}}</view>
+                            </picker>
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active weui-cell_select weui-cell_select-before">
+						<view class="weui-cell__hd">
+                            <picker bindchange="bindPicker2Change" range="{{array2}}">
+                                <view class="weui-select" style="width: 3em">{{array2[value2]}}</view>
+                            </picker>
+						</view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" type="number" placeholder="请输入号码" value="12345678907"></input>
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
+						<view class="weui-cell__hd">
+							<label class="weui-label" style="width: 3em">国家</label>
+						</view>
+						<view class="weui-cell__bd">
+                            <picker bindchange="bindPicker3Change" range="{{array3}}">
+                                <view class="weui-select">{{array3[value3]}}</view>
+                            </picker>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary">确定</a>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_select.wxss
+++ b/dist/example/form/form_select.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}
\ No newline at end of file
--- a/dist/example/form/form_select_primary.wxml
+++ b/dist/example/form/form_select_primary.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">模拟选择框</h2>
+			<view class="weui-form__desc">用于丰富原生选择框结构，使其更具有扩展性</view>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells">
+					<view class="weui-cell weui-cell_active weui-cell_access">
+						<view class="weui-cell__bd">日期</view>
+						<view class="weui-cell__ft"></view>
+					</view>
+					<view class="weui-cell weui-cell_active weui-cell_access weui-cell_select weui-cell_select-before">
+						<view class="weui-cell__hd"><label class="weui-label">+86</label></view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入号码" value="12345678907"></input>
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active weui-cell_access weui-cell_select weui-cell_select-after">
+						<view class="weui-cell__hd">							<label class="weui-label">票种</label></view>
+						<view class="weui-cell__bd">的士票</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</view>
+<!--
+<div class="page">
+    <div class="page__hd">
+        <h1 class="page__title">Picker</h1>
+        <p class="page__desc">多列选择器，需要配合js实现</p>
+    </div>
+    <div class="page__bd page__bd_spacing">
+        <a class="weui-btn weui-btn_default">单列选择器</a>
+        <a class="weui-btn weui-btn_default">日期选择器</a>
+    </div>
+</div>
+-->
--- a/dist/example/form/form_switch.js
+++ b/dist/example/form/form_switch.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/form/form_switch.wxml
+++ b/dist/example/form/form_switch.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">开关样式展示</h2>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells weui-cells_form">
+                    <view class="weui-cell weui-cell_active weui-cell_switch">
+                        <view class="weui-cell__bd">标题文字</view>
+                        <view class="weui-cell__ft">
+                            <label class="weui-switch-cp">
+                                <checkbox class="weui-switch-cp__input" checked="true" />
+                                <view class="weui-switch-cp__box"></view>
+                            </label>
+                        </view>
+                    </view>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary">确定</a>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_switch.wxss
+++ b/dist/example/form/form_switch.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}
\ No newline at end of file
--- a/dist/example/form/form_textarea.js
+++ b/dist/example/form/form_textarea.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/form/form_textarea.wxml
+++ b/dist/example/form/form_textarea.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">文本域</h2>
+			<view class="weui-form__desc">输入更多内容的输入区域样式展示</view>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells__title">问题描述</view>
+				<view class="weui-cells weui-cells_form">
+					<view class="weui-cell ">
+						<view class="weui-cell__bd">
+							<textarea class="weui-textarea" placeholder="请描述你所发生的问题" rows="3"></textarea>
+							<view class="weui-textarea-counter"><text>0</text>/200</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary">确定</a>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_textarea.wxss
+++ b/dist/example/form/form_textarea.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}
\ No newline at end of file
--- a/dist/example/form/form_vcode.js
+++ b/dist/example/form/form_vcode.js
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/form/form_vcode.wxml
+++ b/dist/example/form/form_vcode.wxml
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="weui-form">
+		<view class="weui-form__text-area">
+			<h2 class="weui-form__title">验证码</h2>
+			<view class="weui-form__desc">验证手机号样式</view>
+		</view>
+		<view class="weui-form__control-area">
+			<view class="weui-cells__group weui-cells__group_form">
+				<view class="weui-cells weui-cells_form">
+					<view class="weui-cell weui-cell_active">
+						<view class="weui-cell__hd"><label class="weui-label">手机号</label></view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" type="number" placeholder="请输入手机号" value="12345678907" placeholder-class="weui-input__placeholder" />
+						</view>
+						<view class="weui-cell__ft">
+							<a class="weui-btn_reset weui-btn_icon">
+								<i class="weui-icon-info-circle"></i>
+							</a>
+						</view>
+					</view>
+					<view class="weui-cell weui-cell_active weui-cell_vcode">
+						<view class="weui-cell__hd"><label class="weui-label">验证码</label></view>
+						<view class="weui-cell__bd">
+							<input class="weui-input" type="text" placeholder="输入验证码" placeholder-class="weui-input__placeholder" />
+						</view>
+						<view class="weui-cell__ft">
+							<a class="weui-btn weui-btn_default weui-vcode-btn">获取验证码</a>
+						</view>
+					</view>
+				</view>
+				<view class="weui-cells__tips">
+                    <a class="weui-link">收不到验证码</a>
+                </view>
+			</view>
+		</view>
+		<view class="weui-form__tips-area">
+            <label class="weui-agree">
+                <checkbox class="weui-agree__checkbox-check" />
+
+                <span class="weui-agree__checkbox"></span>
+                <span class="weui-agree__text">阅读并同意<a>《相关条款》</a></span>
+            </label>
+		</view>
+		<view class="weui-form__opr-area">
+			<a class="weui-btn weui-btn_primary weui-btn_disabled">确定</a>
+		</view>
+	</view>
+</view>
--- a/dist/example/form/form_vcode.wxss
+++ b/dist/example/form/form_vcode.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{height:100%}.weui-label{width:3.1em}
\ No newline at end of file
--- a/dist/example/gallery/gallery.js
+++ b/dist/example/gallery/gallery.js
 Page({
-    openGallery: function () {
+    mixins: [require('../../mixin/themeChanged')],
+    data: {
+        gallery: false,
+    },
+    close: function() {
        this.setData({
-            istrue: true
-        })
+            gallery: false,
+        });
    },
-    closeGallery: function () {
+    open: function () {
        this.setData({
-            istrue: false
-        })
-    }
+            gallery: true
+        });
+    },
 });
--- a/dist/example/gallery/gallery.wxml
+++ b/dist/example/gallery/gallery.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">Gallery</view>
        <view class="page__desc">画廊，模拟小程序原生的wx.previewImage。</view>
    </view>
    <view class="page__bd">
-      <view class="weui-btn-area">
-          <button class="weui-btn" type="default" bindtap="openGallery">Gallery</button>
-      </view>
-      <view class="weui-gallery {{istrue ? 'weui-gallery_show' : ''}}" bindtap="closeGallery">
+        <view class="weui-btn-area">
+            <a class="weui-btn weui-btn_default" bindtap="open">Gallery</a>
+        </view>
+    </view>
+
+    <view wx:if="{{gallery}}" class="weui-gallery fadeIn" bindtap="close">
        <view class="weui-gallery__info">1/17</view>
        <view class="weui-gallery__img__wrp">
-              <image mode="aspectFit" class="weui-gallery__img" src="../images/pic_160.png"></image>
+            <image mode="aspectFit" class="weui-gallery__img" src="../images/pic_article.png"></image>
        </view>
        <view class="weui-gallery__opr">
-          <navigator href="javascript:" class="weui-gallery__del">删除</navigator>
+            <view class="weui-gallery__del">
+                <i class="weui-icon-delete weui-icon_gallery-delete"></i>
+            </view>
        </view>
-      </view>
    </view>
 </view>
--- a/dist/example/gallery/gallery.wxss
+++ b/dist/example/gallery/gallery.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}
\ No newline at end of file
--- a/dist/example/grid/grid.js
+++ b/dist/example/grid/grid.js
 Page({
-    data: {
-        grids: [0, 1, 2, 3, 4, 5, 6, 7, 8]
-    }
+    mixins: [require('../../mixin/themeChanged')],
 });
\ No newline at end of file
--- a/dist/example/grid/grid.wxml
+++ b/dist/example/grid/grid.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Grid</view>
-        <view class="page__desc">九宫格</view>
-    </view>
-    <view class="page__bd">
-        <view class="weui-grids">
-            <block wx:for="{{grids}}" wx:key="*this">
-                <navigator url="" class="weui-grid" hover-class="weui-grid_active">
-                    <image class="weui-grid__icon" src="../images/icon_tabbar.png" />
-                    <view class="weui-grid__label">Grid</view>
-                </navigator>
-            </block>
-        </view>
-    </view>
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Grid</view>
+		<view class="page__desc">九宫格</view>
+	</view>
+	<view class="weui-grids">
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+		<a class="weui-grid">
+			<view class="weui-grid__icon">
+				<image src="../images/icon_tabbar.png" alt></image>
+			</view>
+			<view class="weui-grid__label">Grid</view>
+		</a>
+	</view>
 </view>
\ No newline at end of file
--- a/dist/example/half-screen-dialog/half-screen-dialog.js
+++ b/dist/example/half-screen-dialog/half-screen-dialog.js
 Page({
+    mixins: [require('../../mixin/themeChanged')],
    data: {
-        showDialog: false
+        dialog1: false,
+        dialog2: false
    },
-    openDialog: function () {
+    close: function() {
        this.setData({
-            istrue: true
-        })
+            dialog1: false,
+            dialog2: false
+        });
    },
-    closeDialog: function () {
+    open1() {
        this.setData({
-            istrue: false
-        })
-    }
+            dialog1: true
+        });
+    },
+    open2() {
+        this.setData({
+            dialog2: true
+        });
+    },
 });
--- a/dist/example/half-screen-dialog/half-screen-dialog.wxml
+++ b/dist/example/half-screen-dialog/half-screen-dialog.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Half Screen Dialog</view>
-        <view class="page__desc">半屏弹窗，辅助完成当前页面任务时；提醒用户并引导用户的下一步操作；用户主动发起的任务时。</view>
-    </view>
-    <view class="page__bd">
-        <view class="weui-btn-area">
-            <button class="weui-btn" type="default" bindtap="openDialog">Half Screen Dialog</button>
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Half-screen Dialog</view>
+		<view class="page__desc">半屏组件</view>
+	</view>
+	<view class="page__bd page__bd_spacing">
+		<a class="weui-btn weui-btn_default" bindtap="open1">样式一</a>
+		<a class="weui-btn weui-btn_default" bindtap="open2">样式二</a>
+	</view>
+    
+    <view class="fadeIn" wx:if="{{dialog1}}">
+        <view class="weui-mask" bindtap="close"></view>
+        <view class="weui-half-screen-dialog">
+            <view class="weui-half-screen-dialog__hd">
+                <view class="weui-half-screen-dialog__hd__side" bindtap="close">
+                    <a class="weui-icon-btn">关闭<i class="weui-icon-close-thin"></i></a>
+                </view>
+                <view class="weui-half-screen-dialog__hd__main">
+                    <strong class="weui-half-screen-dialog__title">标题</strong>
+                </view>
+            </view>
+            <view class="weui-half-screen-dialog__bd" style="padding-top:32px;height:50px;">
+                可放自定义内容
+            </view>
        </view>
-        <view class="weui-demo-dialog {{istrue ? 'weui-demo-dialog_show' : ''}}">
-          <view class="weui-mask" bindtap="closeDialog"></view>
-          <view class="weui-half-screen-dialog" catchtap="stopEvent">
+    </view>
+    <view class="fadeIn" wx:if="{{dialog2}}">
+        <view class="weui-mask" bindtap="close"></view>
+        <view class="weui-half-screen-dialog">
            <view class="weui-half-screen-dialog__hd">
-              <view class="weui-half-screen-dialog__hd__side">
-                <view bindtap="closeDialog" class="weui-icon-btn weui-icon-btn_close">关闭</view>
-              </view>
-              <view class="weui-half-screen-dialog__hd__main">
-                <text class="weui-half-screen-dialog__title">标题</text>
-                <text class="weui-half-screen-dialog__subtitle">标题</text>
-              </view>
-              <view class="weui-half-screen-dialog__hd__side">
-                <view class="weui-icon-btn weui-icon-btn_more">更多</view>
-              </view>
+                <view class="weui-half-screen-dialog__hd__side" bindtap="close">
+                    <a class="weui-icon-btn">返回<i class="weui-icon-back-arrow-thin"></i></a>
+                </view>
+                <view class="weui-half-screen-dialog__hd__main">
+                    <strong class="weui-half-screen-dialog__title">标题</strong>
+                    <view class="weui-half-screen-dialog__subtitle">标题</view>
+                </view>
+                <view class="weui-half-screen-dialog__hd__side">
+                    <a class="weui-icon-btn">更多<i class="weui-icon-more"></i></a>
+                </view>
            </view>
            <view class="weui-half-screen-dialog__bd">
-              <view class="weui-half-screen-dialog__desc">
-                辅助描述内容，可根据实际需要安排
-              </view>
-              <view class="weui-half-screen-dialog__tips">
-                辅助提示内容，可根据实际需要安排
-              </view>
+                <view class="weui-half-screen-dialog__desc">
+                    辅助描述内容，可根据实际需要安排
+                </view>
+                <view class="weui-half-screen-dialog__tips">
+                    辅助提示内容，可根据实际需要安排
+                </view>
            </view>
            <view class="weui-half-screen-dialog__ft">
-                <button type="default" class="weui-btn">辅助操作</button>
-                <button type="primary" class="weui-btn">主操作</button>
+                <a class="weui-btn weui-btn_default" bindtap="close">辅助操作</a>
+                <a class="weui-btn weui-btn_primary" bindtap="close">主操作</a>
            </view>
-          </view>
        </view>
    </view>
 </view>
--- a/dist/example/half-screen-dialog/half-screen-dialog.wxss
+++ b/dist/example/half-screen-dialog/half-screen-dialog.wxss
-.weui-demo-dialog{
-  visibility:hidden;
-  opacity:0;
-  transition:all .3s;
-}
-.weui-half-screen-dialog{
-  transition:all .3s;
-  transform:translateY(100%);
-}
-.weui-demo-dialog_show{
-  visibility:visible;
-  opacity:1;
-}
-.weui-demo-dialog_show .weui-half-screen-dialog{
-    transform:translateY(0);
-}
-
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}
\ No newline at end of file
--- a/dist/example/icons/icons.js
+++ b/dist/example/icons/icons.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/icons/icons.wxml
+++ b/dist/example/icons/icons.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Icons</view>
-        <view class="page__desc">图标</view>
-    </view>
-    <view class="page__bd">
-        <view class="icon-box">
-            <icon type="success" size="64"></icon>
-            <view class="icon-box__ctn">
-                <view class="icon-box__title">成功</view>
-                <view class="icon-box__desc">用于表示操作顺利达成</view>
-            </view>
-        </view>
-        <view class="icon-box">
-            <icon type="info" size="64"></icon>
-            <view class="icon-box__ctn">
-                <view class="icon-box__title">提示</view>
-                <view class="icon-box__desc">用于表示信息提示；也常用于缺乏条件的操作拦截，提示用户所需信息</view>
-            </view>
-        </view>
-        <view class="icon-box">
-            <icon type="warn" size="64" color="#FFBE00"></icon>
-            <view class="icon-box__ctn">
-                <view class="icon-box__title">普通警告</view>
-                <view class="icon-box__desc">用于表示操作后将引起一定后果的情况</view>
-            </view>
-        </view>
-        <view class="icon-box">
-            <icon type="warn" size="64"></icon>
-            <view class="icon-box__ctn">
-                <view class="icon-box__title">强烈警告</view>
-                <view class="icon-box__desc">用于表示操作后将引起严重的不可挽回的后果的情况</view>
-            </view>
-        </view>
-        <view class="icon-box">
-            <icon type="waiting" size="64"></icon>
-            <view class="icon-box__ctn">
-                <view class="icon-box__title">等待</view>
-                <view class="icon-box__desc">用于表示等待</view>
-            </view>
-        </view>
-        <view class="icon_sp_area">
-            <icon type="success" size="23"></icon>
-            <icon type="success_no_circle" size="23"></icon>
-            <icon type="circle" size="23"></icon>
-            <icon type="warn" size="23" color="#F43530"></icon>
-            <icon type="download" size="23"></icon>
-            <icon type="info_circle" size="23"></icon>
-            <icon type="cancel" size="23"></icon>
-            <icon type="search" size="20"></icon>
-        </view>
-    </view>
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Icons</view>
+		<view class="page__desc">图标</view>
+	</view>
+	<view class="page__bd page__bd_spacing">
+		<view class="icon-box">
+			<i class="weui-icon-success weui-icon_msg"></i>
+			<view class="icon-box__ctn">
+				<h3 class="icon-box__title">成功</h3>
+				<view class="icon-box__desc">用于表示操作顺利达成</view>
+			</view>
+		</view>
+		<view class="icon-box">
+			<i class="weui-icon-info weui-icon_msg"></i>
+			<view class="icon-box__ctn">
+				<h3 class="icon-box__title">提示</h3>
+				<view class="icon-box__desc">用于表示信息提示；也常用于缺乏条件的操作拦截，提示用户所需信息</view>
+			</view>
+		</view>
+		<view class="icon-box">
+			<i class="weui-icon-warn weui-icon_msg-primary"></i>
+			<view class="icon-box__ctn">
+				<h3 class="icon-box__title">普通警告</h3>
+				<view class="icon-box__desc">用于表示操作后将引起一定后果的情况</view>
+			</view>
+		</view>
+		<view class="icon-box">
+			<i class="weui-icon-warn weui-icon_msg"></i>
+			<view class="icon-box__ctn">
+				<h3 class="icon-box__title">强烈警告</h3>
+				<view class="icon-box__desc">用于表示操作后将引起严重的不可挽回的后果的情况</view>
+			</view>
+		</view>
+		<view class="icon-box">
+			<i class="weui-icon-waiting weui-icon_msg"></i>
+			<view class="icon-box__ctn">
+				<h3 class="icon-box__title">等待</h3>
+				<view class="icon-box__desc">用于表示等待</view>
+			</view>
+		</view>
+		<!--
+        <div class="icon_sp_area">
+            <i class="weui-icon-circle"></i>
+            <i class="weui-icon-success"></i>
+            <i class="weui-icon-success-circle"></i>
+            <i class="weui-icon-success-no-circle"></i>
+            <i class="weui-icon-success-no-circle-thin"></i>
+            <i class="weui-icon-warn"></i>
+            <i class="weui-icon-info-circle"></i>
+            <i class="weui-icon-waiting-circle"></i>
+            <i class="weui-icon-download"></i>
+            <i class="weui-icon-search"></i>
+            <i class="weui-icon-cancel"></i>
+            <i class="weui-icon-clear"></i>
+            <i class="weui-icon-arrow-bold"></i>
+            <i class="weui-icon-arrow"></i>
+        </div>
+        <div class="icon_sp_area">
+            <i class="weui-icon-close"></i>
+            <i class="weui-icon-close-thin"></i>
+            <i class="weui-icon-back-arrow"></i>
+            <i class="weui-icon-back-arrow-thin"></i>
+            <i class="weui-icon-back"></i>
+            <i class="weui-icon-back-circle"></i>
+        </div>
+        -->
+	</view>
 </view>
--- a/dist/example/icons/icons.wxss
+++ b/dist/example/icons/icons.wxss
-icon{
-    margin-right: 13px;
-}
-.page__bd {
-    padding-left: 40px;
-    padding-right: 40px;
-    text-align: left;
-}
-.icon-box{
-    margin-bottom: 25px;
-    display: flex;
-    align-items: center;
-}
-.icon-box__ctn{
-    flex-shrink: 100;
-}
-.icon-box__title{
-    font-size: 20px;
-}
-.icon-box__desc{
-    margin-top: 6px;
-    font-size: 12px;
-    color: #888888;
-}
-.icon_sp_area {
-    margin-top: 10px;
-    text-align: left;
-}
\ No newline at end of file
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+icon{margin-right:13px}.page__bd{padding-left:40px;padding-right:40px;text-align:left}.icon-box{margin-bottom:25px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.icon-box i{margin-right:18px}.icon-box__ctn{-webkit-flex-shrink:100;flex-shrink:100}.icon-box__title{font-size:20px}.icon-box__desc{margin-top:6px;font-size:12px;color:#888}.icon_sp_area{margin-top:10px;text-align:left}
\ No newline at end of file
--- a/dist/example/images/icon_footer.png
+++ b/dist/example/images/icon_footer.png
--- a/dist/example/images/icon_footer_link.png
+++ b/dist/example/images/icon_footer_link.png
--- a/dist/example/images/icon_intro.png
+++ b/dist/example/images/icon_intro.png
--- a/dist/example/images/icon_nav_feedback.png
+++ b/dist/example/images/icon_nav_feedback.png
--- a/dist/example/images/icon_nav_form.png
+++ b/dist/example/images/icon_nav_form.png
--- a/dist/example/images/icon_nav_widget.png
+++ b/dist/example/images/icon_nav_widget.png
--- a/dist/example/images/icon_nav_nav.png
+++ b/dist/example/images/icon_nav_nav.png
--- a/dist/example/images/icon_nav_search.png
+++ b/dist/example/images/icon_nav_search.png
--- a/dist/example/images/icon_nav_special.png
+++ b/dist/example/images/icon_nav_special.png
--- a/dist/example/images/icon_nav_z-index.png
+++ b/dist/example/images/icon_nav_z-index.png
--- a/dist/example/images/icon_tabbar.png
+++ b/dist/example/images/icon_tabbar.png
--- a/dist/example/images/layers/content.png
+++ b/dist/example/images/layers/content.png
--- a/dist/example/images/layers/navigation.png
+++ b/dist/example/images/layers/navigation.png
--- a/dist/example/images/layers/popout.png
+++ b/dist/example/images/layers/popout.png
--- a/dist/example/images/layers/transparent.gif
+++ b/dist/example/images/layers/transparent.gif
--- a/dist/example/images/logo.png
+++ b/dist/example/images/logo.png
--- a/dist/example/images/pic_160.png
+++ b/dist/example/images/pic_160.png
--- a/dist/example/images/pic_article.png
+++ b/dist/example/images/pic_article.png
--- a/dist/example/images/vcode.jpg
+++ b/dist/example/images/vcode.jpg
--- a/dist/example/index.js
+++ b/dist/example/index.js
 Page({
+    mixins: [require('../mixin/themeChanged')],
    data: {
        list: [
            {
                id: 'form',
                name: '表单',
                open: false,
-                pages: ['button', 'list', 'slideview', 'input', 'form', 'slider', 'uploader']
+                pages: ['button', 'input', 'form', 'list', 'slideview', 'slider', 'uploader']
            },
            {
-                id: 'widget',
+                id: 'layout',
                name: '基础组件',
                open: false,
                pages: ['article', 'badge', 'flex', 'footer', 'gallery', 'grid', 'icons', 'loading', 'loadmore', 'panel', 'preview', 'progress']
@@ -17,7 +18,7 @@ Page({
                id: 'feedback',
                name: '操作反馈',
                open: false,
-                pages: ['actionsheet', 'dialog', 'half-screen-dialog', 'msg', 'picker', 'toast']
+                pages: ['actionsheet', 'dialog', 'half-screen-dialog', 'msg', 'picker', 'toast', 'top-tips']
            },
            {
                id: 'nav',
@@ -45,5 +46,9 @@ Page({
        this.setData({
            list: list
        });
+    },
+    changeTheme: function() {
+        console.log(this.data);
+        getApp().themeChanged(this.data.theme === 'light' ? 'dark' : 'light');
    }
 });
--- a/dist/example/index.wxml
+++ b/dist/example/index.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">WeUI</view>
        <view class="page__desc">WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。</view>
@@ -25,7 +25,7 @@
            </block>
        </view>
    </view>
-    <view class="page__ft">
+    <view class="page__ft" bindtap="changeTheme">
        <image src="images/icon_footer.png" style="width: 84px; height: 19px;"></image>
    </view>
 </view>
\ No newline at end of file
--- a/dist/example/index.wxss
+++ b/dist/example/index.wxss
 /*!
- * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
- * Copyright 2019 Tencent, Inc.
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
 * Licensed under the MIT license
 */
-.weui-flex{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cells{margin-top:0;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}.weui-cells:after,.weui-cells:before{display:none}.weui-cells_show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.weui-cell:before{right:15px}.kind-list__item{margin:10px 0;background-color:#fff;border-radius:2px;overflow:hidden}.kind-list__item:first-child{margin-top:0}.kind-list__img{width:30px;height:30px}.kind-list__item-hd{padding:20px;-webkit-transition:opacity .3s;transition:opacity .3s}.kind-list__item-hd_show{opacity:.4}.kind-list__item-bd{height:0;overflow:hidden}.kind-list__item-bd_show{height:auto}
\ No newline at end of file
+.weui-flex{-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cells{margin-top:0;opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s;transition:.3s}.weui-cells:after,.weui-cells:before{display:none}.weui-cells_show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.weui-cell:before{right:15px}.kind-list__item{margin:10px 0;background-color:var(--weui-BG-2);border-radius:2px;overflow:hidden}.kind-list__item:first-child{margin-top:0}.kind-list__img{width:30px;height:30px}[data-weui-theme=dark] .kind-list__img{-webkit-filter:invert(100) hue-rotate(180deg);filter:invert(100) hue-rotate(180deg)}.kind-list__item-hd{padding:20px;-webkit-transition:opacity .3s;transition:opacity .3s}.kind-list__item-hd_show{opacity:.4}.kind-list__item-bd{height:0;overflow:hidden}.kind-list__item-bd_show{height:auto}
\ No newline at end of file
--- a/dist/example/input/input.js
+++ b/dist/example/input/input.js
 Page({
+    mixins: [require('../../mixin/themeChanged')],
    data: {
        showTopTips: false,


--- a/dist/example/input/input.wxml
+++ b/dist/example/input/input.wxml
-<view class="page" xmlns:wx="http://www.w3.org/1999/xhtml">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">Input</view>
-        <view class="page__desc">表单输入</view>
+        <view class="page__desc">表单输入。老版本的表单，后续<text style="color:var(--weui-RED)">不再维护</text>。新版本请看 <navigator url="/example/form/form" class="link">表单 - form</navigator> 。</view>
    </view>
    <view class="page__bd">
        <view class="weui-toptips weui-toptips_warn" wx:if="{{showTopTips}}">错误提示</view>

        <view class="weui-cells__title">单选列表项</view>
-        <view class="weui-cells weui-cells_after-title">
+        <view class="weui-cells weui-cells_radio weui-cells_after-title">
            <radio-group bindchange="radioChange">
                <label class="weui-cell weui-check__label" wx:for="{{radioItems}}" wx:key="value">
-                    <radio class="weui-check" value="{{item.value}}" checked="{{item.checked}}"/>
-
                    <view class="weui-cell__bd">{{item.name}}</view>
-                    <view class="weui-cell__ft weui-cell__ft_in-radio" wx:if="{{item.checked}}">
-                        <icon class="weui-icon-radio" type="success_no_circle" size="16"></icon>
+
+                    <view class="weui-cell__ft">
+                        <radio
+                            class="weui-check"
+                            value="{{item.value}}"
+                            checked="{{item.checked}}"
+                        />
+                        <i class="weui-icon-checked"></i>
                    </view>
                </label>
            </radio-group>
@@ -27,13 +31,17 @@
        <view class="weui-cells weui-cells_checkbox weui-cells_after-title">
            <checkbox-group bindchange="checkboxChange">
                <label class="weui-cell weui-check__label" wx:for="{{checkboxItems}}" wx:key="value">
-                    <checkbox class="weui-check" value="{{item.value}}" checked="{{item.checked}}"/>
-
-                    <view class="weui-cell__hd weui-check__hd_in-checkbox">
-                        <icon class="weui-icon-checkbox_circle" type="circle" size="23" wx:if="{{!item.checked}}"></icon>
-                        <icon class="weui-icon-checkbox_success" type="success" size="23" wx:if="{{item.checked}}"></icon>
+                    <view class="weui-cell__hd">
+                        <checkbox
+                            class="weui-check"
+                            value="{{item.value}}"
+                            checked="{{item.checked}}"
+                        />
+                        <i class="weui-icon-checked"></i>
+                    </view>
+                    <view class="weui-cell__bd">
+                        <view>{{item.name}}</view>
                    </view>
-                    <view class="weui-cell__bd">{{item.name}}</view>
                </label>
            </checkbox-group>
            <view class="weui-cell weui-cell_link">
@@ -43,7 +51,7 @@

        <view class="weui-cells__title">表单</view>
        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell ">
+            <view class="weui-cell weui-cell_active">
                <view class="weui-cell__hd">
                    <view class="weui-label">qq</view>
                </view>
@@ -51,7 +59,7 @@
                    <input class="weui-input" placeholder="请输入qq"/>
                </view>
            </view>
-            <view class="weui-cell  weui-cell_vcode">
+            <view class="weui-cell weui-cell_vcode">
                <view class="weui-cell__hd">
                    <view class="weui-label">手机号</view>
                </view>
@@ -62,7 +70,7 @@
                    <view class="weui-vcode-btn">获取验证码</view>
                </view>
            </view>
-            <view class="weui-cell ">
+            <view class="weui-cell weui-cell_active">
                <view class="weui-cell__hd">
                    <view class="weui-label">日期</view>
                </view>
@@ -72,7 +80,7 @@
                    </picker>
                </view>
            </view>
-            <view class="weui-cell ">
+            <view class="weui-cell weui-cell_active">
                <view class="weui-cell__hd">
                    <view class="weui-label">时间</view>
                </view>
@@ -82,7 +90,7 @@
                    </picker>
                </view>
            </view>
-            <view class="weui-cell  weui-cell_vcode">
+            <view class="weui-cell weui-cell_active weui-cell_vcode">
                <view class="weui-cell__hd">
                    <view class="weui-label">验证码</view>
                </view>
@@ -98,7 +106,7 @@

        <view class="weui-cells__title">表单报错</view>
        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell  weui-cell_warn">
+            <view class="weui-cell weui-cell_active weui-cell_warn">
                <view class="weui-cell__hd">
                    <view class="weui-label">卡号</view>
                </view>
@@ -114,16 +122,25 @@
        <view class="weui-cells__title">开关</view>
        <view class="weui-cells weui-cells_after-title">
            <view class="weui-cell weui-cell_switch">
-                <view class="weui-cell__bd">标题文字</view>
+                <view class="weui-cell__bd">原生开关</view>
                <view class="weui-cell__ft">
                    <switch checked />
                </view>
            </view>
+            <view class="weui-cell weui-cell_switch">
+                <view class="weui-cell__bd">模拟开关</view>
+                <view class="weui-cell__ft">
+                    <label class="weui-switch-cp">
+                        <checkbox class="weui-switch-cp__input" checked="true" />
+                        <view class="weui-switch-cp__box"></view>
+                    </label>
+                </view>
+            </view>
        </view>

        <view class="weui-cells__title">文本框</view>
        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell ">
+            <view class="weui-cell weui-cell_active">
                <view class="weui-cell__bd">
                    <input class="weui-input" placeholder="请输入文本" />
                </view>
@@ -132,7 +149,7 @@

        <view class="weui-cells__title">文本域</view>
        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell">
+            <view class="weui-cell weui-cell_active">
                <view class="weui-cell__bd">
                    <textarea class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" />
                    <view class="weui-textarea-counter">0/200</view>
@@ -142,8 +159,8 @@

        <view class="weui-cells__title">选择</view>
        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell weui-cell_select">
-                <view class="weui-cell__hd" style="width: 105px">
+            <view class="weui-cell weui-cell_select weui-cell_select-before">
+                <view class="weui-cell__hd">
                    <picker bindchange="bindCountryCodeChange" value="{{countryCodeIndex}}" range="{{countryCodes}}">
                        <view class="weui-select">{{countryCodes[countryCodeIndex]}}</view>
                    </picker>
@@ -156,15 +173,15 @@

        <view class="weui-cells__title">选择</view>
        <view class="weui-cells weui-cells_after-title">
-            <view class="weui-cell weui-cell_select">
+            <view class="weui-cell weui-cell_active weui-cell_select">
                <view class="weui-cell__bd">
                    <picker bindchange="bindAccountChange" value="{{accountIndex}}" range="{{accounts}}">
                        <view class="weui-select">{{accounts[accountIndex]}}</view>
                    </picker>
                </view>
            </view>
-            <view class="weui-cell weui-cell_select">
-                <view class="weui-cell__hd weui-cell__hd_in-select-after">
+            <view class="weui-cell weui-cell_active weui-cell_select weui-cell_select-after">
+                <view class="weui-cell__hd">
                    <view class="weui-label">国家/地区</view>
                </view>
                <view class="weui-cell__bd">
@@ -175,17 +192,13 @@
            </view>
        </view>

-        <checkbox-group bindchange="bindAgreeChange">
-            <label class="weui-agree" for="weuiAgree">
-                <view class="weui-agree__text">
-                    <checkbox class="weui-agree__checkbox" id="weuiAgree" value="agree" checked="{{isAgree}}" />
-                    <view class="weui-agree__checkbox-icon">
-                        <icon class="weui-agree__checkbox-icon-check" type="success_no_circle" size="9" wx:if="{{isAgree}}"></icon>
-                    </view>
-                    阅读并同意<navigator url="" class="weui-agree__link">《相关条款》</navigator>
-                </view>
-            </label>
-        </checkbox-group>
+
+        <label class="weui-agree">
+            <checkbox class="weui-agree__checkbox-check" />
+
+            <span class="weui-agree__checkbox"></span>
+            <span class="weui-agree__text">阅读并同意<navigator url="" class="weui-agree__link">《相关条款》</navigator></span>
+        </label>

        <view class="weui-btn-area">
            <button class="weui-btn" type="primary" bindtap="showTopTips">确定</button>

--- a/dist/example/list/list.js
+++ b/dist/example/list/list.js
 var base64 = require("../images/base64");
 Page({
+    mixins: [require('../../mixin/themeChanged')],
    onLoad: function(){
        this.setData({
            icon: base64.icon20

--- a/dist/example/list/list.wxml
+++ b/dist/example/list/list.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">List</view>
        <view class="page__desc">列表</view>

--- a/dist/example/list/list.wxss
+++ b/dist/example/list/list.wxss
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
--- a/dist/example/loading/loading.js
+++ b/dist/example/loading/loading.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/loading/loading.wxml
+++ b/dist/example/loading/loading.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">Loading</view>
        <view class="page__desc">加载中</view>

--- a/dist/example/loading/loading.wxss
+++ b/dist/example/loading/loading.wxss
-page{
-    background-color: #FFFFFF;
-}
-.weui-loading__wrp{
-  padding:16px;text-align:center;
-}
-.weui-loading__wrp:last-child{
-  background-color:rgba(0,0,0,.1);
-}
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}.weui-loading__wrp{padding:16px;text-align:center}.weui-loading__wrp:last-child{background-color:rgba(0,0,0,.1)}
\ No newline at end of file
--- a/dist/example/loadmore/loadmore.js
+++ b/dist/example/loadmore/loadmore.js
-Page({});
\ No newline at end of file
+Page({
+    mixins: [require('../../mixin/themeChanged')],
+});
\ No newline at end of file
--- a/dist/example/loadmore/loadmore.wxml
+++ b/dist/example/loadmore/loadmore.wxml
-<view class="page">
-    <view class="page__hd">
-        <view class="page__title">Loadmore</view>
-        <view class="page__desc">加载更多</view>
-    </view>
-    <view class="page__bd">
-        <view class="weui-loadmore">
-            <view class="weui-loading"></view>
-            <view class="weui-loadmore__tips">正在加载</view>
-        </view>
-        <view class="weui-loadmore weui-loadmore_line">
-            <view class="weui-loadmore__tips weui-loadmore__tips_in-line">暂无数据</view>
-        </view>
-        <view class="weui-loadmore weui-loadmore_line weui-loadmore_dot">
-            <view class="weui-loadmore__tips weui-loadmore__tips_in-line weui-loadmore__tips_in-dot"></view>
-        </view>
-    </view>
+<view class="page" data-weui-theme="{{theme}}">
+	<view class="page__hd">
+		<view class="page__title">Loadmore</view>
+		<view class="page__desc">加载更多</view>
+	</view>
+	<view class="page__bd">
+		<view class="weui-loadmore">
+			<i class="weui-loading"></i>
+			<text class="weui-loadmore__tips">正在加载</text>
+		</view>
+		<view class="weui-loadmore weui-loadmore_line">
+			<text class="weui-loadmore__tips">暂无数据</text>
+		</view>
+		<view class="weui-loadmore weui-loadmore_line weui-loadmore_dot">
+			<text class="weui-loadmore__tips"></text>
+		</view>
+	</view>
 </view>
\ No newline at end of file
--- a/dist/example/loadmore/loadmore.wxss
+++ b/dist/example/loadmore/loadmore.wxss
-page{
-    background-color: #FFFFFF;
-}
\ No newline at end of file
+/*!
+ * WeUI v2.3.0 (https://github.com/weui/weui-wxss)
+ * Copyright 2020 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.page{background-color:var(--weui-BG-2)}
\ No newline at end of file
--- a/dist/example/msg/msg.js
+++ b/dist/example/msg/msg.js
 Page({
+    mixins: [require('../../mixin/themeChanged')],
    openSuccess: function () {
        wx.navigateTo({
            url: 'msg_success'
@@ -16,7 +17,7 @@ Page({
    },
    openFail: function () {
        wx.navigateTo({
-            url: 'msg_fail'
+            url: 'msg_warn'
        })
    }
 });
--- a/dist/example/msg/msg.wxml
+++ b/dist/example/msg/msg.wxml
-<view class="page">
+<view class="page" data-weui-theme="{{theme}}">
    <view class="page__hd">
        <view class="page__title">Msg</view>
        <view class="page__desc">提示页</view>
    </view>
    <view class="page__bd">
        <view class="weui-btn-area">
-            <button class="weui-btn" type="default" bindtap="openSuccess">成功提示页</button>
-            <button class="weui-btn" type="default" bindtap="openFail">失败提示页</button>
-            <button class="weui-btn" type="default" bindtap="openText">无图标提示页</button>
-            <button class="weui-btn" type="default" bindtap="openTextPrimary">无图标提示页</button>
+            <a class="weui-btn weui-btn_default" bindtap="openSuccess">成功提示页</a>
+            <a class="weui-btn weui-btn_default" bindtap="openFail">失败提示页</a>
+            <a class="weui-btn weui-btn_default" bindtap="openText">无图标提示页</a>
+            <a class="weui-btn weui-btn_default" bindtap="openTextPrimary">无图标提示页</a>
        </view>
    </view>
 </view>
--- a/dist/example/msg/msg.wxss
+++ b/dist/example/msg/msg.wxss
--- a/dist/example/msg/msg_fail.js
+++ b/dist/example/msg/msg_fail.js
--- a/dist/example/msg/msg_fail.wxml
+++ b/dist/example/msg/msg_fail.wxml
--- a/dist/example/msg/msg_fail.wxss
+++ b/dist/example/msg/msg_fail.wxss
--- a/dist/example/msg/msg_success.js
+++ b/dist/example/msg/msg_success.js
--- a/dist/example/msg/msg_success.wxml
+++ b/dist/example/msg/msg_success.wxml
--- a/dist/example/msg/msg_success.wxss
+++ b/dist/example/msg/msg_success.wxss
--- a/dist/example/msg/msg_text.js
+++ b/dist/example/msg/msg_text.js
--- a/dist/example/msg/msg_text.wxml
+++ b/dist/example/msg/msg_text.wxml
--- a/dist/example/msg/msg_text.wxss
+++ b/dist/example/msg/msg_text.wxss
--- a/dist/example/msg/msg_text_primary.js
+++ b/dist/example/msg/msg_text_primary.js
--- a/dist/example/msg/msg_text_primary.wxml
+++ b/dist/example/msg/msg_text_primary.wxml
--- a/dist/example/msg/msg_text_primary.wxss
+++ b/dist/example/msg/msg_text_primary.wxss
--- a/dist/example/msg/msg_warn.js
+++ b/dist/example/msg/msg_warn.js
--- a/dist/example/msg/msg_warn.wxml
+++ b/dist/example/msg/msg_warn.wxml
--- a/dist/example/msg/msg_warn.wxss
+++ b/dist/example/msg/msg_warn.wxss
--- a/dist/example/navbar/navbar.js
+++ b/dist/example/navbar/navbar.js
--- a/dist/example/navbar/navbar.wxml
+++ b/dist/example/navbar/navbar.wxml
--- a/dist/example/navbar/navbar.wxss
+++ b/dist/example/navbar/navbar.wxss
--- a/dist/example/navigation-bar/navigation-bar.js
+++ b/dist/example/navigation-bar/navigation-bar.js
--- a/dist/example/navigation-bar/navigation-bar.wxml
+++ b/dist/example/navigation-bar/navigation-bar.wxml
--- a/dist/example/navigation-bar/navigation-bar.wxss
+++ b/dist/example/navigation-bar/navigation-bar.wxss
--- a/dist/example/navigation_bar/navigation_bar.js
+++ b/dist/example/navigation_bar/navigation_bar.js
--- a/dist/example/navigation_bar/navigation_bar.wxml
+++ b/dist/example/navigation_bar/navigation_bar.wxml
--- a/dist/example/panel/panel.js
+++ b/dist/example/panel/panel.js
--- a/dist/example/panel/panel.wxml
+++ b/dist/example/panel/panel.wxml
--- a/dist/example/picker/picker.js
+++ b/dist/example/picker/picker.js
--- a/dist/example/picker/picker.wxml
+++ b/dist/example/picker/picker.wxml
--- a/dist/example/picker/picker.wxss
+++ b/dist/example/picker/picker.wxss
--- a/dist/example/preview/preview.js
+++ b/dist/example/preview/preview.js
--- a/dist/example/preview/preview.wxml
+++ b/dist/example/preview/preview.wxml
--- a/dist/example/preview/preview.wxss
+++ b/dist/example/preview/preview.wxss
--- a/dist/example/progress/progress.js
+++ b/dist/example/progress/progress.js
--- a/dist/example/progress/progress.wxml
+++ b/dist/example/progress/progress.wxml
--- a/dist/example/progress/progress.wxss
+++ b/dist/example/progress/progress.wxss
--- a/dist/example/searchbar/searchbar.js
+++ b/dist/example/searchbar/searchbar.js
--- a/dist/example/searchbar/searchbar.wxml
+++ b/dist/example/searchbar/searchbar.wxml
--- a/dist/example/searchbar/searchbar.wxss
+++ b/dist/example/searchbar/searchbar.wxss
--- a/dist/example/slider/slider.js
+++ b/dist/example/slider/slider.js
--- a/dist/example/slider/slider.wxml
+++ b/dist/example/slider/slider.wxml
--- a/dist/example/slider/slider.wxss
+++ b/dist/example/slider/slider.wxss
--- a/dist/example/slideview/slideview.js
+++ b/dist/example/slideview/slideview.js
--- a/dist/example/slideview/slideview.wxml
+++ b/dist/example/slideview/slideview.wxml
--- a/dist/example/slideview/slideview.wxss
+++ b/dist/example/slideview/slideview.wxss
--- a/dist/example/tabbar/tabbar.js
+++ b/dist/example/tabbar/tabbar.js
--- a/dist/example/tabbar/tabbar.wxml
+++ b/dist/example/tabbar/tabbar.wxml
--- a/dist/example/tabbar/tabbar.wxss
+++ b/dist/example/tabbar/tabbar.wxss
--- a/dist/example/toast/toast.js
+++ b/dist/example/toast/toast.js
--- a/dist/example/toast/toast.wxml
+++ b/dist/example/toast/toast.wxml
--- a/dist/example/toast/toast.wxss
+++ b/dist/example/toast/toast.wxss
--- a/dist/example/top-tips/top-tips.js
+++ b/dist/example/top-tips/top-tips.js
--- a/dist/example/top-tips/top-tips.wxml
+++ b/dist/example/top-tips/top-tips.wxml
--- a/dist/example/top-tips/top-tips.wxss
+++ b/dist/example/top-tips/top-tips.wxss
--- a/dist/example/uploader/uploader.js
+++ b/dist/example/uploader/uploader.js
--- a/dist/example/uploader/uploader.wxml
+++ b/dist/example/uploader/uploader.wxml
--- a/dist/libs/Mixins.js
+++ b/dist/libs/Mixins.js
--- a/dist/mixin/themeChanged.js
+++ b/dist/mixin/themeChanged.js
--- a/dist/style/base/fn.wxss
+++ b/dist/style/base/fn.wxss
--- a/dist/style/base/mixin/mobile.wxss
+++ b/dist/style/base/mixin/mobile.wxss
--- a/dist/style/base/mixin/setArrow.wxss
+++ b/dist/style/base/mixin/setArrow.wxss
--- a/dist/style/base/mixin/setOnepx.wxss
+++ b/dist/style/base/mixin/setOnepx.wxss
--- a/dist/style/base/mixin/text.wxss
+++ b/dist/style/base/mixin/text.wxss
--- a/dist/style/base/patch.wxss
+++ b/dist/style/base/patch.wxss
--- a/dist/style/base/patch/weui-dot-loading.wxss
+++ b/dist/style/base/patch/weui-dot-loading.wxss
--- a/dist/style/base/patch/weui-form.wxss
+++ b/dist/style/base/patch/weui-form.wxss
--- a/dist/style/base/patch/weui-gallery.wxss
+++ b/dist/style/base/patch/weui-gallery.wxss
--- a/dist/style/base/patch/weui-loadmore.wxss
+++ b/dist/style/base/patch/weui-loadmore.wxss
--- a/dist/style/base/patch/weui-navigation-bar.wxss
+++ b/dist/style/base/patch/weui-navigation-bar.wxss
--- a/dist/style/base/patch/weui-searchbar.wxss
+++ b/dist/style/base/patch/weui-searchbar.wxss
--- a/dist/style/base/patch/weui-slideview.wxss
+++ b/dist/style/base/patch/weui-slideview.wxss
--- a/dist/style/base/patch/weui-uploader.wxss
+++ b/dist/style/base/patch/weui-uploader.wxss
--- a/dist/style/base/reset.wxss
+++ b/dist/style/base/reset.wxss
--- a/dist/style/base/theme/fn.wxss
+++ b/dist/style/base/theme/fn.wxss
--- a/dist/style/base/theme/index.wxss
+++ b/dist/style/base/theme/index.wxss
--- a/dist/style/base/theme/vars/dark.wxss
+++ b/dist/style/base/theme/vars/dark.wxss
--- a/dist/style/base/theme/vars/light.wxss
+++ b/dist/style/base/theme/vars/light.wxss
--- a/dist/style/base/variable/color.wxss
+++ b/dist/style/base/variable/color.wxss
--- a/dist/style/base/variable/global.wxss
+++ b/dist/style/base/variable/global.wxss
--- a/dist/style/base/variable/weui-button.wxss
+++ b/dist/style/base/variable/weui-button.wxss
--- a/dist/style/base/variable/weui-cell.wxss
+++ b/dist/style/base/variable/weui-cell.wxss
--- a/dist/style/base/variable/weui-dialog.wxss
+++ b/dist/style/base/variable/weui-dialog.wxss
--- a/dist/style/base/variable/weui-grid.wxss
+++ b/dist/style/base/variable/weui-grid.wxss
--- a/dist/style/base/variable/weui-msg.wxss
+++ b/dist/style/base/variable/weui-msg.wxss
--- a/dist/style/base/variable/weui-progress.wxss
+++ b/dist/style/base/variable/weui-progress.wxss
--- a/dist/style/base/variable/weui-tab.wxss
+++ b/dist/style/base/variable/weui-tab.wxss
--- a/dist/style/icon/weui-icon.wxss
+++ b/dist/style/icon/weui-icon.wxss
--- a/dist/style/weui.wxss
+++ b/dist/style/weui.wxss
--- a/dist/style/widget/weui-agree/weui-agree.wxss
+++ b/dist/style/widget/weui-agree/weui-agree.wxss
--- a/dist/style/widget/weui-animate/weui-animate.wxss
+++ b/dist/style/widget/weui-animate/weui-animate.wxss
--- a/dist/style/widget/weui-button/weui-btn_cell.wxss
+++ b/dist/style/widget/weui-button/weui-btn_cell.wxss
--- a/dist/style/widget/weui-button/weui-btn_default.wxss
+++ b/dist/style/widget/weui-button/weui-btn_default.wxss
--- a/dist/style/widget/weui-button/weui-btn_disabled.wxss
+++ b/dist/style/widget/weui-button/weui-btn_disabled.wxss
--- a/dist/style/widget/weui-button/weui-btn_global.wxss
+++ b/dist/style/widget/weui-button/weui-btn_global.wxss
--- a/dist/style/widget/weui-button/weui-btn_loading.wxss
+++ b/dist/style/widget/weui-button/weui-btn_loading.wxss
--- a/dist/style/widget/weui-button/weui-btn_plain.wxss
+++ b/dist/style/widget/weui-button/weui-btn_plain.wxss
--- a/dist/style/widget/weui-button/weui-btn_primary.wxss
+++ b/dist/style/widget/weui-button/weui-btn_primary.wxss
--- a/dist/style/widget/weui-button/weui-btn_warn.wxss
+++ b/dist/style/widget/weui-button/weui-btn_warn.wxss
--- a/dist/style/widget/weui-button/weui-button.wxss
+++ b/dist/style/widget/weui-button/weui-button.wxss
--- a/dist/style/widget/weui-cell/weui-access.wxss
+++ b/dist/style/widget/weui-cell/weui-access.wxss
--- a/dist/style/widget/weui-cell/weui-cell.wxss
+++ b/dist/style/widget/weui-cell/weui-cell.wxss
--- a/dist/style/widget/weui-cell/weui-cell_global.wxss
+++ b/dist/style/widget/weui-cell/weui-cell_global.wxss
--- a/dist/style/widget/weui-cell/weui-cell_swiped.wxss
+++ b/dist/style/widget/weui-cell/weui-cell_swiped.wxss
--- a/dist/style/widget/weui-cell/weui-cells__group.wxss
+++ b/dist/style/widget/weui-cell/weui-cells__group.wxss
--- a/dist/style/widget/weui-cell/weui-check.wxss
+++ b/dist/style/widget/weui-cell/weui-check.wxss
--- a/dist/style/widget/weui-cell/weui-check/weui-check_common.wxss
+++ b/dist/style/widget/weui-cell/weui-check/weui-check_common.wxss
--- a/dist/style/widget/weui-cell/weui-check/weui-checkbox.wxss
+++ b/dist/style/widget/weui-cell/weui-check/weui-checkbox.wxss
--- a/dist/style/widget/weui-cell/weui-check/weui-radio.wxss
+++ b/dist/style/widget/weui-cell/weui-check/weui-radio.wxss
--- a/dist/style/widget/weui-cell/weui-form.wxss
+++ b/dist/style/widget/weui-cell/weui-form.wxss
--- a/dist/style/widget/weui-cell/weui-form/weui-form-preview.wxss
+++ b/dist/style/widget/weui-cell/weui-form/weui-form-preview.wxss
--- a/dist/style/widget/weui-cell/weui-form/weui-form_common.wxss
+++ b/dist/style/widget/weui-cell/weui-form/weui-form_common.wxss
--- a/dist/style/widget/weui-cell/weui-form/weui-select.wxss
+++ b/dist/style/widget/weui-cell/weui-form/weui-select.wxss
--- a/dist/style/widget/weui-cell/weui-form/weui-vcode.wxss
+++ b/dist/style/widget/weui-cell/weui-form/weui-vcode.wxss
--- a/dist/style/widget/weui-cell/weui-gallery.wxss
+++ b/dist/style/widget/weui-cell/weui-gallery.wxss
--- a/dist/style/widget/weui-cell/weui-slideview.wxss
+++ b/dist/style/widget/weui-cell/weui-slideview.wxss
--- a/dist/style/widget/weui-cell/weui-switch.wxss
+++ b/dist/style/widget/weui-cell/weui-switch.wxss
--- a/dist/style/widget/weui-cell/weui-uploader.wxss
+++ b/dist/style/widget/weui-cell/weui-uploader.wxss
--- a/dist/style/widget/weui-flex/weui-flex.wxss
+++ b/dist/style/widget/weui-flex/weui-flex.wxss
--- a/dist/style/widget/weui-footer/weui-footer.wxss
+++ b/dist/style/widget/weui-footer/weui-footer.wxss
--- a/dist/style/widget/weui-grid/weui-grid.wxss
+++ b/dist/style/widget/weui-grid/weui-grid.wxss
--- a/dist/style/widget/weui-icon/weui-icon.wxss
+++ b/dist/style/widget/weui-icon/weui-icon.wxss
--- a/dist/style/widget/weui-loading/weui-dot-loading.wxss
+++ b/dist/style/widget/weui-loading/weui-dot-loading.wxss
--- a/dist/style/widget/weui-loading/weui-loading.wxss
+++ b/dist/style/widget/weui-loading/weui-loading.wxss
--- a/dist/style/widget/weui-media-box/weui-media-box.wxss
+++ b/dist/style/widget/weui-media-box/weui-media-box.wxss
--- a/dist/style/widget/weui-navigation-bar/weui-navigation-bar.wxss
+++ b/dist/style/widget/weui-navigation-bar/weui-navigation-bar.wxss
--- a/dist/style/widget/weui-page/weui-article.wxss
+++ b/dist/style/widget/weui-page/weui-article.wxss
--- a/dist/style/widget/weui-page/weui-form.wxss
+++ b/dist/style/widget/weui-page/weui-form.wxss
--- a/dist/style/widget/weui-page/weui-msg.wxss
+++ b/dist/style/widget/weui-page/weui-msg.wxss
--- a/dist/style/widget/weui-panel/weui-panel.wxss
+++ b/dist/style/widget/weui-panel/weui-panel.wxss
--- a/dist/style/widget/weui-picker/weui-picker.wxss
+++ b/dist/style/widget/weui-picker/weui-picker.wxss
--- a/dist/style/widget/weui-progress/weui-progress.wxss
+++ b/dist/style/widget/weui-progress/weui-progress.wxss
--- a/dist/style/widget/weui-searchbar/weui-searchbar.wxss
+++ b/dist/style/widget/weui-searchbar/weui-searchbar.wxss
--- a/dist/style/widget/weui-slider/weui-slider.wxss
+++ b/dist/style/widget/weui-slider/weui-slider.wxss
--- a/dist/style/widget/weui-tab/weui-navbar.wxss
+++ b/dist/style/widget/weui-tab/weui-navbar.wxss
--- a/dist/style/widget/weui-tab/weui-tab.wxss
+++ b/dist/style/widget/weui-tab/weui-tab.wxss
--- a/dist/style/widget/weui-tab/weui-tabbar.wxss
+++ b/dist/style/widget/weui-tab/weui-tabbar.wxss
--- a/dist/style/widget/weui-text/weui-link.wxss
+++ b/dist/style/widget/weui-text/weui-link.wxss
--- a/dist/style/widget/weui-tips/weui-actionsheet.wxss
+++ b/dist/style/widget/weui-tips/weui-actionsheet.wxss
--- a/dist/style/widget/weui-tips/weui-badge.wxss
+++ b/dist/style/widget/weui-tips/weui-badge.wxss
--- a/dist/style/widget/weui-tips/weui-dialog.wxss
+++ b/dist/style/widget/weui-tips/weui-dialog.wxss
--- a/dist/style/widget/weui-tips/weui-half-screen-dialog.wxss
+++ b/dist/style/widget/weui-tips/weui-half-screen-dialog.wxss
--- a/dist/style/widget/weui-tips/weui-loadmore.wxss
+++ b/dist/style/widget/weui-tips/weui-loadmore.wxss
--- a/dist/style/widget/weui-tips/weui-mask.wxss
+++ b/dist/style/widget/weui-tips/weui-mask.wxss
--- a/dist/style/widget/weui-tips/weui-toast.wxss
+++ b/dist/style/widget/weui-tips/weui-toast.wxss
--- a/dist/style/widget/weui-tips/weui-toptips.wxss
+++ b/dist/style/widget/weui-tips/weui-toptips.wxss
--- a/gulpfile.js
+++ b/gulpfile.js
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
--- a/src/app.js
+++ b/src/app.js
--- a/src/app.json
+++ b/src/app.json
--- a/src/app.wxss
+++ b/src/app.wxss
--- a/src/example/actionsheet/actionsheet.js
+++ b/src/example/actionsheet/actionsheet.js
--- a/src/example/actionsheet/actionsheet.less
+++ b/src/example/actionsheet/actionsheet.less
--- a/src/example/actionsheet/actionsheet.wxml
+++ b/src/example/actionsheet/actionsheet.wxml
--- a/src/example/actionsheet/actionsheet.wxss
+++ b/src/example/actionsheet/actionsheet.wxss
--- a/src/example/article/article.js
+++ b/src/example/article/article.js
--- a/src/example/article/article.wxss
+++ b/src/example/article/article.wxss
--- a/src/example/article/article.wxml
+++ b/src/example/article/article.wxml
--- a/src/example/badge/badge.js
+++ b/src/example/badge/badge.js
--- a/src/example/badge/badge.less
+++ b/src/example/badge/badge.less
--- a/src/example/badge/badge.wxml
+++ b/src/example/badge/badge.wxml
--- a/src/example/button/button.js
+++ b/src/example/button/button.js
--- a/src/example/button/button.less
+++ b/src/example/button/button.less
--- a/src/example/button/button.wxml
+++ b/src/example/button/button.wxml
--- a/src/example/button/button.wxss
+++ b/src/example/button/button.wxss
--- a/src/example/dialog/dialog.js
+++ b/src/example/dialog/dialog.js
--- a/src/example/dialog/dialog.less
+++ b/src/example/dialog/dialog.less
--- a/src/example/dialog/dialog.wxml
+++ b/src/example/dialog/dialog.wxml
--- a/src/example/dialog/dialog.wxss
+++ b/src/example/dialog/dialog.wxss
--- a/src/example/flex/flex.js
+++ b/src/example/flex/flex.js
--- a/src/example/flex/flex.wxss
+++ b/src/example/flex/flex.wxss
--- a/src/example/flex/flex.wxml
+++ b/src/example/flex/flex.wxml
--- a/src/example/footer/footer.js
+++ b/src/example/footer/footer.js
--- a/src/example/footer/footer.wxss
+++ b/src/example/footer/footer.wxss
--- a/src/example/footer/footer.wxml
+++ b/src/example/footer/footer.wxml
--- a/src/example/form/form.js
+++ b/src/example/form/form.js
--- a/src/example/form/form.less
+++ b/src/example/form/form.less
--- a/src/example/form/form.wxml
+++ b/src/example/form/form.wxml
--- a/src/example/form/form.wxss
+++ b/src/example/form/form.wxss
--- a/src/example/form/form_checkbox.js
+++ b/src/example/form/form_checkbox.js
--- a/src/example/form/form_checkbox.less
+++ b/src/example/form/form_checkbox.less
--- a/src/example/form/form_checkbox.wxml
+++ b/src/example/form/form_checkbox.wxml
--- a/src/example/form/form_input_status.js
+++ b/src/example/form/form_input_status.js
--- a/src/example/form/form_input_status.less
+++ b/src/example/form/form_input_status.less
--- a/src/example/form/form_input_status.wxml
+++ b/src/example/form/form_input_status.wxml
--- a/src/example/form/form_page.js
+++ b/src/example/form/form_page.js
--- a/src/example/form/form_page.less
+++ b/src/example/form/form_page.less
--- a/src/example/form/form_page.wxml
+++ b/src/example/form/form_page.wxml
--- a/src/example/form/form_radio.js
+++ b/src/example/form/form_radio.js
--- a/src/example/form/form_radio.less
+++ b/src/example/form/form_radio.less
--- a/src/example/form/form_radio.wxml
+++ b/src/example/form/form_radio.wxml
--- a/src/example/form/form_select.js
+++ b/src/example/form/form_select.js
--- a/src/example/form/form_select.less
+++ b/src/example/form/form_select.less
--- a/src/example/form/form_select.wxml
+++ b/src/example/form/form_select.wxml
--- a/src/example/form/form_select_primary.wxml
+++ b/src/example/form/form_select_primary.wxml
--- a/src/example/form/form_switch.js
+++ b/src/example/form/form_switch.js
--- a/src/example/form/form_switch.less
+++ b/src/example/form/form_switch.less
--- a/src/example/form/form_switch.wxml
+++ b/src/example/form/form_switch.wxml
--- a/src/example/form/form_textarea.js
+++ b/src/example/form/form_textarea.js
--- a/src/example/form/form_textarea.less
+++ b/src/example/form/form_textarea.less
--- a/src/example/form/form_textarea.wxml
+++ b/src/example/form/form_textarea.wxml
--- a/src/example/form/form_vcode.js
+++ b/src/example/form/form_vcode.js
--- a/src/example/form/form_vcode.less
+++ b/src/example/form/form_vcode.less
--- a/src/example/form/form_vcode.wxml
+++ b/src/example/form/form_vcode.wxml
--- a/src/example/gallery/gallery.js
+++ b/src/example/gallery/gallery.js
--- a/src/example/gallery/gallery.less
+++ b/src/example/gallery/gallery.less
--- a/src/example/gallery/gallery.wxml
+++ b/src/example/gallery/gallery.wxml
--- a/src/example/grid/grid.js
+++ b/src/example/grid/grid.js
--- a/src/example/grid/grid.wxml
+++ b/src/example/grid/grid.wxml
--- a/src/example/half-screen-dialog/half-screen-dialog.js
+++ b/src/example/half-screen-dialog/half-screen-dialog.js
--- a/src/example/half-screen-dialog/half-screen-dialog.less
+++ b/src/example/half-screen-dialog/half-screen-dialog.less
--- a/src/example/half-screen-dialog/half-screen-dialog.wxml
+++ b/src/example/half-screen-dialog/half-screen-dialog.wxml
--- a/src/example/half-screen-dialog/half-screen-dialog.wxss
+++ b/src/example/half-screen-dialog/half-screen-dialog.wxss
--- a/src/example/icons/icons.js
+++ b/src/example/icons/icons.js
--- a/src/example/icons/icons.wxss
+++ b/src/example/icons/icons.wxss
--- a/src/example/icons/icons.wxml
+++ b/src/example/icons/icons.wxml
--- a/src/example/images/icon_footer.png
+++ b/src/example/images/icon_footer.png
--- a/src/example/images/icon_footer_link.png
+++ b/src/example/images/icon_footer_link.png
--- a/src/example/images/icon_intro.png
+++ b/src/example/images/icon_intro.png
--- a/src/example/images/icon_nav_feedback.png
+++ b/src/example/images/icon_nav_feedback.png
--- a/src/example/images/icon_nav_form.png
+++ b/src/example/images/icon_nav_form.png
--- a/src/example/images/icon_nav_widget.png
+++ b/src/example/images/icon_nav_widget.png
--- a/src/example/images/icon_nav_nav.png
+++ b/src/example/images/icon_nav_nav.png
--- a/src/example/images/icon_nav_search.png
+++ b/src/example/images/icon_nav_search.png
--- a/src/example/images/icon_nav_special.png
+++ b/src/example/images/icon_nav_special.png
--- a/src/example/images/icon_nav_z-index.png
+++ b/src/example/images/icon_nav_z-index.png
--- a/src/example/images/icon_tabbar.png
+++ b/src/example/images/icon_tabbar.png
--- a/src/example/images/layers/content.png
+++ b/src/example/images/layers/content.png
--- a/src/example/images/layers/navigation.png
+++ b/src/example/images/layers/navigation.png
--- a/src/example/images/layers/popout.png
+++ b/src/example/images/layers/popout.png
--- a/src/example/images/layers/transparent.gif
+++ b/src/example/images/layers/transparent.gif
--- a/src/example/images/logo.png
+++ b/src/example/images/logo.png
--- a/src/example/images/pic_160.png
+++ b/src/example/images/pic_160.png
--- a/src/example/images/pic_article.png
+++ b/src/example/images/pic_article.png
--- a/src/example/images/vcode.jpg
+++ b/src/example/images/vcode.jpg
--- a/src/example/index.js
+++ b/src/example/index.js
--- a/src/example/index.wxss
+++ b/src/example/index.wxss
--- a/src/example/index.wxml
+++ b/src/example/index.wxml
--- a/src/example/input/input.js
+++ b/src/example/input/input.js
--- a/src/example/input/input.wxml
+++ b/src/example/input/input.wxml
--- a/src/example/list/list.js
+++ b/src/example/list/list.js
--- a/src/example/list/list.wxss
+++ b/src/example/list/list.wxss
--- a/src/example/list/list.wxml
+++ b/src/example/list/list.wxml
--- a/src/example/loading/loading.js
+++ b/src/example/loading/loading.js
--- a/src/example/loading/loading.wxss
+++ b/src/example/loading/loading.wxss
--- a/src/example/loading/loading.wxml
+++ b/src/example/loading/loading.wxml
--- a/src/example/loadmore/loadmore.js
+++ b/src/example/loadmore/loadmore.js
--- a/src/example/loadmore/loadmore.less
+++ b/src/example/loadmore/loadmore.less
--- a/src/example/loadmore/loadmore.wxml
+++ b/src/example/loadmore/loadmore.wxml
--- a/src/example/loadmore/loadmore.wxss
+++ b/src/example/loadmore/loadmore.wxss
--- a/src/example/msg/msg.js
+++ b/src/example/msg/msg.js
--- a/src/example/msg/msg.less
+++ b/src/example/msg/msg.less
--- a/src/example/msg/msg.wxml
+++ b/src/example/msg/msg.wxml
--- a/src/example/msg/msg.wxss
+++ b/src/example/msg/msg.wxss
--- a/src/example/msg/msg_fail.js
+++ b/src/example/msg/msg_fail.js
--- a/src/example/msg/msg_fail.wxml
+++ b/src/example/msg/msg_fail.wxml
--- a/src/example/msg/msg_fail.wxss
+++ b/src/example/msg/msg_fail.wxss
--- a/src/example/msg/msg_success.js
+++ b/src/example/msg/msg_success.js
--- a/src/example/msg/msg_success.less
+++ b/src/example/msg/msg_success.less
--- a/src/example/msg/msg_success.wxml
+++ b/src/example/msg/msg_success.wxml
--- a/src/example/msg/msg_success.wxss
+++ b/src/example/msg/msg_success.wxss
--- a/src/example/msg/msg_text.js
+++ b/src/example/msg/msg_text.js
--- a/src/example/msg/msg_text.less
+++ b/src/example/msg/msg_text.less
--- a/src/example/msg/msg_text.wxml
+++ b/src/example/msg/msg_text.wxml
--- a/src/example/msg/msg_text.wxss
+++ b/src/example/msg/msg_text.wxss
--- a/src/example/msg/msg_text_primary.js
+++ b/src/example/msg/msg_text_primary.js
--- a/src/example/msg/msg_text_primary.less
+++ b/src/example/msg/msg_text_primary.less
--- a/src/example/msg/msg_text_primary.wxml
+++ b/src/example/msg/msg_text_primary.wxml
--- a/src/example/msg/msg_text_primary.wxss
+++ b/src/example/msg/msg_text_primary.wxss
--- a/src/example/msg/msg_warn.js
+++ b/src/example/msg/msg_warn.js
--- a/src/example/msg/msg_warn.less
+++ b/src/example/msg/msg_warn.less
--- a/src/example/msg/msg_warn.wxml
+++ b/src/example/msg/msg_warn.wxml
--- a/src/example/navbar/navbar.js
+++ b/src/example/navbar/navbar.js
--- a/src/example/navbar/navbar.wxss
+++ b/src/example/navbar/navbar.wxss
--- a/src/example/navbar/navbar.wxml
+++ b/src/example/navbar/navbar.wxml
--- a/src/example/navigation-bar/navigation-bar.js
+++ b/src/example/navigation-bar/navigation-bar.js
--- a/dist/example/navigation_bar/navigation_bar.wxss
+++ b/dist/example/navigation_bar/navigation_bar.wxss
--- a/src/example/navigation-bar/navigation-bar.wxml
+++ b/src/example/navigation-bar/navigation-bar.wxml
--- a/src/example/navigation-bar/navigation-bar.wxss
+++ b/src/example/navigation-bar/navigation-bar.wxss
--- a/src/example/navigation_bar/navigation_bar.js
+++ b/src/example/navigation_bar/navigation_bar.js
--- a/src/example/navigation_bar/navigation_bar.wxml
+++ b/src/example/navigation_bar/navigation_bar.wxml
--- a/src/example/navigation_bar/navigation_bar.wxss
+++ b/src/example/navigation_bar/navigation_bar.wxss
--- a/src/example/panel/panel.js
+++ b/src/example/panel/panel.js
--- a/src/example/panel/panel.wxml
+++ b/src/example/panel/panel.wxml
--- a/src/example/picker/picker.js
+++ b/src/example/picker/picker.js
--- a/src/example/picker/picker.wxss
+++ b/src/example/picker/picker.wxss
--- a/src/example/picker/picker.wxml
+++ b/src/example/picker/picker.wxml
--- a/src/example/preview/preview.js
+++ b/src/example/preview/preview.js
--- a/src/example/preview/preview.wxss
+++ b/src/example/preview/preview.wxss
--- a/src/example/preview/preview.wxml
+++ b/src/example/preview/preview.wxml
--- a/src/example/progress/progress.js
+++ b/src/example/progress/progress.js
--- a/src/example/progress/progress.less
+++ b/src/example/progress/progress.less
--- a/src/example/progress/progress.wxml
+++ b/src/example/progress/progress.wxml
--- a/src/example/progress/progress.wxss
+++ b/src/example/progress/progress.wxss
--- a/src/example/searchbar/searchbar.js
+++ b/src/example/searchbar/searchbar.js
--- a/src/example/searchbar/searchbar.wxss
+++ b/src/example/searchbar/searchbar.wxss
--- a/src/example/searchbar/searchbar.wxml
+++ b/src/example/searchbar/searchbar.wxml
--- a/src/example/slider/slider.js
+++ b/src/example/slider/slider.js
--- a/src/example/slider/slider.wxss
+++ b/src/example/slider/slider.wxss
--- a/src/example/slider/slider.wxml
+++ b/src/example/slider/slider.wxml
--- a/src/example/slideview/slideview.js
+++ b/src/example/slideview/slideview.js
--- a/src/example/slideview/slideview.wxss
+++ b/src/example/slideview/slideview.wxss
--- a/src/example/slideview/slideview.wxml
+++ b/src/example/slideview/slideview.wxml
--- a/src/example/tabbar/tabbar.js
+++ b/src/example/tabbar/tabbar.js
--- a/src/example/tabbar/tabbar.wxss
+++ b/src/example/tabbar/tabbar.wxss
--- a/src/example/tabbar/tabbar.wxml
+++ b/src/example/tabbar/tabbar.wxml
--- a/src/example/toast/toast.js
+++ b/src/example/toast/toast.js
--- a/src/example/toast/toast.less
+++ b/src/example/toast/toast.less
--- a/src/example/toast/toast.wxml
+++ b/src/example/toast/toast.wxml
--- a/src/example/toast/toast.wxss
+++ b/src/example/toast/toast.wxss
--- a/src/example/top-tips/top-tips.js
+++ b/src/example/top-tips/top-tips.js
--- a/src/example/top-tips/top-tips.less
+++ b/src/example/top-tips/top-tips.less
--- a/src/example/top-tips/top-tips.wxml
+++ b/src/example/top-tips/top-tips.wxml
--- a/src/example/uploader/uploader.js
+++ b/src/example/uploader/uploader.js
--- a/src/example/uploader/uploader.wxml
+++ b/src/example/uploader/uploader.wxml
--- a/src/libs/Mixins.js
+++ b/src/libs/Mixins.js
--- a/src/mixin/themeChanged.js
+++ b/src/mixin/themeChanged.js
--- a/src/style/base/fn.less
+++ b/src/style/base/fn.less
--- a/src/style/base/fn.wxss
+++ b/src/style/base/fn.wxss
--- a/src/style/base/mixin/mobile.wxss
+++ b/src/style/base/mixin/mobile.wxss
--- a/src/style/base/mixin/setArrow.wxss
+++ b/src/style/base/mixin/setArrow.wxss
--- a/src/style/base/mixin/setOnepx.wxss
+++ b/src/style/base/mixin/setOnepx.wxss
--- a/src/style/base/mixin/text.wxss
+++ b/src/style/base/mixin/text.wxss
--- a/src/style/base/patch.less
+++ b/src/style/base/patch.less
--- a/src/style/widget/weui-loading/weui-dot-loading.wxss
+++ b/src/style/widget/weui-loading/weui-dot-loading.wxss
--- a/src/style/base/patch/weui-form.less
+++ b/src/style/base/patch/weui-form.less
--- a/src/style/base/patch/weui-gallery.less
+++ b/src/style/base/patch/weui-gallery.less
--- a/src/style/base/patch/weui-loadmore.less
+++ b/src/style/base/patch/weui-loadmore.less
--- a/src/style/base/patch/weui-navigation-bar.less
+++ b/src/style/base/patch/weui-navigation-bar.less
--- a/src/style/base/patch/weui-searchbar.less
+++ b/src/style/base/patch/weui-searchbar.less
--- a/src/style/widget/weui-cell/weui-slideview.wxss
+++ b/src/style/widget/weui-cell/weui-slideview.wxss
--- a/src/style/widget/weui-progress/weui-progress.wxss
+++ b/src/style/widget/weui-progress/weui-progress.wxss
--- a/src/style/base/reset.wxss
+++ b/src/style/base/reset.wxss
--- a/src/style/base/theme/fn.less
+++ b/src/style/base/theme/fn.less
--- a/src/style/base/theme/index.less
+++ b/src/style/base/theme/index.less
--- a/src/style/base/theme/vars/dark.less
+++ b/src/style/base/theme/vars/dark.less
--- a/src/style/base/theme/vars/light.less
+++ b/src/style/base/theme/vars/light.less
--- a/src/style/base/variable/color.less
+++ b/src/style/base/variable/color.less
--- a/src/style/base/variable/color.wxss
+++ b/src/style/base/variable/color.wxss
--- a/src/style/base/variable/global.wxss
+++ b/src/style/base/variable/global.wxss
--- a/src/style/base/variable/weui-button.less
+++ b/src/style/base/variable/weui-button.less
--- a/src/style/base/variable/weui-button.wxss
+++ b/src/style/base/variable/weui-button.wxss
--- a/src/style/base/variable/weui-cell.wxss
+++ b/src/style/base/variable/weui-cell.wxss
--- a/src/style/base/variable/weui-dialog.wxss
+++ b/src/style/base/variable/weui-dialog.wxss
--- a/src/style/base/variable/weui-grid.wxss
+++ b/src/style/base/variable/weui-grid.wxss
--- a/src/style/base/variable/weui-tab.wxss
+++ b/src/style/base/variable/weui-tab.wxss
--- a/src/style/base/variable/weui-msg.wxss
+++ b/src/style/base/variable/weui-msg.wxss
--- a/src/style/base/variable/weui-progress.wxss
+++ b/src/style/base/variable/weui-progress.wxss
--- a/src/style/base/variable/weui-tab.less
+++ b/src/style/base/variable/weui-tab.less
--- a/src/style/icon/weui-icon.less
+++ b/src/style/icon/weui-icon.less
--- a/src/style/weui.less
+++ b/src/style/weui.less
--- a/src/style/weui.wxss
+++ b/src/style/weui.wxss
--- a/src/style/widget/weui-agree/weui-agree.less
+++ b/src/style/widget/weui-agree/weui-agree.less
--- a/src/style/widget/weui-agree/weui-agree.wxss
+++ b/src/style/widget/weui-agree/weui-agree.wxss
--- a/src/style/widget/weui-animate/weui-animate.wxss
+++ b/src/style/widget/weui-animate/weui-animate.wxss
--- a/src/style/widget/weui-button/weui-btn_cell.wxss
+++ b/src/style/widget/weui-button/weui-btn_cell.wxss
--- a/src/style/widget/weui-button/weui-btn_default.wxss
+++ b/src/style/widget/weui-button/weui-btn_default.wxss
--- a/src/style/widget/weui-button/weui-btn_disabled.wxss
+++ b/src/style/widget/weui-button/weui-btn_disabled.wxss
--- a/src/style/widget/weui-button/weui-btn_global.wxss
+++ b/src/style/widget/weui-button/weui-btn_global.wxss
--- a/src/style/widget/weui-button/weui-btn_loading.wxss
+++ b/src/style/widget/weui-button/weui-btn_loading.wxss
--- a/src/style/widget/weui-button/weui-btn_plain.wxss
+++ b/src/style/widget/weui-button/weui-btn_plain.wxss
--- a/src/style/widget/weui-button/weui-btn_primary.wxss
+++ b/src/style/widget/weui-button/weui-btn_primary.wxss
--- a/src/style/widget/weui-button/weui-btn_warn.wxss
+++ b/src/style/widget/weui-button/weui-btn_warn.wxss
--- a/src/style/widget/weui-button/weui-button.wxss
+++ b/src/style/widget/weui-button/weui-button.wxss
--- a/src/style/widget/weui-cell/weui-access.less
+++ b/src/style/widget/weui-cell/weui-access.less
--- a/src/style/widget/weui-cell/weui-access.wxss
+++ b/src/style/widget/weui-cell/weui-access.wxss
--- a/src/style/widget/weui-cell/weui-cell.wxss
+++ b/src/style/widget/weui-cell/weui-cell.wxss
--- a/src/style/widget/weui-cell/weui-cell_swiped.less
+++ b/src/style/widget/weui-cell/weui-cell_swiped.less
--- a/src/style/widget/weui-cell/weui-cells__group.less
+++ b/src/style/widget/weui-cell/weui-cells__group.less
--- a/src/style/widget/weui-cell/weui-cells__group.wxss
+++ b/src/style/widget/weui-cell/weui-cells__group.wxss
--- a/src/style/widget/weui-cell/weui-check.less
+++ b/src/style/widget/weui-cell/weui-check.less
--- a/src/style/widget/weui-cell/weui-check.wxss
+++ b/src/style/widget/weui-cell/weui-check.wxss
--- a/src/style/widget/weui-cell/weui-check/weui-check_common.less
+++ b/src/style/widget/weui-cell/weui-check/weui-check_common.less
--- a/src/style/widget/weui-cell/weui-check/weui-checkbox.less
+++ b/src/style/widget/weui-cell/weui-check/weui-checkbox.less
--- a/src/style/widget/weui-cell/weui-check/weui-radio.less
+++ b/src/style/widget/weui-cell/weui-check/weui-radio.less
--- a/src/style/widget/weui-cell/weui-form.less
+++ b/src/style/widget/weui-cell/weui-form.less
--- a/src/style/widget/weui-cell/weui-form.wxss
+++ b/src/style/widget/weui-cell/weui-form.wxss
--- a/src/style/widget/weui-cell/weui-form/weui-form-preview.wxss
+++ b/src/style/widget/weui-cell/weui-form/weui-form-preview.wxss
--- a/src/style/widget/weui-cell/weui-form/weui-form_common.less
+++ b/src/style/widget/weui-cell/weui-form/weui-form_common.less
--- a/src/style/widget/weui-cell/weui-form/weui-form_common.wxss
+++ b/src/style/widget/weui-cell/weui-form/weui-form_common.wxss
--- a/src/style/widget/weui-cell/weui-form/weui-select.wxss
+++ b/src/style/widget/weui-cell/weui-form/weui-select.wxss
--- a/src/style/widget/weui-cell/weui-form/weui-vcode.wxss
+++ b/src/style/widget/weui-cell/weui-form/weui-vcode.wxss
--- a/src/style/widget/weui-cell/weui-gallery.wxss
+++ b/src/style/widget/weui-cell/weui-gallery.wxss
--- a/src/style/widget/weui-cell/weui-switch.less
+++ b/src/style/widget/weui-cell/weui-switch.less
--- a/src/style/widget/weui-cell/weui-switch.wxss
+++ b/src/style/widget/weui-cell/weui-switch.wxss
--- a/src/style/widget/weui-cell/weui-uploader.wxss
+++ b/src/style/widget/weui-cell/weui-uploader.wxss
--- a/src/style/widget/weui-flex/weui-flex.wxss
+++ b/src/style/widget/weui-flex/weui-flex.wxss
--- a/src/style/widget/weui-footer/weui-footer.wxss
+++ b/src/style/widget/weui-footer/weui-footer.wxss
--- a/src/style/widget/weui-grid/weui-grid.wxss
+++ b/src/style/widget/weui-grid/weui-grid.wxss
--- a/src/style/widget/weui-icon/weui-icon.wxss
+++ b/src/style/widget/weui-icon/weui-icon.wxss
--- a/src/style/widget/weui-loading/weui-loading.less
+++ b/src/style/widget/weui-loading/weui-loading.less
--- a/src/style/widget/weui-loading/weui-loading.wxss
+++ b/src/style/widget/weui-loading/weui-loading.wxss
--- a/src/style/widget/weui-media-box/weui-media-box.wxss
+++ b/src/style/widget/weui-media-box/weui-media-box.wxss
--- a/src/style/widget/weui-navigation-bar/weui-navigation-bar.wxss
+++ b/src/style/widget/weui-navigation-bar/weui-navigation-bar.wxss
--- a/src/style/widget/weui-page/weui-article.wxss
+++ b/src/style/widget/weui-page/weui-article.wxss
--- a/src/style/widget/weui-page/weui-form.less
+++ b/src/style/widget/weui-page/weui-form.less
--- a/src/style/widget/weui-page/weui-form.wxss
+++ b/src/style/widget/weui-page/weui-form.wxss
--- a/src/style/widget/weui-page/weui-msg.wxss
+++ b/src/style/widget/weui-page/weui-msg.wxss
--- a/src/style/widget/weui-panel/weui-panel.wxss
+++ b/src/style/widget/weui-panel/weui-panel.wxss
--- a/src/style/widget/weui-picker/weui-picker.less
+++ b/src/style/widget/weui-picker/weui-picker.less
--- a/src/style/widget/weui-progress/weui-progress.less
+++ b/src/style/widget/weui-progress/weui-progress.less
--- a/src/style/widget/weui-searchbar/weui-searchbar.wxss
+++ b/src/style/widget/weui-searchbar/weui-searchbar.wxss
--- a/src/style/widget/weui-slider/weui-slider.less
+++ b/src/style/widget/weui-slider/weui-slider.less
--- a/src/style/widget/weui-tab/weui-navbar.wxss
+++ b/src/style/widget/weui-tab/weui-navbar.wxss
--- a/src/style/widget/weui-tab/weui-tab.wxss
+++ b/src/style/widget/weui-tab/weui-tab.wxss
--- a/src/style/widget/weui-tab/weui-tabbar.wxss
+++ b/src/style/widget/weui-tab/weui-tabbar.wxss
--- a/src/style/widget/weui-text/weui-link.less
+++ b/src/style/widget/weui-text/weui-link.less
--- a/src/style/widget/weui-tips/weui-actionsheet.wxss
+++ b/src/style/widget/weui-tips/weui-actionsheet.wxss
--- a/src/style/widget/weui-tips/weui-badge.wxss
+++ b/src/style/widget/weui-tips/weui-badge.wxss
--- a/src/style/widget/weui-tips/weui-dialog.wxss
+++ b/src/style/widget/weui-tips/weui-dialog.wxss
--- a/src/style/widget/weui-tips/weui-half-screen-dialog.less
+++ b/src/style/widget/weui-tips/weui-half-screen-dialog.less
--- a/src/style/widget/weui-tips/weui-half-screen-dialog.wxss
+++ b/src/style/widget/weui-tips/weui-half-screen-dialog.wxss
--- a/src/style/widget/weui-tips/weui-loadmore.less
+++ b/src/style/widget/weui-tips/weui-loadmore.less
--- a/src/style/widget/weui-tips/weui-loadmore.wxss
+++ b/src/style/widget/weui-tips/weui-loadmore.wxss
--- a/src/style/widget/weui-tips/weui-mask.wxss
+++ b/src/style/widget/weui-tips/weui-mask.wxss
--- a/src/style/widget/weui-tips/weui-toast.less
+++ b/src/style/widget/weui-tips/weui-toast.less
--- a/src/style/widget/weui-tips/weui-toptips.less
+++ b/src/style/widget/weui-tips/weui-toptips.less
--- a/src/style/widget/weui-tips/weui-toptips.wxss
+++ b/src/style/widget/weui-tips/weui-toptips.wxss