diff --git a/app.js b/app.js
index 814a59e..978f9b0 100644
--- a/app.js
+++ b/app.js
@@ -21,17 +21,26 @@ App({
           },
           success: function (res) {
             if (res.data.code == 1) {
-              wx.setStorageSync('userid', res.data.userid)
-              wx.setStorageSync('username', res.data.username)
               if (res.header.hasOwnProperty('Set-Cookie')){
                 wx.setStorageSync('sessionid', res.header["Set-Cookie"])
               }else{
                 wx.setStorageSync('sessionid', res.header["set-cookie"])
               }
-              wx.setStorageSync('mpopenid', res.data.mpopenid)
-              if (that.callback) { //这个函数名字和你定义的一样即可
-                that.callback() //执行定义的回调函数
-              }
+              that.globalData.userInfo.name = res.data.name
+              that.globalData.userInfo.username = res.data.username
+              that.globalData.userInfo.userid = res.data.userid
+              that.globalData.userInfo.mpopenid = res.data.mpopenid
+              that.globalData.userInfo.perms = res.data.rights //拉取权限
+              that.globalData.userInfo.companyid = res.data.companyid
+              // if (that.callback) { //这个函数名字和你定义的一样即可
+              //   that.callback() //执行定义的回调函数
+              // }
+              /**** KEY PART START ****/
+              var pages = getCurrentPages() // get all current pages
+              var currentPage = pages[pages.length - 1]  // Get current loading page
+              currentPage.callback(); // Callback
+              that.oncallback = false; // Callback called
+          /**** KEY PART END ****/
               let openid = res.data.openid;
               if(openid==null){
                 wx.showModal({
@@ -59,28 +68,12 @@ App({
                 data: {},
                 success: res => {
                   if (res.data.code == 1) {
-                    that.globalData.isaqy = 1
+                    that.globalData.userInfo.isaqy = 1
                   }
                 }
-              });
-              //拉取权限
-              wx.request({
-                url: getApp().globalData.serverUrl + 'api/rights?a=have',
-                header: {
-                  'content-type': 'application/json', // 默认值
-                  'Cookie': wx.getStorageSync("sessionid"),
-                },
-                data: {},
-                success: res => {
-                  if (res.statusCode === 200) {
-                    console.log(res.data.rights)
-                    that.globalData.rights = res.data.rights
-                  }
-
-                }
-              });
+              });         
             } else {
-              wx.setStorageSync('mpopenid', res.data.mpopenid)
+              that.globalData.userInfo.mpopenid = res.data.mpopenid
               wx.reLaunch({
                 url: '/pages/bind/binduser?mpopenid=' + res.data.mpopenid,
               })
@@ -106,12 +99,19 @@ App({
     })
   },
   globalData: {
-    userInfo: null,
+    userInfo: {
+      userid:0,
+      username:'',
+      name:'',
+      isaqy:0,
+      mpopenid:'',
+      companyid:'',
+      perms:[]
+    },
     serverUrl: 'https://safeyun.ctcshe.com/',
     //serverUrl: 'http://127.0.0.1:8000/',
-    //serverUrl: 'http://192.168.0.102:8000/',
+    //serverUrl: 'http://192.168.0.107:8000/',
     //serverUrl:'http://10.0.11.195:8000/',
-    isaqy: 0,
     timepass:null //定时器
   },
 
diff --git a/app.json b/app.json
index 29c6a39..aed9f49 100644
--- a/app.json
+++ b/app.json
@@ -70,7 +70,12 @@
     "pages/risktask/detail",
     "pages/riskact/index2",
     "pages/area/detail",
-    "pages/bindwxtz/index"
+    "pages/bindwxtz/index",
+    "pages/examtest/note2",
+    "pages/data/index",
+    "pages/examtest/rate",
+    "pages/data/detail",
+    "pages/totalrate/index"
   ],
   "window": {
     "backgroundTextStyle": "light",
diff --git a/app.wxss b/app.wxss
index 58026a6..2d3601c 100644
--- a/app.wxss
+++ b/app.wxss
@@ -1,6 +1,5 @@
 /**app.wxss**/
 @import 'weui.wxss';
-@import "/wxParse/wxParse.wxss";
 page{
     background-color: #F8F8F8;
     font-size: 16px;
diff --git a/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.js b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.js
new file mode 100644
index 0000000..25e9fae
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.js
@@ -0,0 +1,170 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 1);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */,
+/* 1 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        multipleSlots: true,
+        addGlobalClass: true
+    },
+    properties: {
+        title: {
+            type: String,
+            value: ''
+        },
+        showCancel: {
+            type: Boolean,
+            value: true
+        },
+        cancelText: {
+            type: String,
+            value: '取消'
+        },
+        maskClass: {
+            type: String,
+            value: ''
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        maskClosable: {
+            type: Boolean,
+            value: true
+        },
+        mask: {
+            type: Boolean,
+            value: true
+        },
+        show: {
+            type: Boolean,
+            value: false
+        },
+        actions: {
+            type: Array,
+            value: [],
+            observer: '_groupChange'
+        }
+    },
+    methods: {
+        _groupChange: function _groupChange(e) {
+            if (e.length > 0 && typeof e[0] !== 'string' && !(e[0] instanceof Array)) {
+                this.setData({
+                    actions: [this.data.actions]
+                });
+            }
+        },
+        buttonTap: function buttonTap(e) {
+            var _e$currentTarget$data = e.currentTarget.dataset,
+                value = _e$currentTarget$data.value,
+                groupindex = _e$currentTarget$data.groupindex,
+                index = _e$currentTarget$data.index;
+
+            this.triggerEvent('actiontap', { value: value, groupindex: groupindex, index: index });
+        },
+        closeActionSheet: function closeActionSheet(e) {
+            var type = e.currentTarget.dataset.type;
+
+            if (this.data.maskClosable || type) {
+                this.setData({
+                    show: false
+                });
+                this.triggerEvent('close');
+            }
+        }
+    }
+});
+
+/***/ })
+/******/ ]);
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.json b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.wxml b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.wxml
new file mode 100644
index 0000000..0b41d0d
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.wxml
@@ -0,0 +1,50 @@
+<wxs module="utils">
+    var join = function(a,b) {
+        return a+b
+    };
+    var isNotSlot = function(v) {
+        return typeof v !== 'string'
+    }
+    module.exports = {
+        join: join,
+        isNotSlot: isNotSlot
+    }
+</wxs>
+
+<view wx:if="{{mask}}" class="weui-mask {{show ? '' : 'weui-mask_hidden'}} {{maskClass}}" bindtap="closeActionSheet"></view>
+<view class="weui-actionsheet {{show ? 'weui-actionsheet_toggle' : ''}} {{extClass}}">
+    <!-- 标题 -->
+    <block  wx:if="{{title}}"> 
+        <view class="weui-actionsheet__title">
+            <view class="weui-actionsheet__title-text">{{title}}</view>
+        </view>
+    </block>
+    <slot name="title" wx:else></slot>
+    <view 
+        class="{{ !showCancel && index === actions.length-1 ? 'weui-actionsheet__action' : 'weui-actionsheet__menu' }}"
+        wx:key="*this" 
+        wx:for-item="actionItem" 
+        wx:for-index="index"
+        wx:for="{{actions}}"
+    >
+        <block wx:if="{{utils.isNotSlot(actionItem)}}">
+            <view
+                class="weui-actionsheet__cell {{item.type === 'warn' ? 'weui-actionsheet__cell_warn' : '' }}" 
+                wx:key="*this" 
+                wx:for="{{actionItem}}"
+                wx:for-index="actionIndex"
+                data-groupindex="{{index}}"
+                data-index="{{actionIndex}}" 
+                data-value="{{item.value}}"
+                bindtap="buttonTap"
+            >
+                {{item.text}}
+            </view>  
+        </block>
+        <slot name="{{actionItem}}" wx:else></slot>
+    </view>
+    <!-- 取消按钮 -->
+    <view class="weui-actionsheet__action" wx:if="{{showCancel}}">
+        <view class="weui-actionsheet__cell" data-type="close" id="iosActionsheetCancel" bindtap="closeActionSheet">{{cancelText}}</view>
+    </view>
+</view>
diff --git a/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.wxss b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.wxss
new file mode 100644
index 0000000..ebbba8f
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/actionsheet/actionsheet.wxss
@@ -0,0 +1 @@
+.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6)}.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-actionsheet{position:fixed;left:0;bottom:0;transform:translate(0, 100%);backface-visibility:hidden;z-index:5000;width:100%;background-color:#EAE7E8;transition:transform .3s;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.weui-actionsheet__title{position:relative;height:56px;padding:0 24px;display:flex;justify-content:center;flex-direction:column;text-align:center;font-size:12px;color:rgba(0,0,0,0.5);line-height:1.4;background:#FFFFFF}.weui-actionsheet__title:before{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1)}.weui-actionsheet__title .weui-actionsheet__title-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-actionsheet__menu{color:rgba(0,0,0,0.9);background-color:#FFFFFF}.weui-actionsheet__action{margin-top:8px;background-color:#FFFFFF;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.weui-actionsheet__cell{position:relative;padding:16px;text-align:center;font-size:17px;line-height:1.41176471}.weui-actionsheet__cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1)}.weui-actionsheet__cell:active{background-color:#ECECEC}.weui-actionsheet__cell:first-child:before{display:none}.weui-actionsheet__cell_warn{color:#FA5151}.weui-skin_android .weui-actionsheet{position:fixed;left:50%;top:50%;bottom:auto;transform:translate(-50%, -50%);width:274px;box-sizing:border-box;backface-visibility:hidden;background:transparent;transition:transform .3s;border-radius:2px}.weui-skin_android .weui-actionsheet__action{display:none}.weui-skin_android .weui-actionsheet__menu{border-radius:2px;box-shadow:0 6px 30px 0 rgba(0,0,0,0.1)}.weui-skin_android .weui-actionsheet__cell{padding:16px;font-size:17px;line-height:1.41176471;color:rgba(0,0,0,0.9);text-align:left}.weui-skin_android .weui-actionsheet__cell:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.weui-skin_android .weui-actionsheet__cell:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.weui-actionsheet_toggle{transform:translate(0, 0)}.weui-mask.weui-mask_hidden{opacity:0;transform:scale3d(1, 1, 0)}.weui-mask{opacity:1;transform:scale3d(1, 1, 1);transition:all .3s}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/badge/badge.js b/miniprogram_npm/weui-miniprogram/badge/badge.js
new file mode 100644
index 0000000..cd5a2dd
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/badge/badge.js
@@ -0,0 +1,114 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 15);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 15:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        extClass: {
+            type: String,
+            value: ''
+        },
+        content: {
+            type: String,
+            value: ''
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/badge/badge.json b/miniprogram_npm/weui-miniprogram/badge/badge.json
new file mode 100644
index 0000000..7e37c03
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/badge/badge.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/badge/badge.wxml b/miniprogram_npm/weui-miniprogram/badge/badge.wxml
new file mode 100644
index 0000000..b7caee3
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/badge/badge.wxml
@@ -0,0 +1 @@
+<view class="weui-badge {{extClass}} {{!content ? 'weui-badge_dot' : ''}}">{{content}}</view>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/badge/badge.wxss b/miniprogram_npm/weui-miniprogram/badge/badge.wxss
new file mode 100644
index 0000000..3996e89
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/badge/badge.wxss
@@ -0,0 +1 @@
+.weui-badge{display:inline-block;padding:.15em .4em;min-width:8px;border-radius:18px;background-color:#FA5151;color:#FFFFFF;line-height:1.2;text-align:center;font-size:12px;vertical-align:middle}.weui-badge_dot{padding:.4em;min-width:0}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/cell/cell.js b/miniprogram_npm/weui-miniprogram/cell/cell.js
new file mode 100644
index 0000000..18048aa
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/cell/cell.js
@@ -0,0 +1,219 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 9);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 9:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true,
+        multipleSlots: true
+    },
+    properties: {
+        hover: {
+            type: Boolean,
+            value: false
+        },
+        link: {
+            type: Boolean,
+            value: false
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        iconClass: {
+            type: String,
+            value: ''
+        },
+        bodyClass: {
+            type: String,
+            value: ''
+        },
+        icon: {
+            type: String,
+            value: ''
+        },
+        title: {
+            type: String,
+            value: ''
+        },
+        value: {
+            type: String,
+            value: ''
+        },
+        showError: {
+            type: Boolean,
+            value: false
+        },
+        prop: {
+            type: String,
+            value: ''
+        },
+        url: {
+            type: String,
+            value: ''
+        },
+        footerClass: {
+            type: String,
+            value: ''
+        },
+        footer: {
+            type: String,
+            value: ''
+        },
+        inline: {
+            type: Boolean,
+            value: true
+        },
+        hasHeader: {
+            type: Boolean,
+            value: true
+        },
+        hasFooter: {
+            type: Boolean,
+            value: true
+        },
+        hasBody: {
+            type: Boolean,
+            value: true
+        }
+    },
+    relations: {
+        '../form/form': {
+            type: 'ancestor'
+        },
+        '../cells/cells': {
+            type: 'ancestor'
+        }
+    },
+    data: {
+        inForm: false
+    },
+    methods: {
+        setError: function setError(error) {
+            this.setData({
+                error: error || false
+            });
+        },
+        setInForm: function setInForm() {
+            this.setData({
+                inForm: true
+            });
+        },
+        setOuterClass: function setOuterClass(className) {
+            this.setData({
+                outerClass: className
+            });
+        },
+        navigateTo: function navigateTo() {
+            var _this = this;
+
+            var data = this.data;
+            if (data.url && data.link) {
+                wx.navigateTo({
+                    url: data.url,
+                    success: function success(res) {
+                        _this.triggerEvent('navigatesuccess', res, {});
+                    },
+                    fail: function fail(_fail) {
+                        _this.triggerEvent('navigateerror', _fail, {});
+                    }
+                });
+            }
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/cell/cell.json b/miniprogram_npm/weui-miniprogram/cell/cell.json
new file mode 100644
index 0000000..38feec9
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/cell/cell.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "mp-cells": "../cells/cells"
+    }
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/cell/cell.wxml b/miniprogram_npm/weui-miniprogram/cell/cell.wxml
new file mode 100644
index 0000000..6d61dbc
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/cell/cell.wxml
@@ -0,0 +1,73 @@
+<block wx:if="{{link}}">
+    <view bindtap="navigateTo" class="weui-cell weui-cell_access {{extClass}} {{outerClass}}{{inForm ? ' weui-cell-inform' : ''}}{{inline ? '' : ' .weui-cell_label-block'}}" hover-class="{{hover ? 'weui-cell_active' : ''}}">
+        <view wx:if="{{hasHeader}}" class="weui-cell__hd {{iconClass}}">
+            <block wx:if="{{icon}}">
+                <image src="{{icon}}" class="weui-cell__icon" mode="aspectFit"></image>
+            </block>
+            <block wx:else>
+                <slot name="icon"></slot>
+            </block>
+            <block wx:if="{{inForm}}">
+                <block wx:if="{{title}}"><view class="weui-label">{{title}}</view></block>
+                <block wx:else>
+                    <slot name="title"></slot>
+                </block>
+            </block>
+            <block wx:else>
+                <block wx:if="{{title}}">{{title}}</block>
+                <block wx:else>
+                    <slot name="title"></slot>
+                </block>
+            </block>
+        </view>
+        <view wx:if="{{hasBody}}" class="weui-cell__bd">
+            <block wx:if="{{value}}">{{value}}</block>
+            <block wx:else>
+                <slot></slot>
+            </block>
+        </view>
+        <view wx:if="{{hasFooter}}" class="weui-cell__ft weui-cell__ft_in-access {{footerClass}}">
+            <block wx:if="{{footer}}">{{footer}}</block>
+            <block wx:else>
+                <slot name="footer"></slot>
+            </block>
+        </view>
+    </view>
+</block>
+<block wx:else>
+    <view bindtap="navigateTo" class="weui-cell {{showError && error ? 'weui-cell_warn' : ''}} {{inForm ? 'weui-cell-inform' : ''}} {{extClass}} {{outerClass}}" hover-class="{{hover ? 'weui-cell_active' : ''}}">
+        <view wx:if="{{hasHeader}}" class="weui-cell__hd {{iconClass}}">
+            <block wx:if="{{icon}}">
+                <image src="{{icon}}" class="weui-cell__icon" mode="aspectFit"></image>
+            </block>
+            <block wx:else>
+                <slot name="icon"></slot>
+            </block>
+            <block wx:if="{{inForm}}">
+                <block wx:if="{{title}}"><view class="weui-label">{{title}}</view></block>
+                <block wx:else>
+                    <slot name="title"></slot>
+                </block>
+            </block>
+            <block wx:else>
+                <block wx:if="{{title}}">{{title}}</block>
+                <block wx:else>
+                    <slot name="title"></slot>
+                </block>
+            </block>
+        </view>
+        <view wx:if="{{hasBody}}" class="weui-cell__bd {{bodyClass}}">
+            <block wx:if="{{value}}">{{value}}</block>
+            <block wx:else>
+                <slot></slot>
+            </block>
+        </view>
+        <view wx:if="{{hasFooter}}" class="weui-cell__ft {{footerClass}}">
+            <block wx:if="{{footer}}">{{footer}}</block>
+            <block wx:else>
+                <slot name="footer"></slot>
+            </block>
+            <icon wx:if="{{showError && error}}" type="warn" size="23" color="#E64340"></icon>
+        </view>
+    </view>
+</block>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/cell/cell.wxss b/miniprogram_npm/weui-miniprogram/cell/cell.wxss
new file mode 100644
index 0000000..e33b369
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/cell/cell.wxss
@@ -0,0 +1 @@
+.weui-cells{position:relative;margin-top:8px;background-color:#FFFFFF;line-height:1.41176471;font-size:17px}.weui-cells:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1)}.weui-cells:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1)}.weui-cells__title{margin-top:16px;margin-bottom:3px;padding-left:16px;padding-right:16px;color:rgba(0,0,0,0.5);font-size:14px}.weui-cells_after-title{margin-top:0}.weui-cells__tips{margin-top:3px;color:rgba(0,0,0,0.5);padding-left:16px;padding-right:16px;font-size:14px}.weui-cell{padding:16px;position:relative;display:flex;align-items:center}.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1);left:16px}.weui-cell:first-child:before{display:none}.weui-cell_active{background-color:#ECECEC}.weui-cell_primary{align-items:flex-start}.weui-cell__bd{flex:1}.weui-cell__ft{text-align:right;color:rgba(0,0,0,0.5)}.weui-cell_wxss.weui-cell_wxss:before{display:block}.weui-cell_label-block{display:block}.weui-cell_label-block .weui-label{width:auto;word-break:initial;-webkit-hyphens:auto;hyphens:auto}.weui-cell_vcode{padding-top:0;padding-right:0;padding-bottom:0}.weui-vcode-img{margin-left:5px;height:3.29411765em;vertical-align:middle}.weui-vcode-btn{display:inline-block;height:3.29411765em;margin-left:5px;padding:0 .6em 0 .7em;border-left:1rpx solid rgba(0,0,0,0.1);line-height:3.29411765em;vertical-align:middle;font-size:17px;color:#576B95;white-space:nowrap}button.weui-vcode-btn{min-height:0;background-color:transparent;border:0;outline:0}.weui-vcode-btn:active{color:#767676}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/cells/cells.js b/miniprogram_npm/weui-miniprogram/cells/cells.js
new file mode 100644
index 0000000..d6c30c4
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/cells/cells.js
@@ -0,0 +1,174 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 8);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 8:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true,
+        multipleSlots: true
+    },
+    properties: {
+        title: {
+            type: String,
+            value: ''
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        footer: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {
+        firstItem: null,
+        checkboxCount: 0,
+        checkboxIsMulti: false,
+        outerClass: '',
+        childClass: ''
+    },
+    relations: {
+        '../cell/cell': {
+            type: 'descendant',
+            linked: function linked(target) {
+                if (!this.data.firstItem) {
+                    this.data.firstItem = target;
+                }
+                if (target !== this.data.firstItem) {
+                    target.setOuterClass('weui-cell_wxss');
+                }
+            }
+        },
+        '../form-page/form-page': {
+            type: 'ancestor'
+        },
+        '../checkbox-group/checkbox-group': {
+            type: 'descendant',
+            linked: function linked(target) {
+                this.setData({
+                    checkboxCount: this.data.checkboxCount + 1,
+                    checkboxIsMulti: target.data.multi
+                });
+            },
+            unlinked: function unlinked(target) {
+                this.setData({
+                    checkboxCount: this.data.checkboxCount - 1,
+                    checkboxIsMulti: target.data.multi
+                });
+            }
+        }
+    },
+    methods: {
+        setCellMulti: function setCellMulti(multi) {
+            this.setData({
+                checkboxIsMulti: multi
+            });
+        },
+        setCellsClass: function setCellsClass(className) {
+            this.setData({
+                childClass: className
+            });
+        },
+        setOuterClass: function setOuterClass(className) {
+            this.setData({
+                outerClass: className
+            });
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/cells/cells.json b/miniprogram_npm/weui-miniprogram/cells/cells.json
new file mode 100644
index 0000000..7e37c03
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/cells/cells.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/cells/cells.wxml b/miniprogram_npm/weui-miniprogram/cells/cells.wxml
new file mode 100644
index 0000000..8c2a6ed
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/cells/cells.wxml
@@ -0,0 +1,8 @@
+<view class="{{extClass}} weui-cells__group {{outerClass}} {{childClass}}">
+    <view wx:if="{{title}}" class="weui-cells__title">{{title}}</view>
+    <view class="weui-cells weui-cells_after-title weui-cells_form {{checkboxCount > 0 && checkboxIsMulti ? 'weui-cells_checkbox' : ''}}">
+        <slot></slot>
+    </view>
+    <view wx:if="{{footer}}" class="weui-cells__tips">{{footer}}</view>
+    <slot name="footer" wx:else></slot>
+</view>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.js b/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.js
new file mode 100644
index 0000000..1c23eb0
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.js
@@ -0,0 +1,203 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 23);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 23:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    properties: {
+        multi: {
+            type: Boolean,
+            value: true,
+            observer: '_multiChange'
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        prop: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {
+        targetList: [],
+        parentCell: null
+    },
+    relations: {
+        '../checkbox/checkbox': {
+            type: 'descendant',
+            linked: function linked(target) {
+                this.data.targetList.push(target);
+                target.setMulti(this.data.multi);
+                if (!this.data.firstItem) {
+                    this.data.firstItem = target;
+                }
+                if (target !== this.data.firstItem) {
+                    target.setOuterClass('weui-cell_wxss');
+                }
+            },
+            unlinked: function unlinked(target) {
+                var index = -1;
+                this.data.targetList.forEach(function (item, idx) {
+                    if (item === target) {
+                        index = idx;
+                    }
+                });
+                this.data.targetList.splice(index, 1);
+                if (!this.data.targetList) {
+                    this.data.firstItem = null;
+                }
+            }
+        },
+        '../form/form': {
+            type: 'ancestor'
+        },
+        '../cells/cells': {
+            type: 'ancestor',
+            linked: function linked(target) {
+                if (!this.data.parentCell) {
+                    this.data.parentCell = target;
+                }
+                this.setParentCellsClass();
+            },
+            unlinked: function unlinked(target) {
+                this.data.parentCell = null;
+            }
+        }
+    },
+    methods: {
+        checkedChange: function checkedChange(checked, target) {
+            console.log('checked change', checked);
+            if (this.data.multi) {
+                var vals = [];
+                this.data.targetList.forEach(function (item) {
+                    if (item.data.checked) {
+                        vals.push(item.data.value);
+                    }
+                });
+                this.triggerEvent('change', { value: vals });
+            } else {
+                var val = '';
+                this.data.targetList.forEach(function (item) {
+                    if (item === target) {
+                        val = item.data.value;
+                    } else {
+                        item.setData({
+                            checked: false
+                        });
+                    }
+                });
+                this.triggerEvent('change', { value: val }, {});
+            }
+        },
+        setParentCellsClass: function setParentCellsClass() {
+            var className = this.data.multi ? 'weui-cells_checkbox' : '';
+            if (this.data.parentCell) {
+                this.data.parentCell.setCellsClass(className);
+            }
+        },
+        _multiChange: function _multiChange(multi) {
+            this.data.targetList.forEach(function (target) {
+                target.setMulti(multi);
+            });
+            if (this.data.parentCell) {
+                this.data.parentCell.setCellMulti(multi);
+            }
+            return multi;
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.json b/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.json
new file mode 100644
index 0000000..38feec9
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "mp-cells": "../cells/cells"
+    }
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.wxml b/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.wxml
new file mode 100644
index 0000000..9864e38
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.wxml
@@ -0,0 +1,6 @@
+<checkbox-group class="{{extClass}}" wx-if="{{multi}}" bindchange="checkedChange">
+    <slot></slot>
+</checkbox-group>
+<radio-group class="{{extClass}}" wx-else bindchange="checkedChange">
+    <slot></slot>
+</radio-group>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.wxss b/miniprogram_npm/weui-miniprogram/checkbox-group/checkbox-group.wxss
new file mode 100644
index 0000000..e69de29
diff --git a/miniprogram_npm/weui-miniprogram/checkbox/checkbox.js b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.js
new file mode 100644
index 0000000..7547def
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.js
@@ -0,0 +1,172 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 24);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 24:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true,
+        multipleSlots: true
+    },
+    properties: {
+        multi: {
+            type: Boolean,
+            value: true
+        },
+        checked: {
+            type: Boolean,
+            value: false
+        },
+        value: {
+            type: String,
+            value: ''
+        },
+        label: {
+            type: String,
+            value: 'label'
+        },
+        extClass: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {},
+    relations: {
+        '../checkbox-group/checkbox-group': {
+            type: 'ancestor',
+            linked: function linked(target) {
+                this.data.group = target;
+            },
+            unlinked: function unlinked() {
+                this.data.group = null;
+            }
+        }
+    },
+    methods: {
+        setMulti: function setMulti(multi) {
+            this.setData({
+                multi: multi
+            });
+        },
+        setOuterClass: function setOuterClass(className) {
+            this.setData({
+                outerClass: className
+            });
+        },
+        checkedChange: function checkedChange(e) {
+            if (this.data.multi) {
+                var checked = !this.data.checked;
+                this.setData({
+                    checked: checked
+                });
+                if (this.data.group) {
+                    this.data.group.checkedChange(checked, this);
+                }
+            } else {
+                var _checked = this.data.checked;
+                if (_checked) return;
+                this.setData({
+                    checked: true
+                });
+                if (this.data.group) {
+                    this.data.group.checkedChange(_checked, this);
+                }
+            }
+            this.triggerEvent('change', { value: this.data.value, checked: this.data.checked });
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/checkbox/checkbox.json b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.json
new file mode 100644
index 0000000..6ebe5fc
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "mp-cell": "../cell/cell",
+        "mp-checkbox-group": "../checkbox-group/checkbox-group"
+    }
+}
diff --git a/miniprogram_npm/weui-miniprogram/checkbox/checkbox.wxml b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.wxml
new file mode 100644
index 0000000..342c472
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.wxml
@@ -0,0 +1,15 @@
+<mp-cell has-footer="{{!multi}}" has-header="{{multi}}" bindtap="checkedChange" footer-class="{{!multi ? 'weui-check__ft_in-radio' : ''}}" icon-class="{{multi ? 'weui-check__hd_in-checkbox' : ''}}" ext-class="weui-check__label {{outerClass}} {{extClass}} {{!multi ? 'weui-cell_radio' : 'weui-cell_checkbox'}}">
+
+  <view slot="icon" wx:if="{{multi}}">
+    <checkbox value="{{value}}" checked="{{checked}}" disabled="{{disabled}}" color="{{color}}" class="weui-check"></checkbox>
+    <!-- 未勾选 -->
+    <icon wx:if="{{!checked}}" size="23" class="weui-icon-checkbox_circle" type="circle"></icon>
+    <icon wx:else size="23" class="weui-icon-checkbox_success" type="success"></icon>
+  </view>
+  <view>{{label}}</view>
+  <view slot="footer" wx:if="{{!multi}}">
+    <radio value="{{value}}" checked="{{checked}}" disabled="{{disabled}}" color="{{color}}" class="weui-check"></radio>
+    <!-- 已勾选 -->
+    <icon size="16" wx:if="{{checked}}" class="weui-icon-radio" type="success_no_circle"></icon>
+  </view>
+</mp-cell>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/checkbox/checkbox.wxss b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.wxss
new file mode 100644
index 0000000..34a083c
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/checkbox/checkbox.wxss
@@ -0,0 +1 @@
+.weui-cells_checkbox .weui-check__label:before{left:55px}.weui-check__label:active{background-color:#ECECEC}.weui-check{position:absolute;left:-9999px}.weui-check__hd_in-checkbox{padding-right:16px}.weui-cell__ft_in-radio{padding-left:16px}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/dialog/dialog.js b/miniprogram_npm/weui-miniprogram/dialog/dialog.js
new file mode 100644
index 0000000..a105076
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/dialog/dialog.js
@@ -0,0 +1,168 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 20);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 20:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        multipleSlots: true,
+        addGlobalClass: true
+    },
+    properties: {
+        title: {
+            type: String,
+            value: ''
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        maskClosable: {
+            type: Boolean,
+            value: true
+        },
+        mask: {
+            type: Boolean,
+            value: true
+        },
+        show: {
+            type: Boolean,
+            value: false,
+            observer: '_showChange'
+        },
+        buttons: {
+            type: Array,
+            value: []
+        }
+    },
+    data: {
+        innerShow: false
+    },
+    ready: function ready() {
+        var buttons = this.data.buttons;
+        var len = buttons.length;
+        buttons.forEach(function (btn, index) {
+            if (len === 1) {
+                btn.className = 'weui-dialog__btn_primary';
+            } else if (index === 0) {
+                btn.className = 'weui-dialog__btn_default';
+            } else {
+                btn.className = 'weui-dialog__btn_primary';
+            }
+        });
+        this.setData({
+            buttons: buttons
+        });
+    },
+
+    methods: {
+        buttonTap: function buttonTap(e) {
+            var index = e.currentTarget.dataset.index;
+
+            this.triggerEvent('buttontap', { index: index, item: this.data.buttons[index] }, {});
+        },
+        close: function close() {
+            var data = this.data;
+            if (!data.maskClosable) return;
+            this.setData({
+                show: false
+            });
+            this.triggerEvent('close', {}, {});
+        },
+        stopEvent: function stopEvent() {}
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/dialog/dialog.json b/miniprogram_npm/weui-miniprogram/dialog/dialog.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/dialog/dialog.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/dialog/dialog.wxml b/miniprogram_npm/weui-miniprogram/dialog/dialog.wxml
new file mode 100644
index 0000000..334fb9a
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/dialog/dialog.wxml
@@ -0,0 +1,21 @@
+<view bindtap="close" class="weui-mask {{!show ? 'weui-mask_hidden' : '' }}" wx:if="{{mask}}"></view>
+<view wx:if="{{show}}" bindtap="close" class="weui-dialog__wrp {{extClass}}">
+    <view class="weui-dialog" catchtap="stopEvent">
+      <view class="weui-dialog__hd">
+        <view class="weui-dialog__title">{{title}}
+          <slot name="title"></slot>
+        </view>
+      </view>
+      <view class="weui-dialog__bd">
+        <slot></slot>
+      </view>
+      <view class="weui-dialog__ft">
+        <block wx:if="{{buttons && buttons.length}}">
+          <view wx:for="{{buttons}}" class="weui-dialog__btn {{item.className}} {{item.extClass}}" data-index="{{index}}" bindtap="buttonTap">{{item.text}}</view>
+          <!-- <view class="weui-dialog__btn" bindtap="confirm">确认</view> -->
+        </block>
+        <slot name="footer" wx:else></slot>
+      </view>
+    </view>
+</view>
+
diff --git a/miniprogram_npm/weui-miniprogram/dialog/dialog.wxss b/miniprogram_npm/weui-miniprogram/dialog/dialog.wxss
new file mode 100644
index 0000000..494d260
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/dialog/dialog.wxss
@@ -0,0 +1 @@
+.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6)}.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-dialog__wrp{position:fixed;z-index:5000;top:16px;bottom:16px;left:16px;right:16px;text-align:center;font-size:0;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-dialog__wrp .weui-dialog{max-height:100%}.weui-dialog{background-color:#FFFFFF;text-align:center;border-radius:12px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-height:90%}.weui-dialog__hd{padding:32px 24px 16px}.weui-dialog__title{font-weight:700;font-size:17px;line-height:1.4}.weui-dialog__bd{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 24px;margin-bottom:32px;min-height:40px;font-size:17px;line-height:1.4;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;color:rgba(0,0,0,0.5)}.weui-dialog__bd:first-child{padding:32px 24px 0;font-weight:700;color:rgba(0,0,0,0.9);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-dialog__ft{position:relative;line-height:64px;min-height:64px;font-size:17px;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1)}.weui-dialog__btn{display:block;flex:1;color:#576B95;font-weight:700;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.weui-dialog__btn:active{background-color:#ECECEC}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:rgba(0,0,0,0.9)}@media screen and (min-width:352px){.weui-dialog{width:320px;margin:0 auto}}.weui-dialog.weui-dialog_hidden{opacity:0;transform:scale3d(1, 1, 0)}.weui-dialog{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);transition:all .3s ease-in}.weui-mask.weui-mask_hidden{opacity:0;transform:scale3d(1, 1, 0)}.weui-mask{opacity:1;transform:scale3d(1, 1, 1);transition:all .3s ease-in}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/form-page/form-page.js b/miniprogram_npm/weui-miniprogram/form-page/form-page.js
new file mode 100644
index 0000000..7db760d
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/form-page/form-page.js
@@ -0,0 +1,131 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 2);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 2:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true,
+        multipleSlots: true
+    },
+    properties: {
+        title: {
+            type: String,
+            value: ''
+        },
+        subtitle: {
+            type: String,
+            value: ''
+        }
+    },
+    relations: {
+        '../cells/cells': {
+            type: 'descendant',
+            linked: function linked(target) {
+                if (!this.data.firstItem) {
+                    this.data.firstItem = target;
+                }
+                if (target !== this.data.firstItem) {
+                    target.setOuterClass('weui-cells__group_wxss');
+                }
+            }
+        }
+    },
+    data: {
+        firstItem: null
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/form-page/form-page.json b/miniprogram_npm/weui-miniprogram/form-page/form-page.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/form-page/form-page.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/form-page/form-page.wxml b/miniprogram_npm/weui-miniprogram/form-page/form-page.wxml
new file mode 100644
index 0000000..9f067aa
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/form-page/form-page.wxml
@@ -0,0 +1,33 @@
+<view class="weui-form">
+    <block wx:if="{{title || subtitle}}">
+      <view class="weui-form__text-area">
+          <view class="weui-form__title">{{title}}</view>
+          <view class="weui-form__desc">{{subtitle}}</view>
+      </view>
+    </block>
+    <block wx:else>
+      <view class="weui-form__text-area">
+        <slot name="title"></slot>
+      </view>
+    </block>
+  <view class="weui-form__control-area">
+    <view class="weui-cells__group weui-cells__group_form">
+        <slot></slot>
+    </view>
+  </view>
+  <view class="weui-form__tips-area">
+    <slot name="tips"></slot>
+  </view>
+  <view class="weui-form__opr-area">
+    <slot name="button"></slot>
+  </view>
+  <view class="weui-form__tips-area">
+    <slot name="suffixtips"></slot>
+  </view>
+  <view class="weui-form__extra-area">
+    <view class="weui-footer">
+      <slot name="footer"></slot>
+    </view>
+  </view>
+</view>
+
diff --git a/miniprogram_npm/weui-miniprogram/form-page/form-page.wxss b/miniprogram_npm/weui-miniprogram/form-page/form-page.wxss
new file mode 100644
index 0000000..dcc182d
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/form-page/form-page.wxss
@@ -0,0 +1 @@
+.weui-cells__group_form:first-child .weui-cells__title{margin-top:0}.weui-cells__group_form .weui-cells__title{margin-top:24px;margin-bottom:8px;padding:0 32px}.weui-cells__group_form .weui-cells:before,.weui-cells__group_form .weui-cell:before{left:32px;right:32px}.weui-cells__group_form .weui-cells_checkbox .weui-check__label:before{left:72px}.weui-cells__group_form .weui-cells:after{left:32px;right:32px}.weui-cells__group_form .weui-cell{padding:16px 32px;color:rgba(0,0,0,0.9)}.weui-cells__group_form .weui-cell__hd{padding-right:16px}.weui-cells__group_form .weui-cell__ft{padding-left:16px}.weui-cells__group_form .weui-cell_warn input{color:#FA5151}.weui-cells__group_form .weui-label{max-width:5em;margin-right:8px}.weui-cells__group_form .weui-cells__tips{margin-top:8px;padding:0 32px;color:rgba(0,0,0,0.3)}.weui-cells__group_form .weui-cells__tips a{font-weight:700}.weui-cells__group_form .weui-cell_vcode{padding:12px 32px}.weui-cells__group_form .weui-vcode-btn{font-size:16px;padding:0 12px;margin-left:0;height:auto;width:auto;line-height:2em;color:#06AE56;background-color:#F2F2F2}.weui-cells__group_form .weui-vcode-btn:before{display:none}.weui-cells__group_form .weui-cell_select{padding:0}.weui-cells__group_form .weui-cell_select .weui-select{padding:0 32px}.weui-cells__group_form .weui-cell_select .weui-cell__bd:after{right:32px}.weui-cells__group_form .weui-cell_select-before .weui-label{margin-right:24px}.weui-cells__group_form .weui-cell_select-before .weui-select{padding-right:24px;box-sizing:initial}.weui-cells__group_form .weui-cell_select-after{padding-left:32px}.weui-cells__group_form .weui-cell_select-after .weui-select{padding-left:0}.weui-cells__group_form .weui-cell_switch{padding:12px 32px}.weui-cells__group_wxss.weui-cells__group_wxss .weui-cells__title{margin-top:24px}.weui-form{padding:56px 0 0;padding:calc(56px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:calc(56px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column;min-height:100%;box-sizing:border-box;line-height:1.4;background-color:#FFFFFF}.weui-form a:not(.weui-btn){color:#576B95}.weui-form .weui-footer,.weui-form .weui-footer__link{font-size:12px}.weui-form .weui-agree{padding:0}.weui-form__text-area{padding:0 32px;color:rgba(0,0,0,0.9);text-align:center}.weui-form__control-area{flex:1;margin:48px 0}.weui-form__tips-area,.weui-form__extra-area{margin-bottom:24px;text-align:center}.weui-form__opr-area{margin-bottom:64px}.weui-form__opr-area:last-child{margin-bottom:96px}.weui-form__title{font-size:22px;font-weight:700;line-height:1.36}.weui-form__desc{font-size:17px;margin-top:16px}.weui-form__tips{color:rgba(0,0,0,0.5);font-size:12px}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/form/form.js b/miniprogram_npm/weui-miniprogram/form/form.js
new file mode 100644
index 0000000..a61d4b4
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/form/form.js
@@ -0,0 +1,591 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 4);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.diff = function (old, newVal) {
+    if (!old && newVal || old && !newVal) return true;
+    for (var k in newVal) {
+        if (old[k] !== newVal[k]) return true;
+    }
+    for (var _k in old) {
+        if (old[_k] !== newVal[_k]) return true;
+    }
+    return false;
+};
+exports.diffObject = function (old, newVal) {
+    if (!old && newVal) return newVal;
+    if (!newVal && old) return old;
+    var diffObj = {};
+    var isDiff = false;
+    for (var k in newVal) {
+        if (old[k] !== newVal[k]) {
+            isDiff = true;
+            diffObj[k] = newVal[k];
+        }
+    }
+    for (var _k2 in old) {
+        if (old[_k2] !== newVal[_k2]) {
+            isDiff = true;
+            diffObj[_k2] = newVal[_k2];
+        }
+    }
+    return isDiff ? diffObj : null;
+};
+
+/***/ }),
+/* 1 */,
+/* 2 */,
+/* 3 */,
+/* 4 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var form_validator_1 = __webpack_require__(5);
+var object_1 = __webpack_require__(0);
+function linked(target) {
+    if (target.data.prop) {
+        this.data.formItems[target.data.prop] = target;
+    }
+    if (target.setInForm) {
+        target.setInForm();
+    }
+    if (!this.data.firstItem) {
+        this.data.firstItem = target;
+    }
+    if (target !== this.data.firstItem) {}
+}
+function unlinked(target) {
+    if (target.data.prop) {
+        delete this.data.formItems[target.data.prop];
+    }
+}
+Component({
+    properties: {
+        models: {
+            type: Object,
+            value: {},
+            observer: '_modelChange'
+        },
+        rules: {
+            type: Array,
+            value: [],
+            observer: '_rulesChange'
+        },
+        extClass: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {
+        errors: {},
+        formItems: {},
+        firstItem: null
+    },
+    relations: {
+        '../cell/cell': {
+            type: 'descendant',
+            linked: linked,
+            unlinked: unlinked
+        },
+        '../checkbox-group/checkbox-group': {
+            type: 'descendant',
+            linked: linked,
+            unlinked: unlinked
+        }
+    },
+    attached: function attached() {
+        this.initRules();
+        this.formValidator = new form_validator_1.default(this.data.models, this.data.newRules);
+    },
+
+    methods: {
+        initRules: function initRules(rules) {
+            var newRules = {};
+            (rules || this.data.rules).forEach(function (rule) {
+                if (rule.name && rule.rules) {
+                    newRules[rule.name] = rule.rules || [];
+                }
+            });
+            this.setData({ newRules: newRules });
+            return newRules;
+        },
+        _modelChange: function _modelChange(newVal, oldVal, path) {
+            var _this = this;
+
+            if (!this.isInit) {
+                this.isInit = true;
+                return newVal;
+            }
+            this.formValidator.setModel(newVal);
+            this.isInit = true;
+            var diffObj = object_1.diffObject(oldVal, newVal);
+            if (diffObj) {
+                (function () {
+                    var isValid = true;
+                    var errors = [];
+                    var errorMap = {};
+
+                    var _loop = function _loop(k) {
+                        _this.formValidator.validateField(k, diffObj[k], function (isValided, error) {
+                            if (error && error[k]) {
+                                errors.push(error[k]);
+                                errorMap[k] = error[k];
+                            }
+                            isValid = isValided;
+                        });
+                    };
+
+                    for (var k in diffObj) {
+                        _loop(k);
+                    }
+                    _this._showErrors(diffObj, errorMap);
+                    _this.triggerEvent(isValid ? 'success' : 'fail', isValid ? { trigger: 'change' } : { errors: errors, trigger: 'change' });
+                })();
+            }
+            return newVal;
+        },
+        _rulesChange: function _rulesChange(newVal) {
+            var newRules = this.initRules(newVal);
+            if (this.formValidator) {
+                this.formValidator.setRules(newRules);
+            }
+            return newVal;
+        },
+        _showAllErrors: function _showAllErrors(errors) {
+            for (var k in this.data.newRules) {
+                this._showError(k, errors && errors[k]);
+            }
+        },
+        _showErrors: function _showErrors(objs, errors) {
+            for (var k in objs) {
+                this._showError(k, errors && errors[k]);
+            }
+        },
+        _showError: function _showError(prop, error) {
+            var formItem = this.data.formItems[prop];
+            if (formItem && formItem.data.showError) {
+                formItem.setError(error);
+            }
+        },
+        validate: function validate(cb) {
+            var _this2 = this;
+
+            return this.formValidator.validate(function (isValid, errors) {
+                _this2._showAllErrors(errors);
+                var handleError = _this2.handleErrors(errors);
+                _this2.triggerEvent(isValid ? 'success' : 'fail', isValid ? { trigger: 'validate' } : { errors: handleError, trigger: 'validate' });
+                cb && cb(isValid, handleError);
+            });
+        },
+        validateField: function validateField(name, value) {
+            var _this3 = this;
+
+            var cb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (v) {
+                var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+            };
+
+            return this.formValidator.validateField(name, value, function (isValid, errors) {
+                _this3._showError(name, errors);
+                var handleError = _this3.handleErrors(errors);
+                _this3.triggerEvent(isValid ? 'success' : 'fail', isValid ? { trigger: 'validate' } : { errors: handleError, trigger: 'validate' });
+                cb && cb(isValid, handleError);
+            });
+        },
+        handleErrors: function handleErrors(errors) {
+            if (errors) {
+                var newErrors = [];
+                this.data.rules.forEach(function (rule) {
+                    if (errors[rule.name]) {
+                        errors[rule.name].name = rule.name;
+                        newErrors.push(errors[rule.name]);
+                    }
+                });
+                return newErrors;
+            }
+            return errors;
+        },
+        addMethod: function addMethod(ruleName, method) {
+            return this.formValidator.addMethod(ruleName, method);
+        }
+    }
+});
+exports.default = form_validator_1.default;
+
+/***/ }),
+/* 5 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var validator_1 = __webpack_require__(6);
+var object_1 = __webpack_require__(0);
+var toString = Object.prototype.toString;
+var validateSingleRule = function validateSingleRule(rule, value) {
+    var param = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    var models = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
+    var message = '';
+    for (var ruleKey in rule) {
+        if (ruleKey === 'name' || ruleKey === 'message') continue;
+        var validateMethod = typeof rule.validator !== 'undefined' ? rule.validator : validator_1.default[ruleKey];
+        if (typeof validateMethod === 'function') {
+            message = validateMethod(rule, value, param, models);
+            if (message) {
+                return message;
+            }
+        }
+    }
+    return message;
+};
+
+var FormValidator = function () {
+    function FormValidator(models, rules) {
+        _classCallCheck(this, FormValidator);
+
+        this.models = models;
+        this.rules = rules;
+        this.errors = {};
+    }
+
+    FormValidator.prototype.validate = function validate(cb) {
+        var _this = this;
+
+        return new Promise(function (resolve) {
+            var fieldCount = 0;
+            var failCount = 0;
+            var errors = _this.errors;
+            var models = _this.models;
+            var errorChanged = false;
+
+            var _loop = function _loop(k) {
+                (function (fieldName) {
+                    var oldError = errors[fieldName];
+                    _this._innerValidateField(k, models[fieldName], function (valid, newError) {
+                        fieldCount++;
+                        if (!valid) failCount++;
+                        if (object_1.diff(oldError, newError)) {
+                            errors[fieldName] = newError;
+                            errorChanged = true;
+                        }
+                    });
+                })(k);
+            };
+
+            for (var k in _this.rules) {
+                _loop(k);
+            }
+            if (errorChanged) {}
+            var keys = Object.keys(errors);
+            keys.forEach(function (key) {
+                if (!errors[key]) delete errors[key];
+            });
+            resolve({ isValid: !failCount, errors: failCount ? errors : undefined });
+            cb && cb(!failCount, failCount ? errors : undefined);
+        });
+    };
+
+    FormValidator.prototype.validateField = function validateField(name, value) {
+        var _this2 = this;
+
+        var cb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (v) {
+            var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+        };
+
+        return new Promise(function (resolve) {
+            _this2._innerValidateField(name, value, function (valid, error) {
+                var errObj = {};
+                errObj[name] = error;
+                resolve({ valid: valid, error: valid ? undefined : error });
+                cb(valid, valid ? undefined : errObj);
+                var oldError = _this2.errors[name];
+                var errorChanged = object_1.diff(oldError, error);
+                if (errorChanged) {
+                    if (!error) delete _this2.errors[name];
+                    _this2.errors[name] = error;
+                }
+            });
+        });
+    };
+
+    FormValidator.prototype._innerValidateField = function _innerValidateField(name, value) {
+        var cb = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : function (v) {
+            var errors = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+        };
+
+        var rules = this.rules[name];
+        if (!rules) {
+            console.warn("[form-validtor] rule name " + name + " not exists.");
+            cb(true);
+            return;
+        }
+        if (typeof value === 'function') {
+            cb = value;
+            value = undefined;
+        }
+        var isFail = false;
+        var models = this.models;
+        if (toString.call(rules) === '[object Array]') {
+            rules.forEach(function (rule) {
+                rule.name = name;
+                var resMessage = validateSingleRule(rule, value || models[name], rule.param, models);
+                if (resMessage && !isFail) {
+                    isFail = true;
+                    var error = resMessage ? { message: resMessage, rule: rule } : undefined;
+                    cb(false, error);
+                }
+            });
+            if (!isFail) {
+                cb(!isFail);
+            }
+        } else {
+            var rule = rules;
+            rule.name = name;
+            var resMessage = validateSingleRule(rule, value || models[name], rule.param, models);
+            var error = resMessage ? { message: resMessage, rule: rule } : undefined;
+            if (resMessage) {
+                isFail = true;
+            }
+            cb(!isFail, error);
+        }
+    };
+
+    FormValidator.prototype.addMethod = function addMethod(ruleName, method) {
+        validator_1.default[ruleName] = method;
+    };
+
+    FormValidator.prototype.setModel = function setModel(newModel) {
+        this.models = newModel;
+    };
+
+    FormValidator.prototype.setRules = function setRules(newRules) {
+        this.rules = newRules;
+    };
+
+    return FormValidator;
+}();
+
+exports.default = FormValidator;
+
+/***/ }),
+/* 6 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var string_1 = __webpack_require__(7);
+var defaultMessage = {
+    required: '%s必填',
+    minlength: '长度最少为%s',
+    maxlength: '长度最大为%s',
+    rangelength: '长度在%s和%s之间',
+    bytelength: '最多只能输入%s个字',
+    min: '值最小为%s',
+    max: '值最大为%s',
+    range: '值的范围为%s和%s之间',
+    mobile: '请输入正确的手机号',
+    email: '请输入正确的电子邮件',
+    url: '请输入正确的URL地址',
+    equalTo: '值和字段%s不相等'
+};
+exports.default = {
+    required: function required(r, val, param, models) {
+        if (r.required === false) return;
+        if (!val) return string_1.sprintf(r.message || defaultMessage.required, r.name);
+    },
+    minlength: function minlength(r, val) {
+        var minlen = r.minlength;
+        val = val || '';
+        if (val.length < minlen) return string_1.sprintf(r.message || defaultMessage.minlength, minlen);
+    },
+    maxlength: function maxlength(r, val) {
+        var maxlen = r.maxlength;
+        val = val || '';
+        if (val.length > maxlen) return string_1.sprintf(r.message || defaultMessage.maxlength, maxlen);
+    },
+    rangelength: function rangelength(r, val) {
+        var range = r.range;
+        val = val || '';
+        if (val.length > range[1] || val.length < range[0]) return string_1.sprintf(r.message || defaultMessage.rangelength, range[0], range[1]);
+    },
+    min: function min(r, val) {
+        var min = r.min;
+        if (val < min) return string_1.sprintf(r.message || defaultMessage.min, min);
+    },
+    max: function max(r, val) {
+        var max = r.max;
+        if (val > max) return string_1.sprintf(r.message || defaultMessage.max, max);
+    },
+    range: function range(r, val) {
+        var range = r.range;
+        if (val < range[0] || val > range[1]) return string_1.sprintf(r.message || defaultMessage.range, range[0], range[1]);
+    },
+    mobile: function mobile(r, val) {
+        if (r.mobile === false) return;
+        val = val || '';
+        if (val.length !== 11) return string_1.sprintf(r.message || defaultMessage.mobile);
+    },
+    email: function email(r, value) {
+        if (r.email === false) return;
+        if (!/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(value)) {
+            return string_1.sprintf(r.message || defaultMessage.email);
+        }
+    },
+    url: function url(r, value) {
+        if (r.url === false) return;
+        if (!/^(https?|s?ftp|weixin):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value)) {
+            return r.message || defaultMessage.url;
+        }
+    },
+    equalTo: function equalTo(r, value, param, models) {
+        var equalTo = r.equalTo;
+        if (value !== models[equalTo]) return string_1.sprintf(r.message || defaultMessage.equalTo, r.name);
+    },
+    bytelength: function bytelength(r, value, param, models) {
+        param = r.param;
+        var len = value.replace(/[^\x00-\xff]/g, '**').length;
+        if (len > param) return string_1.sprintf(r.message || defaultMessage.bytelength, param);
+    }
+};
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sprintf = function () {
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+    }
+
+    var i = void 0;
+    var result = args[0] || '';
+    var para = void 0;
+    var reg = void 0;
+    var length = args.length - 1;
+    if (length < 1) {
+        return result;
+    }
+    i = 1;
+    while (i < length + 1) {
+        result = result.replace(/%s/, '{#' + i + '#}');
+        i++;
+    }
+    result.replace('%s', '');
+    i = 1;
+    while (true) {
+        para = args[i];
+        if (para === undefined) {
+            break;
+        }
+        reg = new RegExp('{#' + i + '#}', 'g');
+        result = result.replace(reg, para);
+        i++;
+    }
+    return result;
+};
+
+/***/ })
+/******/ ]);
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/form/form.json b/miniprogram_npm/weui-miniprogram/form/form.json
new file mode 100644
index 0000000..7e37c03
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/form/form.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/form/form.wxml b/miniprogram_npm/weui-miniprogram/form/form.wxml
new file mode 100644
index 0000000..d58aa4d
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/form/form.wxml
@@ -0,0 +1,3 @@
+<view class="{{extClass}}">
+    <slot></slot>
+</view>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/gallery/gallery.js b/miniprogram_npm/weui-miniprogram/gallery/gallery.js
new file mode 100644
index 0000000..4d14d2e
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/gallery/gallery.js
@@ -0,0 +1,172 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 21);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 21:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        imgUrls: {
+            type: Array,
+            value: [],
+            observer: function observer(newVal, oldVal, changedPath) {
+                this.setData({ currentImgs: newVal });
+            }
+        },
+        showDelete: {
+            type: Boolean,
+            value: true
+        },
+        show: {
+            type: Boolean,
+            value: true
+        },
+        current: {
+            type: Number,
+            value: 0
+        },
+        hideOnClick: {
+            type: Boolean,
+            value: true
+        },
+        extClass: {
+            type: Boolean,
+            value: ''
+        }
+    },
+    data: {
+        currentImgs: []
+    },
+    ready: function ready() {
+        var data = this.data;
+        this.setData({ currentImgs: data.imgUrls });
+    },
+
+    methods: {
+        change: function change(e) {
+            this.setData({
+                current: e.detail.current
+            });
+            this.triggerEvent('change', { current: e.detail.current }, {});
+        },
+        deleteImg: function deleteImg() {
+            var data = this.data;
+            var imgs = data.currentImgs;
+            var url = imgs.splice(data.current, 1);
+            this.triggerEvent('delete', { url: url[0], index: data.current }, {});
+            if (imgs.length === 0) {
+                this.hideGallery();
+                return;
+            }
+            this.setData({
+                current: 0,
+                currentImgs: imgs
+            });
+        },
+        hideGallery: function hideGallery() {
+            var data = this.data;
+            if (data.hideOnClick) {
+                this.setData({
+                    show: false
+                });
+                this.triggerEvent('hide', {}, {});
+            }
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/gallery/gallery.json b/miniprogram_npm/weui-miniprogram/gallery/gallery.json
new file mode 100644
index 0000000..7e37c03
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/gallery/gallery.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/gallery/gallery.wxml b/miniprogram_npm/weui-miniprogram/gallery/gallery.wxml
new file mode 100644
index 0000000..2529a71
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/gallery/gallery.wxml
@@ -0,0 +1,13 @@
+<view class="weui-gallery {{show ? 'weui-gallery_show' : ''}} {{extClass}}">
+  <view class="weui-gallery__info">{{current+1}}/{{currentImgs.length}}</view>
+  <swiper class="weui-gallery__img__wrp" bindtap="hideGallery" indicator-dots="{{false}}" bindchange="change" current="{{current}}" autoplay="{{false}}" duration="{{500}}">
+    <block wx:for="{{currentImgs}}" wx:key="{{item + '-' +index}}">
+      <swiper-item>
+        <image mode="aspectFit" class="weui-gallery__img" src="{{item}}"></image>
+      </swiper-item>
+    </block>
+  </swiper>
+  <view class="weui-gallery__opr" wx:if="{{showDelete}}">
+    <navigator href="javascript:" bindtap="deleteImg" class="weui-gallery__del">删除</navigator>
+  </view>
+</view>
diff --git a/miniprogram_npm/weui-miniprogram/gallery/gallery.wxss b/miniprogram_npm/weui-miniprogram/gallery/gallery.wxss
new file mode 100644
index 0000000..5e6caa4
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/gallery/gallery.wxss
@@ -0,0 +1 @@
+.weui-gallery{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000;z-index:1000;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;opacity:0;visibility:hidden;transition:opacity .3s}.weui-gallery_show{display:-webkit-box;display:-webkit-flex;display:flex;visibility:visible;opacity:1}.weui-gallery__img__wrp{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;font-size:0}.weui-gallery__img{background:center center no-repeat;background-size:contain;position:absoulte;width:100%;height:100%}.weui-gallery__opr{background-color:#0D0D0D;color:#FFFFFF;line-height:60px;min-height:60px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.weui-gallery__opr navigator{color:#FFFFFF}.weui-gallery__del{display:block}.weui-gallery__info{color:#FFFFFF;font-size:17px;line-height:60px;min-height:60px;text-align:center}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.js b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.js
new file mode 100644
index 0000000..9f7c6eb
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.js
@@ -0,0 +1,165 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 17);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 17:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        multipleSlots: true,
+        addGlobalClass: true
+    },
+    properties: {
+        closabled: {
+            type: Boolean,
+            value: true
+        },
+        title: {
+            type: String,
+            value: ''
+        },
+        subTitle: {
+            type: String,
+            value: ''
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        desc: {
+            type: String,
+            value: ''
+        },
+        tips: {
+            type: String,
+            value: ''
+        },
+        maskClosable: {
+            type: Boolean,
+            value: true
+        },
+        mask: {
+            type: Boolean,
+            value: true
+        },
+        show: {
+            type: Boolean,
+            value: false,
+            observer: '_showChange'
+        },
+        buttons: {
+            type: Array,
+            value: []
+        }
+    },
+    methods: {
+        close: function close(e) {
+            var type = e.currentTarget.dataset.type;
+
+            if (this.data.maskClosable || type === 'close') {
+                this.setData({
+                    show: false
+                });
+                this.triggerEvent('close');
+            }
+        },
+        buttonTap: function buttonTap(e) {
+            var index = e.currentTarget.dataset.index;
+
+            this.triggerEvent('buttontap', { index: index, item: this.data.buttons[index] }, {});
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.json b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.wxml b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.wxml
new file mode 100644
index 0000000..7a74a5c
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.wxml
@@ -0,0 +1,43 @@
+<view class="{{show ? 'weui-show' :'weui-hidden'}}"> 
+  <view class="weui-mask init" wx:if="{{mask}}" bindtap="close" data-type="tap"></view>
+  <view class="weui-half-screen-dialog {{extClass}}">
+    <view class="weui-half-screen-dialog__hd">
+      <view wx:if="{{closabled}}" class="weui-half-screen-dialog__hd__side" bindtap="close" data-type="close">
+        <view class="weui-icon-btn weui-icon-btn_close">关闭</view>
+      </view>
+      <view class="weui-half-screen-dialog__hd__main">
+        <block wx:if="{{title}}">
+          <text class="weui-half-screen-dialog__title">{{title}}</text>
+          <text class="weui-half-screen-dialog__subtitle">{{subTitle}}</text>
+        </block>
+        <block wx:else>
+          <view class="weui-half-screen-dialog__title"><slot name="title"></slot></view>
+        </block>
+      </view>
+      <view class="weui-half-screen-dialog__hd__side">
+        <view class="weui-icon-btn weui-icon-btn_more">更多</view>
+      </view>
+    </view>
+    <view class="weui-half-screen-dialog__bd">
+      <block wx:if="{{title}}">
+        <view class="weui-half-screen-dialog__desc">{{desc}}</view>
+        <view class="weui-half-screen-dialog__tips">{{tips}}</view>
+      </block>
+      <slot name="desc" wx:else></slot>
+    </view>
+    <view class="weui-half-screen-dialog__ft">
+      <block wx:if="{{buttons && buttons.length}}">
+        <button 
+          wx:for="{{buttons}}" 
+          wx:key="{{item.text + item.index}}"
+          type="{{item.type}}" 
+          class="weui-btn {{item.className}}" 
+          data-index="{{index}}" 
+          bindtap="buttonTap"
+        >{{item.text}}</button>
+        <!-- <view wx:for="{{buttons}}" class="weui-dialog__btn {{}} {{item.extClass}}" ></view> -->
+      </block>
+      <slot name="footer" wx:else></slot>
+    </view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.wxss b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.wxss
new file mode 100644
index 0000000..93f2fe2
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/half-screen-dialog/half-screen-dialog.wxss
@@ -0,0 +1 @@
+.weui-half-screen-dialog{position:fixed;left:0;right:0;bottom:0;max-height:75%;z-index:5000;line-height:1.4;background-color:#FFFFFF;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left))}.weui-half-screen-dialog__hd{font-size:8px;height:8em;display:flex;align-items:center}.weui-half-screen-dialog__hd .weui-icon-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.weui-half-screen-dialog__hd__side{position:relative;left:-8px}.weui-half-screen-dialog__hd__main{flex:1}.weui-half-screen-dialog__hd__side+.weui-half-screen-dialog__hd__main{text-align:center;padding:0 40px}.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side{right:-8px;left:auto}.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-icon-btn{right:0}.weui-half-screen-dialog__title{display:block;color:rgba(0,0,0,0.9);font-weight:700;font-size:15px}.weui-half-screen-dialog__subtitle{display:block;color:rgba(0,0,0,0.5);font-size:10px}.weui-half-screen-dialog__bd{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-y:auto}.weui-half-screen-dialog__desc{padding-top:4px;font-size:17px;font-weight:700;color:rgba(0,0,0,0.9);line-height:1.4}.weui-half-screen-dialog__tips{padding-top:16px;font-size:14px;color:rgba(0,0,0,0.3);line-height:1.4}.weui-half-screen-dialog__ft{padding:40px 24px 32px;text-align:center}.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2)+.weui-btn{display:inline-block;vertical-align:top;margin:0 8px;width:120px}.weui-icon-btn{background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;border:0;outline:0;font-size:0}.weui-icon-btn_goback{width:12px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(-16 -20)'%3E    %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E    %3Cpath fill='%23000' fill-opacity='.9' d='M26 39.438L24.955 40.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42l7.666-7.79L26 24.563 18.682 32 26 39.438z'/%3E  %3C/g%3E%3C/svg%3E")}.weui-icon-btn_close{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cdefs%3E    %3Cpath id='33cf2e7b-22e9-42d7-9c56-a9f4a4e03565-a' d='M8 6.943L1.807.75.75 1.807 6.943 8 .75 14.193l1.057 1.057L8 9.057l6.193 6.193 1.057-1.057L9.057 8l6.193-6.193L14.193.75z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(-16 -20)'%3E    %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E    %3Cuse fill='%23000' fill-opacity='.9' transform='translate(20 24)' xlink:href='%2333cf2e7b-22e9-42d7-9c56-a9f4a4e03565-a'/%3E  %3C/g%3E%3C/svg%3E")}.weui-icon-btn_more{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(-374 -20)'%3E    %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E    %3Cpath fill='%23000' fill-opacity='.9' d='M380.75 32a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0zm5.25-1.75a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E  %3C/g%3E%3C/svg%3E")}.weui-mask{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.6)}.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-mask,.weui-half-screen-dialog{transition:all .3s}.weui-hidden .weui-mask{visibility:hidden;opacity:0}.weui-hidden .weui-half-screen-dialog{transform:translateY(100%)}.weui-show .weui-mask{opacity:1;visibility:visible}.weui-show .weui-half-screen-dialog{transform:translateY(0%)}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/icon/icon.js b/miniprogram_npm/weui-miniprogram/icon/icon.js
new file mode 100644
index 0000000..4b030ed
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/icon/icon.js
@@ -0,0 +1,295 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 10);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 10:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var base64_1 = __webpack_require__(11);
+var icondata_1 = __webpack_require__(12);
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        extClass: {
+            type: String,
+            value: ''
+        },
+        type: {
+            type: String,
+            value: 'outline',
+            observer: '_genSrcByType'
+        },
+        icon: {
+            type: String,
+            value: '',
+            observer: '_genSrcByIcon'
+        },
+        size: {
+            type: Number,
+            value: 20
+        },
+        color: {
+            type: String,
+            value: '#000000'
+        }
+    },
+    data: {
+        src: '',
+        height: 20,
+        width: 20
+    },
+    methods: {
+        _genSrcByIcon: function _genSrcByIcon(v) {
+            this._genSrc(icondata_1.default[v][this.data.type]);
+        },
+        _genSrcByType: function _genSrcByType(v) {
+            this._genSrc(icondata_1.default[this.data.icon][v]);
+        },
+        _genSrc: function _genSrc(rawData) {
+            if (!rawData) return;
+            var base64 = base64_1.default.encode(rawData);
+            this.setData({
+                src: 'data:image/svg+xml;base64,' + base64
+            });
+        }
+    }
+});
+
+/***/ }),
+
+/***/ 11:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+var b64chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
+var cb_encode = function cb_encode(ccc) {
+    var padlen = [0, 2, 1][ccc.length % 3],
+        ord = ccc.charCodeAt(0) << 16 | (ccc.length > 1 ? ccc.charCodeAt(1) : 0) << 8 | (ccc.length > 2 ? ccc.charCodeAt(2) : 0),
+        chars = [b64chars.charAt(ord >>> 18), b64chars.charAt(ord >>> 12 & 63), padlen >= 2 ? '=' : b64chars.charAt(ord >>> 6 & 63), padlen >= 1 ? '=' : b64chars.charAt(ord & 63)];
+    return chars.join('');
+};
+var btoa = global.btoa ? function (b) {
+    return global.btoa(b);
+} : function (b) {
+    return b.replace(/[\s\S]{1,3}/g, cb_encode);
+};
+var fromCharCode = String.fromCharCode;
+var cb_utob = function cb_utob(c) {
+    var cc;
+    if (c.length < 2) {
+        cc = c.charCodeAt(0);
+        return cc < 0x80 ? c : cc < 0x800 ? fromCharCode(0xc0 | cc >>> 6) + fromCharCode(0x80 | cc & 0x3f) : fromCharCode(0xe0 | cc >>> 12 & 0x0f) + fromCharCode(0x80 | cc >>> 6 & 0x3f) + fromCharCode(0x80 | cc & 0x3f);
+    } else {
+        cc = 0x10000 + (c.charCodeAt(0) - 0xD800) * 0x400 + (c.charCodeAt(1) - 0xDC00);
+        return fromCharCode(0xf0 | cc >>> 18 & 0x07) + fromCharCode(0x80 | cc >>> 12 & 0x3f) + fromCharCode(0x80 | cc >>> 6 & 0x3f) + fromCharCode(0x80 | cc & 0x3f);
+    }
+};
+var re_utob = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g;
+var utob = function utob(u) {
+    return u.replace(re_utob, cb_utob);
+};
+var _encode = function _encode(u) {
+    var isUint8Array = Object.prototype.toString.call(u) === '[object Uint8Array]';
+    return isUint8Array ? u.toString('base64') : btoa(utob(String(u)));
+};
+var encode = function encode(u) {
+    var urisafe = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+    return !urisafe ? _encode(u) : _encode(String(u)).replace(/[+\/]/g, function (m0) {
+        return m0 == '+' ? '-' : '_';
+    }).replace(/=/g, '');
+};
+exports.default = {
+    encode: encode
+};
+
+/***/ }),
+
+/***/ 12:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "add-friends": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><title>3.Icons/Outlined/add-friends</title><desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/add-friends\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon13\" transform=\"translate(1.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M6.83191269,9.35013798 C6.09631763,8.47828515 5.5,6.84949648 5.5,5.70929053 L5.5,3.99958038 C5.5,1.79067313 7.29535615,0 9.5,0 C11.709139,0 13.5,1.79298022 13.5,4.00020747 L13.5,5.71018568 C13.5,6.84929595 12.9009324,8.48286035 12.1680872,9.35157303 L11.8065546,9.78013273 C11.2170324,10.4789507 11.4011877,11.3683976 12.225549,11.7705104 L17.8859024,14.5315576 C18.5012015,14.8316925 19,15.6251701 19,16.3154633 L19,17.0015619 C19,17.552984 18.5490746,18 17.9985704,18 L1.00142961,18 C0.448355308,18 0,17.5557555 0,17.0015619 L0,16.3154633 C0,15.6303744 0.498150907,14.8319079 1.11409761,14.5313327 L6.77445076,11.769143 C7.59537712,11.36854 7.78625906,10.4812624 7.19344522,9.7786389 L6.83191269,9.35013798 Z M1.2,16.8 L17.8,16.8 L17.8,16.3154633 C17.8,16.0860594 17.564679,15.7100199 17.3598095,15.6100873 L11.6994561,12.8490401 C10.1728743,12.1043932 9.79557277,10.302913 10.8893366,9.00636847 L11.2508692,8.57780877 C11.802195,7.92426863 12.3,6.56439093 12.3,5.71018568 L12.3,4.00020747 C12.3,2.4549142 11.0455898,1.2 9.5,1.2 C7.95630885,1.2 6.7,2.4552027 6.7,3.99958038 L6.7,5.70929053 C6.7,6.56566389 7.19574673,7.92048381 7.74907842,8.57631176 L8.11061095,9.00481267 C9.20663642,10.3038601 8.82521432,12.1036503 7.30071945,12.8475869 L1.6403663,15.6097766 C1.43701709,15.7090088 1.2,16.0886771 1.2,16.3154633 L1.2,16.8 Z M17.8999939,7.8999939 L17.8999939,5 L19.0999939,5 L19.0999939,7.8999939 L22,7.8999939 L22,9.09999394 L19.0999939,9.09999394 L19.0999939,12 L17.8999939,12 L17.8999939,9.09999394 L15,9.09999394 L15,7.8999939 L17.8999939,7.8999939 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/add-friends</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/add-friends\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon13\" fill=\"#000000\">            <path d=\"M18.7499939,10.75 L18.7499939,8 L20.2499939,8 L20.2499939,10.75 L23,10.75 L23,12.25 L20.2499939,12.25 L20.2499939,15 L18.7499939,15 L18.7499939,12.25 L16,12.25 L16,11.5 L16,10.75 L18.7499939,10.75 Z M7.83191269,12.350138 C7.09631763,11.4782852 6.5,9.84949648 6.5,8.70929053 L6.5,6.99958038 C6.5,4.79067313 8.29535615,3 10.5,3 C12.709139,3 14.5,4.79298022 14.5,7.00020747 L14.5,8.71018568 C14.5,9.84929595 13.9009324,11.4828603 13.1680872,12.351573 L12.8065546,12.7801327 C12.2170324,13.4789507 12.4011877,14.3683976 13.225549,14.7705104 L18.8859024,17.5315576 C19.5012015,17.8316925 20,18.6251701 20,19.3154633 L20,20.0015619 C20,20.552984 19.5490746,21 18.9985704,21 L2.00142961,21 C1.44835531,21 1,20.5557555 1,20.0015619 L1,19.3154633 C1,18.6303744 1.49815091,17.8319079 2.11409761,17.5313327 L7.77445076,14.769143 C8.59537712,14.36854 8.78625906,13.4812624 8.19344522,12.7786389 L7.83191269,12.350138 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "add": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/add</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/add\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M8.25,8.25 L8.25,0.5 L9.75,0.5 L9.75,8.25 L17.5,8.25 L17.5,9.75 L9.75,9.75 L9.75,17.5 L8.25,17.5 L8.25,9.75 L0.5,9.75 L0.5,8.25 L8.25,8.25 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/add</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/add\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_add\" transform=\"translate(4.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M7,7 L7,0 L9,0 L9,7 L16,7 L16,9 L9,9 L9,16 L7,16 L7,9 L0,9 L0,7 L7,7 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "add2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/add2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/add2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M9.3999939,9.3999939 L9.3999939,5 L10.5999939,5 L10.5999939,9.3999939 L15,9.3999939 L15,10.5999939 L10.5999939,10.5999939 L10.5999939,15 L9.3999939,15 L9.3999939,10.5999939 L5,10.5999939 L5,9.3999939 L9.3999939,9.3999939 Z M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/add2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/add2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon21\" fill=\"#000000\">            <path d=\"M11.25,11.25 L7,11.25 L7,12.75 L11.25,12.75 L11.25,17 L12.75,17 L12.75,12.75 L17,12.75 L17,11.25 L12.75,11.25 L12.75,7 L11.25,7 L11.25,11.25 Z M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "album": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/album</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/album\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_album\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M18.8,10.4088466 L18.8,1.2 L1.2,1.2 L1.2,10.0922199 L6.19924553,6.04925865 C6.66179904,5.67518501 7.40462562,5.69332718 7.85049542,6.08508368 L12.3269229,10.0182264 L14.6091025,8.07749766 C15.0713175,7.68443756 15.8067229,7.69242258 16.2554314,8.0950837 L18.8,10.4088466 Z M18.7999996,11.9936093 L15.4261838,8.95789191 L13.2379757,10.8187086 L14.5824388,12 L12.8111672,12 L7.00605625,6.94008323 L1.2,11.6355239 L1.2,14.8 L18.8,14.8 L18.8,11.9936092 Z M0.99180311,0 L19.0081969,0 C19.5446944,0 20,0.481137002 20,1.07464957 L20,14.9253504 C20,15.5211518 19.5559546,16 19.0081969,16 L0.99180311,16 C0.455305576,16 0,15.518863 0,14.9253504 L0,1.07464957 C0,0.478848219 0.444045377,0 0.99180311,0 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/album</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/album\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_album\" fill=\"#000000\">            <path d=\"M20.5,14.1360582 L20.5,5.5 L3.5,5.5 L3.5,13.8496056 L8.19924553,10.0492586 C8.66179904,9.67518501 9.40462562,9.69332718 9.85049542,10.0850837 L14.3269229,14.0182264 L16.6091025,12.0774977 C17.0713175,11.6844376 17.8067229,11.6924226 18.2554314,12.0950837 L20.5,14.1360582 Z M2.99180311,4 L21.0081969,4 C21.5446944,4 22,4.481137 22,5.07464957 L22,18.9253504 C22,19.5211518 21.5559546,20 21.0081969,20 L2.99180311,20 C2.45530558,20 2,19.518863 2,18.9253504 L2,5.07464957 C2,4.47884822 2.44404538,4 2.99180311,4 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "arrow": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"12px\" height=\"24px\" viewBox=\"0 0 12 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/arrow</title>    <desc>Created with Sketch.</desc>    <defs>        <path d=\"M7.58750873,12.4298916 L6.52684856,13.4905518 L0.747951526,7.71165473 C0.357826227,7.32152943 0.354365786,6.69247179 0.747951526,6.29888605 L6.52684856,0.519989014 L7.58750873,1.58064919 L2.16288753,7.00527039 L7.58750873,12.4298916 Z\" id=\"path-1\"></path>    </defs>    <g id=\"3.Icons/Outlined/arrow\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">        <g id=\"Group\" transform=\"translate(2.000000, 5.000000)\">            <mask id=\"mask-2\" fill=\"white\">                <use xlink:href=\"#path-1\"></use>            </mask>            <use id=\"\u56FE\u6807\u989C\u8272\" fill-opacity=\"0.9\" fill=\"#000000\" transform=\"translate(4.020784, 7.005270) rotate(-180.000000) translate(-4.020784, -7.005270) \" xlink:href=\"#path-1\"></use>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"12px\" height=\"24px\" viewBox=\"0 0 12 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/arrow</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/arrow\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(-2.000000, 5.000000)\" fill=\"#000000\">            <path d=\"M3,2.5039609 L11,2.5039609 L11,4.5039609 L4,4.5039609 L4,11.5039609 L2,11.5039609 L2,3.5039609 C2,2.95167615 2.44771525,2.5039609 3,2.5039609 Z\" id=\"\u56FE\u6807\u989C\u8272\" transform=\"translate(6.500000, 7.003961) rotate(135.000000) translate(-6.500000, -7.003961) \"></path>        </g>    </g></svg>" },
+    "at": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/at</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/at\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M9.26953125,6.1875 C7.5703125,6.1875 6.46875,7.62890625 6.46875,9.84375 C6.46875,12.046875 7.55859375,13.4765625 9.2578125,13.4765625 C10.9921875,13.4765625 12.1054688,12.0234375 12.1054688,9.78515625 C12.1054688,7.58203125 11.015625,6.1875 9.26953125,6.1875 Z M9.64453125,-3.67705866e-13 C14.779824,-3.67705866e-13 19.0195312,3.52734375 19.0195312,8.71875 C19.0195312,12.4453125 17.4726562,14.8359375 14.8945312,14.8359375 C13.5,14.8359375 12.3984375,13.9921875 12.2226562,12.6796875 L12.140625,12.6796875 C11.6132812,14.015625 10.5234375,14.7539062 9.0703125,14.7539062 C6.65625,14.7539062 5.015625,12.7617187 5.015625,9.80859375 C5.015625,6.92578125 6.6796875,4.93359375 9.0703125,4.93359375 C10.4296875,4.93359375 11.6132812,5.671875 12.046875,6.8203125 L12.1289062,6.8203125 L12.1289062,5.16796875 L13.4882812,5.16796875 L13.4882812,11.8710937 C13.4882812,12.9375 14.0507812,13.640625 15.1171875,13.640625 C16.6757812,13.640625 17.7421875,11.8476562 17.7421875,8.6953125 C17.7421875,4.21875 14.2381961,1.17570471 9.64453125,1.17570471 C5.05086641,1.17570471 1.2890625,4.52563768 1.2890625,9.7734375 C1.2890625,14.6481839 5.3031848,18.3632812 9.7734375,18.3632812 C11.3554688,18.3632812 12.8671875,18.1640625 13.6640625,17.8476562 L13.6640625,19.0078125 C12.7148438,19.3359375 11.3320312,19.5234375 9.76171875,19.5234375 C4.19794948,19.5234375 0,15.3256061 0,9.7265625 C0,4.12751891 4.50923846,-3.67705866e-13 9.64453125,-3.67705866e-13 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/at</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/at\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(1.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10.4648438,7.14453125 C9.22265625,7.14453125 8.484375,8.1640625 8.484375,9.875 C8.484375,11.5742188 9.22265625,12.6054688 10.453125,12.6054688 C11.71875,12.6054688 12.5039062,11.5625 12.5039062,9.875 C12.5039062,8.1875 11.71875,7.14453125 10.4648438,7.14453125 Z M10.8515625,0.01953125 C16.40625,0.01953125 20.3085938,3.51171875 20.3085938,8.7265625 C20.3085938,12.4179688 18.5625,14.796875 15.703125,14.796875 C14.25,14.796875 13.1367188,14.09375 12.8789062,12.9570312 L12.7148437,12.9570312 C12.234375,14.1289062 11.25,14.7617188 9.890625,14.7617188 C7.453125,14.7617188 5.82421875,12.78125 5.82421875,9.8046875 C5.82421875,6.95703125 7.4296875,5.01171875 9.7734375,5.01171875 C11.0390625,5.01171875 12.09375,5.64453125 12.5507812,6.67578125 L12.7148437,6.67578125 L12.7148437,5.26953125 L15.09375,5.26953125 L15.09375,11.5390625 C15.09375,12.3476562 15.46875,12.8632812 16.2070312,12.8632812 C17.3554688,12.8632812 18.1523438,11.3984375 18.1523438,8.90234375 C18.1523438,4.63671875 15.2109375,1.8828125 10.7695312,1.8828125 C6.2578125,1.8828125 3.09375,5.140625 3.09375,9.8515625 C3.09375,14.7851562 6.38671875,17.6679688 11.2148438,17.6679688 C12.46875,17.6679688 13.7460938,17.5039062 14.4140625,17.2578125 L14.4140625,19.1328125 C13.5,19.4023438 12.3046875,19.5664062 11.0390625,19.5664062 C5.109375,19.5664062 0.9375,15.8515625 0.9375,9.79296875 C0.9375,3.98046875 5.00390625,0.01953125 10.8515625,0.01953125 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "back": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"12px\" height=\"24px\" viewBox=\"0 0 12 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/back</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/back\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(1.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M9,16.4375 L7.95453228,17.5 L0.289492864,9.71008525 C-0.0963897671,9.317916 -0.0915538699,8.67716932 0.289492864,8.28991475 L7.95453228,0.5 L9,1.5625 L1.68172599,9 L9,16.4375 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"12px\" height=\"24px\" viewBox=\"0 0 12 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/back</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/back\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u56FE\u6807\u989C\u8272\" transform=\"translate(0.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M3.34314575,9 L10.4142136,16.0710678 L9,17.4852814 L1.22182541,9.70710678 C0.831301115,9.31658249 0.831301115,8.68341751 1.22182541,8.29289322 L9,0.514718626 L10.4142136,1.92893219 L3.34314575,9 Z\"></path>        </g>    </g></svg>" },
+    "back2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/back2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/back2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M11.998534,13.4375 L10.9530663,14.5 L7.29043516,10.7230029 C6.90322246,10.3236994 6.9031541,9.6763711 7.29043516,9.27699715 L10.9530663,5.5 L11.998534,6.5625 L8.68025999,10 L11.998534,13.4375 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/back2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/back2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M11.998534,13.4375 L8.68025999,10 L11.998534,6.5625 L10.9530663,5.5 L7.29043516,9.27699715 C6.9031541,9.6763711 6.90322246,10.3236994 7.29043516,10.7230029 L10.9530663,14.5 L11.998534,13.4375 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "bellring-off": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/bellring_off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/bellring_off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_mute\" fill=\"#000000\">            <path d=\"M18.8048808,17.107824 L22.4249789,20.7279221 L21.5764507,21.5764502 L4.84852868,4.84852817 L5.69705685,4 L7.60857571,5.91151886 C8.26739702,5.20419447 9.09506285,4.6562304 10.0273967,4.33180314 C10.0093774,4.22388264 10,4.11303643 10,4 C10,2.8954305 10.8954305,2 12,2 C13.1045695,2 14,2.8954305 14,4 C14,4.11303643 13.9906226,4.22388264 13.9726033,4.33180314 C16.317288,5.14769073 18,7.37733614 18,10 L18,14 C18,15.0359413 18.2682936,16.0718826 18.8048808,17.107824 Z M8.45731125,6.7602544 L16.9005511,15.2034943 C16.8336616,14.8040214 16.8,14.4027783 16.8,14 L16.8,10 C16.8,7.94086096 15.4913875,6.13087529 13.5782297,5.46514753 L12.6222987,5.13250909 L12.7889885,4.13417698 C12.7962818,4.09049657 12.8,4.04574037 12.8,4 C12.8,3.5581722 12.4418278,3.2 12,3.2 C11.5581722,3.2 11.2,3.5581722 11.2,4 C11.2,4.04574037 11.2037182,4.09049657 11.2110115,4.13417698 L11.3777013,5.13250909 L10.4217703,5.46514753 C9.65461156,5.73209825 8.9846599,6.18303836 8.45731125,6.7602544 Z M18.3029714,20.0000282 L12,20.0000282 L5.18670673,20.0000282 C4.97372563,20.0000282 4.76630774,19.9319983 4.59466757,19.8059007 C4.14960038,19.4789265 4.05386708,18.8530633 4.38084128,18.4079961 C5.46027096,16.9386502 6,15.4693251 6,14 L6,10 C6,9.30936012 6.11668844,8.64597429 6.33142549,8.02848234 L7.30447337,9.00153022 C7.23589042,9.32480971 7.2,9.65898818 7.2,10 L7.2,14 C7.2,15.6303277 6.64849214,17.2355113 5.57422114,18.8000266 L12.000005,18.8000266 L17.1029698,18.8000266 L18.3029714,20.0000282 Z M11,20 L13,20 L13,20.2 C13,20.7522848 12.5522847,21.2 12,21.2 C11.4477153,21.2 11,20.7522848 11,20.2 L11,20 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/bell-ring_off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/bell-ring_off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M14.4530995,14.3317792 L18.0918831,17.9705627 L17.0312229,19.0312229 L0.0606601718,2.06066017 L1.12132034,1 L3.81845045,3.69713011 C4.4398094,3.09318282 5.19153957,2.62265908 6.02739671,2.33180314 C6.0093774,2.22388264 6,2.11303643 6,2 C6,0.8954305 6.8954305,0 8,0 C9.1045695,0 10,0.8954305 10,2 C10,2.11303643 9.9906226,2.22388264 9.97260329,2.33180314 C12.317288,3.14769073 14,5.37733614 14,8 L14,12 C14,12.7772597 14.1510332,13.5545194 14.4530995,14.3317792 Z M13.8787079,18.0000282 L8,18.0000282 L1.18670673,18.0000282 C0.973725629,18.0000282 0.766307737,17.9319983 0.594667574,17.8059007 C0.149600376,17.4789265 0.0538670836,16.8530633 0.380841281,16.4079961 C1.46027096,14.9386502 2,13.4693251 2,12 L2,8 C2,7.42805163 2.08002731,6.87479463 2.22949529,6.35081564 L13.8787079,18.0000282 Z M7,18 L9,18 L9,18.2 C9,18.7522848 8.55228475,19.2 8,19.2 C7.44771525,19.2 7,18.7522848 7,18.2 L7,18 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "bellring-on": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/bellring_on</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/bellring_on\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M6,2 C6,0.8954305 6.8954305,0 8,0 C9.1045695,0 10,0.8954305 10,2 C10,2.11303643 9.9906226,2.22388264 9.97260329,2.33180314 C12.317288,3.14769073 14,5.37733614 14,8 L14,12 C14,13.4693091 14.5397173,14.9386183 15.619152,16.4079274 C15.7452557,16.5795777 15.8132606,16.7870072 15.8132606,17 C15.8132606,17.5523003 15.3655327,18.0000282 14.8132324,18.0000282 L8,18.0000282 L1.18670673,18.0000282 C0.973725629,18.0000282 0.766307737,17.9319983 0.594667574,17.8059007 C0.149600376,17.4789265 0.0538670836,16.8530633 0.380841281,16.4079961 C1.46027096,14.9386502 2,13.4693251 2,12 L2,8 C2,5.37733614 3.68271203,3.14769073 6.02739671,2.33180314 C6.0093774,2.22388264 6,2.11303643 6,2 Z M8.00000497,16.8000266 L14.4258309,16.8000266 C13.3515289,15.2355634 12.8,13.6303581 12.8,12 L12.8,8 C12.8,5.94086096 11.4913875,4.13087529 9.57822974,3.46514753 L8.6222987,3.13250909 L8.78898853,2.13417698 C8.79628178,2.09049657 8.8,2.04574037 8.8,2 C8.8,1.5581722 8.4418278,1.2 8,1.2 C7.5581722,1.2 7.2,1.5581722 7.2,2 C7.2,2.04574037 7.20371822,2.09049657 7.21101147,2.13417698 L7.3777013,3.13250909 L6.42177026,3.46514753 C4.50861248,4.13087529 3.2,5.94086096 3.2,8 L3.2,12 C3.2,13.6303277 2.64849214,15.2355113 1.57422114,16.8000266 L8.00000497,16.8000266 Z M7,18 L9,18 L9,18.2 C9,18.7522848 8.55228475,19.2 8,19.2 C7.44771525,19.2 7,18.7522848 7,18.2 L7,18 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/bell-ring_on</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/bell-ring_on\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M11,20 L5.18670673,20 C4.97372563,20 4.76630774,19.9319983 4.59466757,19.8059007 C4.14960038,19.4789265 4.05386708,18.8530633 4.38084128,18.4079961 L4.38081287,18.4079752 C5.46027096,16.9386502 6,15.4693251 6,14 L6,10 C6,7.37733614 7.68271203,5.14769073 10.0273967,4.33180314 C10.0093774,4.22388264 10,4.11303643 10,4 C10,2.8954305 10.8954305,2 12,2 C13.1045695,2 14,2.8954305 14,4 C14,4.11303643 13.9906226,4.22388264 13.9726033,4.33180314 C16.317288,5.14769073 18,7.37733614 18,10 L18,14 C18,15.4693091 18.5397173,16.9386183 19.619152,18.4079274 C19.7452557,18.5795777 19.8132606,18.7870072 19.8132606,19 C19.8132606,19.5523003 19.3655327,20.0000282 18.8132324,20.0000282 L13,20 L13,20.2 C13,20.7522848 12.5522847,21.2 12,21.2 C11.4477153,21.2 11,20.7522848 11,20.2 L11,20 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "camera": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/camera</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/camera\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon20\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M12.3577795,1.2 L7.64222051,1.2 L5.64222051,4.2 L1.2,4.2 L1.2,14.8 L18.8,14.8 L18.8,4.2 L14.3577795,4.2 L12.3577795,1.2 Z M12.7324081,0 C12.8995847,0 13.0557004,0.0835505677 13.1484333,0.222649902 L15,3 L19,3 C19.5522847,3 20,3.44771525 20,4 L20,15 C20,15.5522847 19.5522847,16 19,16 L1,16 C0.44771525,16 0,15.5522847 0,15 L0,4 C0,3.44771525 0.44771525,3 1,3 L5,3 L6.85156673,0.222649902 C6.94429962,0.0835505677 7.10041529,0 7.26759188,0 L12.7324081,0 Z M10,11.8 C11.5463973,11.8 12.8,10.5463973 12.8,9 C12.8,7.4536027 11.5463973,6.2 10,6.2 C8.4536027,6.2 7.2,7.4536027 7.2,9 C7.2,10.5463973 8.4536027,11.8 10,11.8 Z M10,13 C7.790861,13 6,11.209139 6,9 C6,6.790861 7.790861,5 10,5 C12.209139,5 14,6.790861 14,9 C14,11.209139 12.209139,13 10,13 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/camera</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/camera\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon20\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M12.7324081,0 C12.8995847,5.6322073e-16 13.0557004,0.0835505677 13.1484333,0.222649902 L15,3 L19,3 C19.5522847,3 20,3.44771525 20,4 L20,15 C20,15.5522847 19.5522847,16 19,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,4 C-6.76353751e-17,3.44771525 0.44771525,3 1,3 L5,3 L6.85156673,0.222649902 C6.94429962,0.0835505677 7.10041529,3.07098421e-17 7.26759188,0 L12.7324081,0 Z M10,12.5 C11.9329966,12.5 13.5,10.9329966 13.5,9 C13.5,7.06700338 11.9329966,5.5 10,5.5 C8.06700338,5.5 6.5,7.06700338 6.5,9 C6.5,10.9329966 8.06700338,12.5 10,12.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "cellphone": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/cellphone</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/cellphone\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(5.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M0,1 C0,0.44771525 0.44771525,0 1,0 L13,0 C13.5522847,0 14,0.44771525 14,1 L14,19 C14,19.5522847 13.5522847,20 13,20 L1,20 C0.44771525,20 0,19.5522847 0,19 L0,1 Z M1.2,1.2 L1.2,18.8 L12.8,18.8 L12.8,1.2 L1.2,1.2 Z M7,18 C6.44771525,18 6,17.5522847 6,17 C6,16.4477153 6.44771525,16 7,16 C7.55228475,16 8,16.4477153 8,17 C8,17.5522847 7.55228475,18 7,18 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/cellphone</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/cellphone\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M5,3 C5,2.44771525 5.44771525,2 6,2 L18,2 C18.5522847,2 19,2.44771525 19,3 L19,21 C19,21.5522847 18.5522847,22 18,22 L6,22 C5.44771525,22 5,21.5522847 5,21 L5,3 Z M12,20 C12.5522847,20 13,19.5522847 13,19 C13,18.4477153 12.5522847,18 12,18 C11.4477153,18 11,18.4477153 11,19 C11,19.5522847 11.4477153,20 12,20 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "clip": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/clip</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/clip\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M4.20000005,4.20000005 L4.20000005,13.8 L13.8,13.8 L13.8,4.20000005 L4.20000005,4.20000005 Z M3,4.20000005 L0,4.20000005 L0,3 L3,3 L3,0 L4.20000005,0 L4.20000005,3 L13.8,3 L14,3 C14.5522847,3 15,3.44771525 15,4 L15,13.8 L18,13.8 L18,15 L15,15 L15,18 L13.8,18 L13.8,15 L4,15 C3.44771525,15 3,14.5522847 3,14 L3,4.20000005 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/clip</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/clip\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M13,15 L4,15 C3.44771525,15 3,14.5522847 3,14 L3,5 L0,5 L0,3 L3,3 L3,0 L5,0 L5,3 L14,3 C14.5522847,3 15,3.44771525 15,4 L15,13 L18,13 L18,15 L15,15 L15,18 L13,18 L13,15 Z M13,13 L13,5 L5,5 L5,13 L13,13 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "close": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/close</title>    <desc>Created with Sketch.</desc>    <defs>        <polygon id=\"path-1\" points=\"8 6.94318182 1.80681818 0.75 0.75 1.80681818 6.94318182 8 0.75 14.1931818 1.80681818 15.25 8 9.05681818 14.1931818 15.25 15.25 14.1931818 9.05681818 8 15.25 1.80681818 14.1931818 0.75\"></polygon>    </defs>    <g id=\"3.Icons/Outlined/close\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(4.000000, 4.000000)\">            <mask id=\"mask-2\" fill=\"white\">                <use xlink:href=\"#path-1\"></use>            </mask>            <use id=\"\u56FE\u6807\u989C\u8272\" fill-opacity=\"0.9\" fill=\"#000000\" xlink:href=\"#path-1\"></use>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/close</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/close\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(4.000000, 4.000000)\" fill=\"#000000\">            <polygon id=\"\u56FE\u6807\u989C\u8272\" points=\"8 6.58578644 13.6568542 0.928932188 15.0710678 2.34314575 9.41421356 8 15.0710678 13.6568542 13.6568542 15.0710678 8 9.41421356 2.34314575 15.0710678 0.928932188 13.6568542 6.58578644 8 0.928932188 2.34314575 2.34314575 0.928932188\"></polygon>        </g>    </g></svg>" },
+    "close2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/close2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/close2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M10.8485282,9.99999949 L13.9597982,13.1112696 L13.1112701,13.9597977 L10,10.8485277 L6.88872993,13.9597977 L6.04020176,13.1112696 L9.15147183,9.99999949 L6.04020176,6.88872993 L6.88873043,6.04020176 L10,9.15147132 L13.1112696,6.04020176 L13.9597982,6.88872993 L10.8485282,9.99999949 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/close2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/close2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_miniprogram\" fill=\"#000000\">            <path d=\"M13.0606602,12 L16.065864,8.99479618 L15.0052038,7.93413601 L12,10.9393398 L8.99479618,7.93413601 L7.93413601,8.99479618 L10.9393398,12 L7.93413601,15.0052038 L8.99479618,16.065864 L12,13.0606602 L15.0052038,16.065864 L16.065864,15.0052038 L13.0606602,12 Z M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "comment": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/comment</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/comment\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group-22\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M8.50294373,13.8 L18.5,13.8 C18.6656854,13.8 18.8,13.6656854 18.8,13.5 L18.8,1.5 C18.8,1.33431458 18.6656854,1.2 18.5,1.2 L1.5,1.2 C1.33431458,1.2 1.2,1.33431458 1.2,1.5 L1.2,13.5 C1.2,13.6656854 1.33431458,13.8 1.5,13.8 L6.2,13.8 L6.2,16.1029437 L8.50294373,13.8 Z M9,15 L6.70710678,17.2928932 C6.31658249,17.6834175 5.68341751,17.6834175 5.29289322,17.2928932 C5.10535684,17.1053568 5,16.8510029 5,16.5857864 L5,15 L1.5,15 C0.671572875,15 0,14.3284271 0,13.5 L0,1.5 C0,0.671572875 0.671572875,0 1.5,0 L18.5,0 C19.3284271,0 20,0.671572875 20,1.5 L20,13.5 C20,14.3284271 19.3284271,15 18.5,15 L9,15 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/comment</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/comment\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group-22\" fill=\"#000000\">            <path d=\"M11,19 L8.70710678,21.2928932 C8.31658249,21.6834175 7.68341751,21.6834175 7.29289322,21.2928932 C7.10535684,21.1053568 7,20.8510029 7,20.5857864 L7,19 L3.5,19 C2.67157288,19 2,18.3284271 2,17.5 L2,5.5 C2,4.67157288 2.67157288,4 3.5,4 L20.5,4 C21.3284271,4 22,4.67157288 22,5.5 L22,17.5 C22,18.3284271 21.3284271,19 20.5,19 L11,19 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "contacts": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/contacts</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/contacts\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon12\" transform=\"translate(1.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M17.8,16.8 L17.8,16.3154633 C17.8,16.0860594 17.564679,15.7100199 17.3598095,15.6100873 L11.6994561,12.8490401 C10.1728743,12.1043932 9.79557277,10.302913 10.8893366,9.00636847 L11.2508692,8.57780877 C11.802195,7.92426863 12.3,6.56439093 12.3,5.71018568 L12.3,4.00020747 C12.3,2.4549142 11.0455898,1.2 9.5,1.2 C7.95630885,1.2 6.7,2.4552027 6.7,3.99958038 L6.7,5.70929053 C6.7,6.56566389 7.19574673,7.92048381 7.74907842,8.57631176 L8.11061095,9.00481267 C9.20663642,10.3038601 8.82521432,12.1036503 7.30071945,12.8475869 L1.6403663,15.6097766 C1.43701709,15.7090088 1.2,16.0886771 1.2,16.3154633 L1.2,16.8 L17.8,16.8 Z M0,17 L0,16.3154633 C0,15.6303744 0.498150907,14.8319079 1.11409761,14.5313327 L6.77445076,11.769143 C7.59537712,11.36854 7.78625906,10.4812624 7.19344522,9.7786389 L6.83191269,9.35013798 C6.09631763,8.47828515 5.5,6.84949648 5.5,5.70929053 L5.5,3.99958038 C5.5,1.79067313 7.29535615,0 9.5,0 C11.709139,0 13.5,1.79298022 13.5,4.00020747 L13.5,5.71018568 C13.5,6.84929595 12.9009324,8.48286035 12.1680872,9.35157303 L11.8065546,9.78013273 C11.2170324,10.4789507 11.4011877,11.3683976 12.225549,11.7705104 L17.8859024,14.5315576 C18.5012015,14.8316925 19,15.6251701 19,16.3154633 L19,17 C19,17.5522847 18.5522847,18 18,18 L1,18 C0.44771525,18 0,17.5522847 0,17 Z M19,11.5 L22,11.5 L22,12.7 L19,12.7 L19,11.5 Z M17,8.5 L22,8.5 L22,9.70000005 L17,9.70000005 L17,8.5 Z M15,5.5 L22,5.5 L22,6.70000005 L15,6.70000005 L15,5.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/contacts</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/contacts\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon12\" fill=\"#000000\">            <path d=\"M1,20 L1,19.3154633 C1,18.6303744 1.49815091,17.8319079 2.11409761,17.5313327 L7.77445076,14.769143 C8.59537712,14.36854 8.78625906,13.4812624 8.19344522,12.7786389 L7.83191269,12.350138 C7.09631763,11.4782852 6.5,9.84949648 6.5,8.70929053 L6.5,6.99958038 C6.5,4.79067313 8.29535615,3 10.5,3 C12.709139,3 14.5,4.79298022 14.5,7.00020747 L14.5,8.71018568 C14.5,9.84929595 13.9009324,11.4828603 13.1680872,12.351573 L12.8065546,12.7801327 C12.2170324,13.4789507 12.4011877,14.3683976 13.225549,14.7705104 L18.8859024,17.5315576 C19.5012015,17.8316925 20,18.6251701 20,19.3154633 L20,20 C20,20.5522847 19.5522847,21 19,21 L2,21 C1.44771525,21 1,20.5522847 1,20 Z M20,14.5 L23,14.5 L23,16 L20,16 L20,14.5 Z M18,11.5 L23,11.5 L23,13 L18,13 L18,11.5 Z M16,8.5 L23,8.5 L23,10 L16,10 L16,8.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "copy": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/copy</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/copy\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(5.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M7.4,1.2 L1.2,1.2 L1.2,18.8 L13.8,18.8 L13.8,7.6 L9,7.6 C8.1163444,7.6 7.4,6.8836556 7.4,6 L7.4,1.2 Z M8.6,1.2989947 L8.6,6 C8.6,6.2209139 8.7790861,6.4 9,6.4 L13.702787,6.4 L8.6,1.2989947 Z M0.995808514,0 L8.99790426,0 L15,6 L15,19.0013542 C15,19.5542301 14.5541613,20 14.0041915,20 L0.995808514,20 C0.448920205,20 0,19.552891 0,19.0013542 L0,0.998645811 C0,0.445769913 0.445838658,0 0.995808514,0 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/copy</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/copy\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(5.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M8.6,1.2989947 L8.6,6 C8.6,6.2209139 8.7790861,6.4 9,6.4 L13.702787,6.4 L8.6,1.2989947 Z M0.995808514,0 L8.99790426,0 L15,6 L15,19.0013542 C15,19.5542301 14.5541613,20 14.0041915,20 L0.995808514,20 C0.448920205,20 0,19.552891 0,19.0013542 L0,0.998645811 C0,0.445769913 0.445838658,0 0.995808514,0 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "delete-on": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/delete_on</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/delete_on\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon39\" fill=\"#000000\">            <path d=\"M6.77355253,6.399997 L7.58590583,20.0475349 C7.61106164,20.4701525 7.96112672,20.8 8.38449235,20.8 L15.6155076,20.8 C16.0388733,20.8 16.3889384,20.4701525 16.4140942,20.0475349 L17.2264475,6.399997 L18.4285714,6.399997 L17.611974,20.1188373 C17.5490844,21.1753813 16.6739217,22 15.6155076,22 L8.38449235,22 C7.32607828,22 6.45091556,21.1753813 6.38802605,20.1188373 L5.57142856,6.399997 L6.77355253,6.399997 Z M9.5,9 L10.7000122,9 L11.2000122,18 L10,18 L9.5,9 Z M13.2999878,9 L14.5,9 L14,18 L12.7999878,18 L13.2999878,9 Z M4.4590499,2.35303271 L20.2159739,5.13140356 C20.4879211,5.17935518 20.6695054,5.43868437 20.6215537,5.71063152 L20.5,6.399997 L3.7582682,3.44797798 L3.87982193,2.7586125 C3.92777355,2.48666535 4.18710275,2.30508109 4.4590499,2.35303271 Z M10.7499171,1.2283746 L14.6891481,1.92296731 C14.9610953,1.97091893 15.1426796,2.23024812 15.0947279,2.50219528 L14.9731747,3.1915577 L10.049136,2.32331681 L10.1706892,1.63395439 C10.2186408,1.36200724 10.47797,1.18042298 10.7499171,1.2283746 Z\" id=\"Path-2\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/delete_on</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/delete_on\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon39\" fill=\"#000000\">            <path d=\"M9.77436653,5 L3.7582682,3.93919955 L3.93191675,2.95438967 C3.97986837,2.68244252 4.23919756,2.50085826 4.51114472,2.54880988 L18.4125347,5 L18.5,5 L18.4125347,5 L20.2680688,5.32718073 C20.5400159,5.37513235 20.7216002,5.63446154 20.6736486,5.90640869 L20.5,6.89121857 L18.4104253,6.52277017 L17.6107386,20.117444 C17.5485547,21.1745693 16.6731425,22 15.6141898,22 L8.38581016,22 C7.32685754,22 6.45144525,21.1745693 6.38926141,20.117444 L5.58823542,6.50000215 L18.2813015,6.50000215 L9.77436653,5 L5.5,5 L9.77436653,5 Z M9,8.99998133 L9.5,17.9999943 L11,17.9999943 L10.6000004,8.99998133 L9,8.99998133 Z M13.5,8.99998133 L13,17.9999943 L14.5,17.9999943 L15,8.99998133 L13.5,8.99998133 Z M10.8541058,1.12871315 L14.7933368,1.82330587 C15.0652839,1.87125749 15.2468682,2.13058668 15.1989166,2.40253383 L15.0252743,3.387308 L10.1012355,2.51906711 L10.2748778,1.53429294 C10.3228294,1.26234579 10.5821586,1.08076153 10.8541058,1.12871315 L10.8541058,1.12871315 Z\" id=\"Shape\"></path>        </g>    </g></svg>" },
+    "delete": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/delete</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/delete\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon39\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M3.77355253,3.39999695 L4.58590583,17.0475349 C4.61106164,17.4701525 4.96112672,17.8 5.38449235,17.8 L12.6155076,17.8 C13.0388733,17.8 13.3889384,17.4701525 13.4140942,17.0475349 L14.2264475,3.39999695 L3.77355253,3.39999695 Z M15.4285714,3.399997 L14.611974,17.1188373 C14.5490844,18.1753813 13.6739217,19 12.6155076,19 L5.38449235,19 C4.32607828,19 3.45091556,18.1753813 3.38802605,17.1188373 L2.57142856,3.399997 L0.5,3.399997 L0.5,2.69999695 C0.5,2.42385457 0.723857625,2.19999695 1,2.19999695 L17,2.19999695 C17.2761424,2.19999695 17.5,2.42385457 17.5,2.69999695 L17.5,3.399997 L15.4285714,3.399997 Z M11,2.72855691e-05 C11.2761424,2.72855691e-05 11.5,0.223884911 11.5,0.500027286 L11.5,1.20002423 L6.5,1.20002423 L6.5,0.500027286 C6.5,0.223884911 6.72385763,2.72855691e-05 7,2.72855691e-05 L11,2.72855691e-05 Z M6.5,6 L7.70001221,6 L8.20001221,15 L7,15 L6.5,6 Z M10.2999878,6 L11.5,6 L11,15 L9.79998779,15 L10.2999878,6 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/delete</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/delete\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon39\" fill=\"#000000\">            <g id=\"Group-3\" transform=\"translate(3.000000, 2.000000)\">                <path d=\"M15.4117647,4.5 L14.6107386,18.117444 C14.5485547,19.1745693 13.6731425,20 12.6141898,20 L5.38581016,20 C4.32685754,20 3.45144525,19.1745693 3.38926141,18.117444 L2.58823529,4.5 L0.5,4.5 L0.5,3.5 C0.5,3.22385763 0.723857625,3 1,3 L17,3 C17.2761424,3 17.5,3.22385763 17.5,3.5 L17.5,4.5 L15.4117647,4.5 Z M7,0.500034106 L11,0.500034106 C11.2761424,0.500034106 11.5,0.723891731 11.5,1.00003411 L11.5,2 L6.5,2 L6.5,1.00003411 C6.5,0.723891731 6.72385763,0.500034106 7,0.500034106 Z M6,6.99998133 L6.5,15.9999943 L8,15.9999943 L7.60000038,6.99998133 L6,6.99998133 Z M10.5,6.99998133 L10,15.9999943 L11.5,15.9999943 L12,6.99998133 L10.5,6.99998133 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>            </g>        </g>    </g></svg>" },
+    "discover": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/discover</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/discover\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M9.12335563,9.12335563 L7.26736162,12.7326384 L10.8766444,10.8766444 L12.7326384,7.26736162 L9.12335563,9.12335563 Z M8.23223305,8.23223305 L14.1243501,5.20234187 C14.2678549,5.12854767 14.4381526,5.12854767 14.5816575,5.20234187 C14.8272333,5.32862381 14.9239401,5.63007409 14.7976581,5.87564991 L11.767767,11.767767 L5.87564991,14.7976581 C5.73214506,14.8714523 5.56184738,14.8714523 5.41834253,14.7976581 C5.17276672,14.6713762 5.07605992,14.3699259 5.20234187,14.1243501 L8.23223305,8.23223305 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/discover</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/discover\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon22\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M10.6035341,10.6035341 L7.64699622,16.3530038 L13.3964659,13.3964659 L16.3530038,7.64699622 L10.6035341,10.6035341 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "display": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/display</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/display\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_tv&amp;display\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M1.2,1.2 L1.2,13.8 L18.8,13.8 L18.8,1.2 L1.2,1.2 Z M0,1 C0,0.44771525 0.44771525,0 1,0 L19,0 C19.5522847,0 20,0.44771525 20,1 L20,14 C20,14.5522847 19.5522847,15 19,15 L1,15 C0.44771525,15 0,14.5522847 0,14 L0,1 Z M6,16.8999993 C6,16.5686284 6.26617432,16.2999992 6.60130024,16.2999992 L13.3986998,16.2999992 C13.7307887,16.2999992 14,16.5783196 14,16.8999993 L14,17.4999993 L6,17.4999993 L6,16.8999993 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/display</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/display\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_tv&amp;display\" fill=\"#000000\">            <g id=\"Pic\" transform=\"translate(2.000000, 3.500000)\">                <path d=\"M0,1.5 C0,0.94771525 0.44771525,0.5 1,0.5 L19,0.5 C19.5522847,0.5 20,0.94771525 20,1.5 L20,14.5 C20,15.0522847 19.5522847,15.5 19,15.5 L1,15.5 C0.44771525,15.5 0,15.0522847 0,14.5 L0,1.5 Z M6,17.5499992 C6,17.1357857 6.34375,16.7999992 6.75262058,16.7999992 L13.2473794,16.7999992 C13.6630403,16.7999992 14,17.1328979 14,17.5499992 L14,18.2999992 L6,18.2999992 L6,17.5499992 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>            </g>        </g>    </g></svg>" },
+    "done": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/done</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/done\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 5.000000)\" fill=\"#000000\">            <path d=\"M6.86396103,11.6170094 L1.56066017,6.3137085 L0.5,7.37436867 L6.15685425,13.0312229 C6.54737854,13.4217472 7.18054352,13.4217472 7.57106781,13.0312229 L19.2383297,1.36396103 L18.1776695,0.303300859 L6.86396103,11.6170094 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/done</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/done\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_done\" fill=\"#000000\">            <path d=\"M8.65685425,18.4350288 L3,12.7781746 L4.41421356,11.363961 L9.36396103,16.3137085 L20.6776695,5 L22.0918831,6.41421356 L10.0710678,18.4350288 C9.68054352,18.8255531 9.04737854,18.8255531 8.65685425,18.4350288 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "done2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/done2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/done2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M8.82842729,12.5583261 L14.6367534,6.75 L15.4852815,7.59852817 L9.53553407,13.5482756 C9.14500978,13.9387999 8.5118448,13.9387999 8.12132051,13.5482756 L5,10.4269551 L5.84852817,9.57842696 L8.82842729,12.5583261 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/done2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/done2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_miniprogram\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M10.8234373,14.1393166 L8.05753759,11.3734169 L7,12.4309545 L10.1188091,15.5520194 C10.1187366,15.5521643 10.1187728,15.5522005 10.118809,15.5522368 C10.5092522,15.9428422 11.1424171,15.9429738 11.5329139,15.5524219 L17.4852815,9.60252752 L16.422754,8.53999996 L10.8234373,14.1393166 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "download": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/download</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/download\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon38\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M14.8,6.2 L12,6.2 L12,5 L15.0010434,5 C15.5508697,5 16,5.44583866 16,5.99580851 L16,19.0041915 C16,19.5510798 15.5541613,20 15.0041915,20 L0.995808514,20 C0.448920205,20 0,19.5541613 0,19.0041915 L0,5.99580851 C0,5.44892021 0.447248087,5 0.998956561,5 L4,5 L4,6.2 L1.2,6.2 L1.2,18.8 L14.8,18.8 L14.8,6.2 Z M8.59999394,10.6171633 L10.6870057,8.53015149 L11.5355339,9.37867966 L8.70710678,12.2071068 C8.31658249,12.5976311 7.68341751,12.5976311 7.29289322,12.2071068 L4.46446609,9.37867966 L5.31299427,8.53015149 L7.3999939,10.6171511 L7.3999939,0 L8.59999394,0 L8.59999394,10.6171633 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/download</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/download\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon38\" fill=\"#000000\">            <path d=\"M11.25,12.0397591 L9.53050029,10.3199997 L8.47000027,11.3806599 L11.2978402,14.2091404 C11.688335,14.5996941 12.3215,14.5997419 12.7120537,14.2090336 L15.5400004,11.3806599 L14.4795004,10.3199997 L12.75,12.0497613 L12.75,7 L11.25,7 L11.25,12.0397591 Z M11.25,7 L11.25,2 L12.75,2 L12.75,7 L19.0010434,7 C19.5508697,7 20,7.44583866 20,7.99580851 L20,21.0041915 C20,21.5510798 19.5541613,22 19.0041915,22 L4.99580851,22 C4.44892021,22 4,21.5541613 4,21.0041915 L4,7.99580851 C4,7.44892021 4.44724809,7 4.99895656,7 L11.25,7 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "email": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/email</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/email\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_email\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M2.2,1.2 L9.76,6.87 C9.90222222,6.97666667 10.0977778,6.97666667 10.24,6.87 L17.8,1.2 L2.2,1.2 Z M18.8,1.95 L10.96,7.83 C10.3911111,8.25666667 9.60888889,8.25666667 9.04,7.83 L1.2,1.95 L1.2,14.8 L18.8,14.8 L18.8,1.95 Z M1,0 L19,0 C19.5522847,0 20,0.44771525 20,1 L20,15 C20,15.5522847 19.5522847,16 19,16 L1,16 C0.44771525,16 0,15.5522847 0,15 L0,1 C0,0.44771525 0.44771525,0 1,0 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/email</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/email\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_email\" fill=\"#000000\">            <path d=\"M3,4 L21,4 C21.5522847,4 22,4.44771525 22,5 L22,19 C22,19.5522847 21.5522847,20 21,20 L3,20 C2.44771525,20 2,19.5522847 2,19 L2,5 C2,4.44771525 2.44771525,4 3,4 Z M19.0314787,5.91434839 L12.1561738,11.4145924 C12.0648691,11.4876361 11.9351309,11.4876361 11.8438262,11.4145924 L4.96852129,5.91434839 L4.03147871,7.08565161 L10.9067837,12.5858956 C11.5459163,13.0972017 12.4540837,13.0972017 13.0932163,12.5858956 L19.9685213,7.08565161 L19.0314787,5.91434839 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "error": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/error</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/error\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M9.34082031,4.43115234 L10.6591797,4.43115234 L10.5712891,11.4916992 L9.42871094,11.4916992 L9.34082031,4.43115234 Z M10,15.0732422 C9.53125,15.0732422 9.16503906,14.7070312 9.16503906,14.2382812 C9.16503906,13.762207 9.53125,13.4033203 10,13.4033203 C10.4760742,13.4033203 10.8349609,13.762207 10.8349609,14.2382812 C10.8349609,14.7070312 10.4760742,15.0732422 10,15.0732422 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/error</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/error\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_info\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M11.2367191,6.13574219 L11.3460941,13.7324219 L12.6517582,13.7324219 L12.7611332,6.13574219 L11.2367191,6.13574219 Z M11.9955082,17.1025391 C12.5082035,17.1025391 12.8978519,16.7197266 12.8978519,16.2207031 C12.8978519,15.7216797 12.5082035,15.3388672 11.9955082,15.3388672 C11.4964848,15.3388672 11.1000004,15.7216797 11.1000004,16.2207031 C11.1000004,16.7197266 11.4964848,17.1025391 11.9955082,17.1025391 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "eyes-off": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/eyes_off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/eyes_off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon21\" transform=\"translate(1.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M17.6701381,13.9730813 L20.4249789,16.7279221 L19.5764507,17.5764502 L2.84852868,0.848528171 L3.69705685,0 L6.55246809,2.85541124 C7.93196844,2.3029864 9.43174921,2 11,2 C15.8077906,2 19.9720635,4.84762755 22,9 C21.0088953,11.0293711 19.5075207,12.7471002 17.6701381,13.9730813 Z M7.48629025,3.7892334 L9.14977359,5.45271674 C9.70307173,5.1635303 10.3324386,5 11,5 C13.209139,5 15,6.790861 15,9 C15,9.66756141 14.8364697,10.2969283 14.5472833,10.8502264 L16.8030731,13.1060162 C18.3773063,12.1062525 19.7070071,10.7026267 20.6478722,9 C18.6862248,5.45012523 15.0343177,3.2 11,3.2 C9.78190146,3.2 8.59866509,3.40513103 7.48629025,3.7892334 Z M13.6379795,9.94092264 C13.7428778,9.64685352 13.7999997,9.33009741 13.7999997,8.99999976 C13.7999997,7.45360249 12.546397,6.19999981 10.9999998,6.19999981 C10.6699021,6.19999981 10.353146,6.25712171 10.0590769,6.36202004 L13.6379795,9.94092264 Z M15.4475319,15.1445888 C14.0680316,15.6970136 12.5682508,16 11,16 C6.1922094,16 2.0279365,13.1523724 -2.72848411e-12,9 C0.991104672,6.9706289 2.49247928,5.25289977 4.32986187,4.02691872 L5.19692691,4.89398376 C3.62269375,5.89374754 2.29299288,7.29737333 1.35212783,9 C3.31377519,12.5498748 6.96568232,14.8 11,14.8 C12.2180985,14.8 13.4013349,14.594869 14.5137097,14.2107666 L15.4475319,15.1445888 Z M7.45271674,7.14977359 L8.36202004,8.05907689 C8.25712171,8.353146 8.19999981,8.66990212 8.19999981,8.99999976 C8.19999981,10.546397 9.45360249,11.7999997 10.9999998,11.7999997 C11.3300974,11.7999997 11.6468535,11.7428778 11.9409226,11.6379795 L12.8502264,12.5472833 C12.2969283,12.8364697 11.6675614,13 11,13 C8.790861,13 7,11.209139 7,9 C7,8.33243859 7.1635303,7.70307173 7.45271674,7.14977359 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/eyes_off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/eyes_off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon21\" fill=\"#000000\">            <path d=\"M18.9218787,16.8005584 L22.0918831,19.9705627 L21.0312229,21.0312229 L4.06066017,4.06066017 L5.12132034,3 L7.8588755,5.73755516 C9.15302069,5.26004417 10.5471275,5 12,5 C16.8077906,5 20.9720635,7.84762755 23,12 C22.0545468,13.9358958 20.6447484,15.5881976 18.9218787,16.8005584 Z M10.8238458,8.70252549 L15.2974745,13.1761542 C15.4285976,12.8085676 15.5,12.4126223 15.5,12 C15.5,10.0670034 13.9329966,8.5 12,8.5 C11.5873777,8.5 11.1914324,8.57140244 10.8238458,8.70252549 Z M16.1411245,18.2624448 C14.8469793,18.7399558 13.4528725,19 12,19 C7.1922094,19 3.0279365,16.1523724 1,12 C1.94545318,10.0641042 3.35525158,8.41180238 5.07812128,7.19944162 L8.70252549,10.8238458 C8.57140244,11.1914324 8.5,11.5873777 8.5,12 C8.5,13.9329966 10.0670034,15.5 12,15.5 C12.4126223,15.5 12.8085676,15.4285976 13.1761542,15.2974745 L16.1411245,18.2624448 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "eyes-on": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/eyes_on</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/eyes_on\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon21\" transform=\"translate(1.000000, 5.000000)\" fill=\"#000000\">            <path d=\"M11,12.8 C15.0343177,12.8 18.6862248,10.5498748 20.6478722,7 C18.6862248,3.45012523 15.0343177,1.2 11,1.2 C6.96568232,1.2 3.31377519,3.45012523 1.35212783,7 C3.31377519,10.5498748 6.96568232,12.8 11,12.8 Z M11,0 C15.8077906,0 19.9720635,2.84762755 22,7 C19.9720635,11.1523724 15.8077906,14 11,14 C6.1922094,14 2.0279365,11.1523724 -1.09139364e-11,7 C2.0279365,2.84762755 6.1922094,0 11,0 Z M11,9.8 C12.5463973,9.8 13.8,8.5463973 13.8,7 C13.8,5.4536027 12.5463973,4.2 11,4.2 C9.4536027,4.2 8.2,5.4536027 8.2,7 C8.2,8.5463973 9.4536027,9.8 11,9.8 Z M11,11 C8.790861,11 7,9.209139 7,7 C7,4.790861 8.790861,3 11,3 C13.209139,3 15,4.790861 15,7 C15,9.209139 13.209139,11 11,11 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/eyes_on</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/eyes_on\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon21\" fill=\"#000000\">            <path d=\"M1,12 C3.0279365,7.84762755 7.1922094,5 12,5 C16.8077906,5 20.9720635,7.84762755 23,12 C20.9720635,16.1523724 16.8077906,19 12,19 C7.1922094,19 3.0279365,16.1523724 1,12 Z M12,15.5 C13.9329966,15.5 15.5,13.9329966 15.5,12 C15.5,10.0670034 13.9329966,8.5 12,8.5 C10.0670034,8.5 8.5,10.0670034 8.5,12 C8.5,13.9329966 10.0670034,15.5 12,15.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "folder": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/folder</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/folder\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Picture\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M18.8,5 L18.8,2.7 L8.20406273,2.7 L6.32906273,1.2 L1.2,1.2 L1.2,5 L18.8,5 Z M18.8,6.20000005 L1.2,6.20000005 L1.2,14.8 L18.8,14.8 L18.8,6.20000005 Z M1,0 L6.75,0 L8.625,1.5 L19,1.5 C19.5522847,1.5 20,1.94771525 20,2.5 L20,15 C20,15.5522847 19.5522847,16 19,16 L1,16 C0.44771525,16 0,15.5522847 0,15 L0,1 C0,0.44771525 0.44771525,0 1,0 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/folder</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/folder\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Picture\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M1,0 L6.75,0 L8.625,1.5 L19,1.5 C19.5522847,1.5 20,1.94771525 20,2.5 L20,15 C20,15.5522847 19.5522847,16 19,16 L1,16 C0.44771525,16 6.76353751e-17,15.5522847 0,15 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z M1.5,5 L1.5,6.5 L18.5,6.5 L18.5,5 L1.5,5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "group-detail": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/group-detail</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/group-detail\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon14\" transform=\"translate(1.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M1.2,16.8 L17.8,16.8 L17.8,16.3154633 C17.8,16.0860594 17.564679,15.7100199 17.3598095,15.6100873 L11.6994561,12.8490401 C10.1728743,12.1043932 9.79557277,10.302913 10.8893366,9.00636847 L11.2508692,8.57780877 C11.802195,7.92426863 12.3,6.56439093 12.3,5.71018568 L12.3,4.00020747 C12.3,2.4549142 11.0455898,1.2 9.5,1.2 C7.95630885,1.2 6.7,2.4552027 6.7,3.99958038 L6.7,5.70929053 C6.7,6.56566389 7.19574673,7.92048381 7.74907842,8.57631176 L8.11061095,9.00481267 C9.20663642,10.3038601 8.82521432,12.1036503 7.30071945,12.8475869 L1.6403663,15.6097766 C1.43701709,15.7090088 1.2,16.0886771 1.2,16.3154633 L1.2,16.8 Z M12.4960944,1.35064233 C12.9490802,1.12626413 13.4599583,1 14,1 C15.8603276,1 17.3684211,2.49415019 17.3684211,4.33350622 L17.3684211,5.75848807 C17.3684211,6.70774662 16.8639431,8.06905029 16.2468102,8.79297753 L15.9423618,9.15011061 C15.445922,9.73245889 15.6010002,10.4736647 16.2951991,10.8087587 L21.0618125,13.1096313 C21.5799592,13.3597438 22,14.0209751 22,14.5962194 L22,15.1679682 C22,15.6274867 21.6202734,16 21.1566909,16 L18.9676453,16 C18.9887855,16.1061337 19,16.2119585 19,16.3154633 L19,17.0015619 C19,17.552984 18.5490746,18 17.9985704,18 L1.00142961,18 C0.448355308,18 0,17.5557555 0,17.0015619 L0,16.3154633 C0,15.6303744 0.498150907,14.8319079 1.11409761,14.5313327 L6.77445076,11.769143 C7.59537712,11.36854 7.78625906,10.4812624 7.19344522,9.7786389 L6.83191269,9.35013798 C6.09631763,8.47828515 5.5,6.84949648 5.5,5.70929053 L5.5,3.99958038 C5.5,1.79067313 7.29535615,0 9.5,0 C10.6925681,0 11.7632414,0.522511424 12.4960868,1.35063371 Z M13.1531568,2.36930666 C13.3760552,2.86753487 13.5,3.41953623 13.5,4.00020747 L13.5,5.71018568 C13.5,6.84929595 12.9009324,8.48286035 12.1680872,9.35157303 L11.8065546,9.78013273 C11.2170324,10.4789507 11.4011877,11.3683976 12.225549,11.7705104 L17.8859024,14.5315576 C18.0233929,14.5986237 18.1550664,14.690323 18.2766575,14.8 L20.8,14.8 L20.8,14.5962194 C20.8,14.4845959 20.6463054,14.2415527 20.5401598,14.1903156 L15.7735464,11.8894429 C14.3727962,11.2132924 14.0215331,9.55360651 15.0291527,8.37161899 L15.3336012,8.01448591 C15.76679,7.50633402 16.1684211,6.42060801 16.1684211,5.75848807 L16.1684211,4.33350622 C16.1684211,3.15902864 15.1996866,2.2 14,2.2 C13.6994787,2.2 13.4132922,2.26035387 13.1531562,2.36930543 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/group-detail</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/group-detail\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon14\" fill=\"#000000\">            <path d=\"M15.1110698,4.00178 C16.9199852,4.05984018 18.3684211,5.53089815 18.3684211,7.33350622 L18.3684211,8.75848807 C18.3684211,9.70774662 17.8639431,11.0690503 17.2468102,11.7929775 L16.9423618,12.1501106 C16.445922,12.7324589 16.6010002,13.4736647 17.2951991,13.8087587 L22.0618125,16.1096313 C22.5799592,16.3597438 23,17.0209751 23,17.5962194 L23,18.1679682 C23,18.6274867 22.6202734,19 22.1566909,19 L21.4832067,19 C21.3608065,17.8393567 20.5814047,16.689663 19.5435184,16.1833954 L14.1269298,13.5412535 L14.3146097,13.3187784 C15.276491,12.1785669 16,10.2021228 16,8.71018568 L16,7.00020747 C16,5.89435381 15.6732669,4.86441043 15.1110698,4.00178 L15.1110698,4.00178 Z M7.83191269,12.350138 C7.09631763,11.4782852 6.5,9.84949648 6.5,8.70929053 L6.5,6.99958038 C6.5,4.79067313 8.29535615,3 10.5,3 C12.709139,3 14.5,4.79298022 14.5,7.00020747 L14.5,8.71018568 C14.5,9.84929595 13.9009324,11.4828603 13.1680872,12.351573 L12.8065546,12.7801327 C12.2170324,13.4789507 12.4011877,14.3683976 13.225549,14.7705104 L18.8859024,17.5315576 C19.5012015,17.8316925 20,18.6251701 20,19.3154633 L20,20.0015619 C20,20.552984 19.5490746,21 18.9985704,21 L2.00142961,21 C1.44835531,21 1,20.5557555 1,20.0015619 L1,19.3154633 C1,18.6303744 1.49815091,17.8319079 2.11409761,17.5313327 L7.77445076,14.769143 C8.59537712,14.36854 8.78625906,13.4812624 8.19344522,12.7786389 L7.83191269,12.350138 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "help": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/help</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/help\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M7,7.70697674 C7.07674419,6.2 8.08139535,5 10.0418605,5 C11.8,5 13,6.08837209 13,7.5255814 C13,8.62093023 12.4348837,9.39534884 11.5418605,9.93255814 C10.655814,10.455814 10.4046512,10.8465116 10.4046512,11.5790698 L10.4046512,12.0325581 L9.18372093,12.0325581 L9.18372093,11.3906977 C9.17674419,10.4697674 9.62325581,9.84186047 10.5790698,9.26976744 C11.3883721,8.7744186 11.7023256,8.33488372 11.7023256,7.58837209 C11.7023256,6.72325581 11.0325581,6.08837209 9.99302326,6.08837209 C8.93953488,6.08837209 8.26976744,6.70930233 8.19302326,7.70697674 L7,7.70697674 Z M9.79767442,15.2139535 C9.35116279,15.2139535 9.00232558,14.8651163 9.00232558,14.4186047 C9.00232558,13.9651163 9.35116279,13.6232558 9.79767442,13.6232558 C10.2511628,13.6232558 10.5930233,13.9651163 10.5930233,14.4186047 C10.5930233,14.8651163 10.2511628,15.2139535 9.79767442,15.2139535 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/help</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/help\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon10\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M9,9.78222656 L10.6064453,9.78222656 C10.6611328,8.93457031 11.2285156,8.39453125 12.1103516,8.39453125 C12.9716797,8.39453125 13.5458984,8.92089844 13.5458984,9.64550781 C13.5458984,10.3222656 13.2587891,10.6914062 12.4111328,11.2041016 C11.4677734,11.7578125 11.0712891,12.3730469 11.1328125,13.3847656 L11.1396484,13.8701172 L12.7255859,13.8701172 L12.7255859,13.4736328 C12.7255859,12.7900391 12.9785156,12.4345703 13.8740234,11.9150391 C14.8037109,11.3613281 15.3232422,10.6298828 15.3232422,9.58398438 C15.3232422,8.08007812 14.0722656,7 12.1992188,7 C10.1689453,7 9.0546875,8.17578125 9,9.78222656 Z M11.953125,17.0830078 C12.5068359,17.0830078 12.9443359,16.6523438 12.9443359,16.1123047 C12.9443359,15.5722656 12.5068359,15.1484375 11.953125,15.1484375 C11.3994141,15.1484375 10.9550781,15.5722656 10.9550781,16.1123047 C10.9550781,16.6523438 11.3994141,17.0830078 11.953125,17.0830078 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "home": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/home</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/home\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon31\" transform=\"translate(2.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M11,16.8 L14.8,16.8 L14.8,9.8 L18.1029437,9.8 L10,1.69705627 L1.89705627,9.8 L5.2,9.8 L5.2,16.8 L9,16.8 L9,14 L11,14 L11,16.8 Z M16,17 C16,17.5522847 15.5522847,18 15,18 L5,18 C4.44771525,18 4,17.5522847 4,17 L4,11 L1.41421356,11 C1.14899707,11 0.89464316,10.8946432 0.707106781,10.7071068 C0.316582489,10.3165825 0.316582489,9.68341751 0.707106781,9.29289322 L9.29289322,0.707106781 C9.68341751,0.316582489 10.3165825,0.316582489 10.7071068,0.707106781 L19.2928932,9.29289322 C19.4804296,9.4804296 19.5857864,9.73478351 19.5857864,10 C19.5857864,10.5522847 19.1380712,11 18.5857864,11 L16,11 L16,17 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/home</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/home\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon31\" fill=\"#000000\">            <path d=\"M13.5,21 L13.5,17 L10.5,17 L10.5,21 L7,21 C6.44771525,21 6,20.5522847 6,20 L6,14.0000062 L3.41421259,14.0000062 C3.1489962,14.0000062 2.89464237,13.8946495 2.70710601,13.7071132 C2.31658161,13.316589 2.31658143,12.6834241 2.70710561,12.2928997 L11.2928934,3.70710618 C11.6834178,3.316582 12.3165828,3.31658218 12.7071066,3.70710698 L21.2928944,12.2928997 C21.4804306,12.480436 21.5857874,12.7347899 21.5857874,13.0000062 C21.5857874,13.552291 21.1380722,14.0000062 20.5857874,14.0000062 L18,14.0000062 L18,20 C18,20.5522847 17.5522847,21 17,21 L13.5,21 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "imac": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/imac</title>    <desc>Created with Sketch.</desc>    <defs>        <path d=\"M18.8,11 L18.8,1.2 L1.2,1.2 L1.2,11 L18.8,11 Z M18.8,12.2 L1.2,12.2 L1.2,13.8 L18.8,13.8 L18.8,12.2 Z M13.1554082,15 L13.7770168,16.8399675 C13.7944347,16.8915248 13.803319,16.9455799 13.803319,17 C13.803319,17.2761424 13.5794614,17.5 13.303319,17.5 L6.69668101,17.5 C6.64226093,17.5 6.58820584,17.4911158 6.5366485,17.4736978 C6.27503244,17.3853143 6.13459971,17.1015836 6.22298322,16.8399675 L6.84459181,15 L1,15 C0.44771525,15 0,14.5522847 0,14 L0,1 C0,0.44771525 0.44771525,0 1,0 L19,0 C19.5522847,0 20,0.44771525 20,1 L20,14 C20,14.5522847 19.5522847,15 19,15 L13.1554082,15 Z M8.11122629,14.9999878 L7.67203442,16.3 L12.3279656,16.3 L11.8887737,14.9999878 L8.11122629,14.9999878 Z\" id=\"path-1\"></path>    </defs>    <g id=\"3.Icons/Outlined/imac\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">        <g id=\"icon31\" transform=\"translate(2.000000, 4.000000)\">            <mask id=\"mask-2\" fill=\"white\">                <use xlink:href=\"#path-1\"></use>            </mask>            <use id=\"\u56FE\u6807\u989C\u8272\" fill-opacity=\"0.9\" fill=\"#000000\" xlink:href=\"#path-1\"></use>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/imac</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/imac\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon31\" fill=\"#000000\">            <g id=\"Group-2\" transform=\"translate(2.000000, 4.000000)\">                <path d=\"M13.1554082,15 L13.7770168,16.8399675 C13.7944347,16.8915248 13.803319,16.9455799 13.803319,17 C13.803319,17.2761424 13.5794614,17.5 13.303319,17.5 L6.69668101,17.5 C6.64226093,17.5 6.58820584,17.4911158 6.5366485,17.4736978 C6.27503244,17.3853143 6.13459971,17.1015836 6.22298322,16.8399675 L6.84459181,15 L1,15 C0.44771525,15 0,14.5522847 0,14 L0,1 C0,0.44771525 0.44771525,0 1,0 L19,0 C19.5522847,0 20,0.44771525 20,1 L20,14 C20,14.5522847 19.5522847,15 19,15 L13.1554082,15 L13.1554082,15 Z M18.5,12 L1.5,12 L1.5,13.5 L18.5,13.5 L18.5,12 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>            </g>        </g>    </g></svg>" },
+    "info": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/info</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/info\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M9.39999962,8 L10.5999997,8 L10.5999997,15 L9.39999962,15 L9.39999962,8 Z M10,7 C9.44771525,7 9,6.55228475 9,6 C9,5.44771525 9.44771525,5 10,5 C10.5522847,5 11,5.44771525 11,6 C11,6.55228475 10.5522847,7 10,7 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/info</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/info\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_info\" fill=\"#000000\">            <g id=\"Group-19\" transform=\"translate(2.000000, 2.000000)\">                <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M9.25,8 L9.25,15 L10.75,15 L10.75,8 L9.25,8 Z M10,7 C10.5522847,7 11,6.55228475 11,6 C11,5.44771525 10.5522847,5 10,5 C9.44771525,5 9,5.44771525 9,6 C9,6.55228475 9.44771525,7 10,7 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>            </g>        </g>    </g></svg>" },
+    "keyboard": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/keyboard</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/keyboard\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_info\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M4.5,6 L6.5,6 L6.5,8 L4.5,8 L4.5,6 Z M7.5,6 L9.5,6 L9.5,8 L7.5,8 L7.5,6 Z M10.5,6 L12.5,6 L12.5,8 L10.5,8 L10.5,6 Z M13.5,6 L15.5,6 L15.5,8 L13.5,8 L13.5,6 Z M4.5,9 L6.5,9 L6.5,11 L4.5,11 L4.5,9 Z M7.5,9 L9.5,9 L9.5,11 L7.5,11 L7.5,9 Z M7,13 L13,13 L13,15 L7,15 L7,13 Z M10.5,9 L12.5,9 L12.5,11 L10.5,11 L10.5,9 Z M13.5,9 L15.5,9 L15.5,11 L13.5,11 L13.5,9 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/keyboard</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/keyboard\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_info\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M6.5,8 L6.5,10 L8.5,10 L8.5,8 L6.5,8 Z M9.5,8 L9.5,10 L11.5,10 L11.5,8 L9.5,8 Z M12.5,8 L12.5,10 L14.5,10 L14.5,8 L12.5,8 Z M15.5,8 L15.5,10 L17.5,10 L17.5,8 L15.5,8 Z M6.5,11 L6.5,13 L8.5,13 L8.5,11 L6.5,11 Z M9.5,11 L9.5,13 L11.5,13 L11.5,11 L9.5,11 Z M9,15 L9,17 L15,17 L15,15 L9,15 Z M12.5,11 L12.5,13 L14.5,13 L14.5,11 L12.5,11 Z M15.5,11 L15.5,13 L17.5,13 L17.5,11 L15.5,11 Z\" id=\"Mask\"></path>        </g>    </g></svg>" },
+    "like": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/like</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/like\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_like\" transform=\"translate(3.000000, 5.000000)\" fill=\"#000000\">            <path d=\"M16.2846386,7.64509528 C17.7287556,6.15675186 17.7118979,3.7815372 16.243355,2.31299423 C14.7593626,0.829001923 12.3533357,0.829001923 10.8693434,2.31299423 C10.6770786,2.50525906 10.4332063,2.74049974 10.1366138,3.0199452 L9.3137085,3.79527533 L8.49080324,3.0199452 C8.1942107,2.74049974 7.95033841,2.50525906 7.75807358,2.31299423 C6.27408127,0.829001923 3.86805435,0.829001923 2.38406204,2.31299423 C0.915537104,3.78151917 0.898583145,6.15687038 2.32967362,7.63261735 L9.313666,14.6166823 L16.2846386,7.64509528 Z M1.53553391,1.46446609 C3.48815536,-0.488155365 6.65398026,-0.488155365 8.60660172,1.46446609 C8.78940843,1.6472728 9.02511069,1.87463262 9.3137085,2.14654555 C9.60230631,1.87463262 9.83800857,1.6472728 10.0208153,1.46446609 C11.9734367,-0.488155365 15.1392616,-0.488155365 17.0918831,1.46446609 C19.0263413,3.39892429 19.0443356,6.5241205 17.145866,8.48073116 L10.0208153,15.6066017 C9.63031143,15.9971464 8.99714645,15.9971796 8.60660172,15.6066757 L1.48114108,8.48114108 C-0.416918598,6.5241205 -0.398924294,3.39892429 1.53553391,1.46446609 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/like</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/like\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_like\" fill=\"#000000\">            <path d=\"M4.53553391,5.77817459 C6.48815536,3.82555313 9.65398026,3.82555313 11.6066017,5.77817459 C11.7894084,5.9609813 12.0251107,6.18834112 12.3137085,6.46025405 C12.6023063,6.18834112 12.8380086,5.9609813 13.0208153,5.77817459 C14.9734367,3.82555313 18.1392616,3.82555313 20.0918831,5.77817459 C22.0263413,7.71263279 22.0443356,10.837829 20.145866,12.7944397 L13.0207783,19.9202732 C12.6303114,20.3108549 11.9971464,20.3108881 11.6066017,19.9203842 C11.6065894,19.9203719 11.606577,19.9203596 11.6066017,19.9203102 L4.48114108,12.7948496 C2.5830814,10.837829 2.60107571,7.71263279 4.53553391,5.77817459 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "link": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/link</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/link\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M14.6568542,9 L13.8083261,8.15147186 L15.9296465,6.03015152 C17.0231145,4.9366835 17.0231145,3.16382156 15.9296465,2.07035354 C14.8361784,0.976885527 13.0633165,0.976885527 11.9698485,2.07035354 L8.08076118,5.95944084 C6.98729317,7.05290886 6.98729317,8.8257708 8.08076118,9.91923882 L7.23223305,10.767767 C5.67013588,9.20566979 5.67013588,6.67300987 7.23223305,5.1109127 L11.1213203,1.22182541 C12.6834175,-0.34027176 15.2160774,-0.34027176 16.7781746,1.22182541 C18.3402718,2.78392257 18.3402718,5.31658249 16.7781746,6.87867966 L14.6568542,9 Z M3.34314575,9 L4.19167389,9.84852814 L2.07035354,11.9698485 C0.976885527,13.0633165 0.976885527,14.8361784 2.07035354,15.9296465 C3.16382156,17.0231145 4.9366835,17.0231145 6.03015152,15.9296465 L9.91923882,12.0405592 C11.0127068,10.9470911 11.0127068,9.1742292 9.91923882,8.08076118 L10.767767,7.23223305 C12.3298641,8.79433021 12.3298641,11.3269901 10.767767,12.8890873 L6.87867966,16.7781746 C5.31658249,18.3402718 2.78392257,18.3402718 1.22182541,16.7781746 C-0.34027176,15.2160774 -0.34027176,12.6834175 1.22182541,11.1213203 L3.34314575,9 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/link</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/link\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M14.6568542,9 L13.2426407,7.58578644 L15.363961,5.46446609 C16.1450096,4.68341751 16.1450096,3.41708755 15.363961,2.63603897 C14.5829124,1.85499039 13.3165825,1.85499039 12.5355339,2.63603897 L8.29289322,6.87867966 C7.51184464,7.65972824 7.51184464,8.9260582 8.29289322,9.70710678 L6.87867966,11.1213203 C5.31658249,9.55922318 5.31658249,7.02656326 6.87867966,5.46446609 L11.1213203,1.22182541 C12.6834175,-0.34027176 15.2160774,-0.34027176 16.7781746,1.22182541 C18.3402718,2.78392257 18.3402718,5.31658249 16.7781746,6.87867966 L14.6568542,9 Z M3.34314575,9 L4.75735931,10.4142136 L2.63603897,12.5355339 C1.85499039,13.3165825 1.85499039,14.5829124 2.63603897,15.363961 C3.41708755,16.1450096 4.68341751,16.1450096 5.46446609,15.363961 L9.70710678,11.1213203 C10.4881554,10.3402718 10.4881554,9.0739418 9.70710678,8.29289322 L11.1213203,6.87867966 C12.6834175,8.44077682 12.6834175,10.9734367 11.1213203,12.5355339 L6.87867966,16.7781746 C5.31658249,18.3402718 2.78392257,18.3402718 1.22182541,16.7781746 C-0.34027176,15.2160774 -0.34027176,12.6834175 1.22182541,11.1213203 L3.34314575,9 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "location": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/location</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/location\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon22\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M8.06519014,19.2431663 C8.06300986,19.2412009 8.06085569,19.2393247 8.05872818,19.2375353 L8.06519014,19.2431663 Z M8.24683684,18.9686065 C8.48293324,18.7557774 8.74732343,18.5078114 9.03284437,18.2278923 C9.85063366,17.4261479 10.6688921,16.5335242 11.4301661,15.5768797 C13.4693431,13.0143765 14.7113924,10.487102 14.7954866,8.23968166 C14.7984932,8.15933104 14.8,8.07943664 14.8,8 C14.8,4.2444637 11.7555363,1.2 8,1.2 C4.2444637,1.2 1.2,4.2444637 1.2,8 C1.2,8.07943664 1.20150681,8.15933104 1.20451338,8.23968166 C1.28860758,10.487102 2.5306569,13.0143765 4.56983386,15.5768797 C5.33110795,16.5335242 6.14936634,17.4261479 6.96715563,18.2278923 C7.25267657,18.5078114 7.51706676,18.7557774 7.75316316,18.9686065 C7.86349262,19.068063 7.94697177,19.1413912 8,19.1870148 C8.05302823,19.1413912 8.13650738,19.068063 8.24683684,18.9686065 Z M7.26171875,20.1344765 C7.26171875,20.1344765 0,14.018278 0,8 C0,3.581722 3.581722,0 8,0 C12.418278,0 16,3.581722 16,8 C16,14.018278 8.73828125,20.1344765 8.73828125,20.1344765 C8.33356488,20.5060199 7.66946023,20.502035 7.26171875,20.1344765 Z M8,10.8 C9.5463973,10.8 10.8,9.5463973 10.8,8 C10.8,6.4536027 9.5463973,5.2 8,5.2 C6.4536027,5.2 5.2,6.4536027 5.2,8 C5.2,9.5463973 6.4536027,10.8 8,10.8 Z M8,12 C5.790861,12 4,10.209139 4,8 C4,5.790861 5.790861,4 8,4 C10.209139,4 12,5.790861 12,8 C12,10.209139 10.209139,12 8,12 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/location</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/location\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon22\" fill=\"#000000\">            <path d=\"M11.2617188,22.1344765 C11.2617188,22.1344765 4,16.018278 4,10 C4,5.581722 7.581722,2 12,2 C16.418278,2 20,5.581722 20,10 C20,16.018278 12.7382812,22.1344765 12.7382812,22.1344765 C12.3335649,22.5060199 11.6694602,22.502035 11.2617188,22.1344765 Z M12,13.5 C13.9329966,13.5 15.5,11.9329966 15.5,10 C15.5,8.06700338 13.9329966,6.5 12,6.5 C10.0670034,6.5 8.5,8.06700338 8.5,10 C8.5,11.9329966 10.0670034,13.5 12,13.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "lock": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/lock</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/lock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon37\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M4,7 L4,4 C4,1.790861 5.790861,0 8,0 C10.209139,0 12,1.790861 12,4 L12,7 L14.9991283,7 C15.5518945,7 16,7.44748943 16,7.99850233 L16,19.0014977 C16,19.5529553 15.5553691,20 14.9991283,20 L1.00087166,20 C0.448105505,20 0,19.5525106 0,19.0014977 L0,7.99850233 C0,7.44704472 0.444630861,7 1.00087166,7 L4,7 Z M5.20000005,7 L10.7999992,7 L10.7999992,4 C10.7999969,2.45359963 9.54639417,1.19999695 8,1.19999695 C6.45359963,1.19999695 5.19999695,2.45359963 5.19999695,4 L5.20000005,7 Z M1.2,8.2 L1.2,18.8 L14.8,18.8 L14.8,8.2 L1.2,8.2 Z M7.39999962,13.8751867 C6.87022839,13.6437197 6.5,13.1150956 6.5,12.5 C6.5,11.6715729 7.17157288,11 8,11 C8.82842712,11 9.5,11.6715729 9.5,12.5 C9.5,13.1150958 9.12977128,13.6437201 8.59999967,13.875187 L8.59999967,16 L7.39999962,16 L7.39999962,13.8751867 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/lock</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/lock\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon37\" fill=\"#000000\">            <path d=\"M7.5,9 L7.5,6.5 C7.5,4.01471863 9.51471863,2 12,2 C14.4852814,2 16.5,4.01471863 16.5,6.5 L16.5,9 L18.9991283,9 C19.5518945,9 20,9.44748943 20,9.99850233 L20,21.0014977 C20,21.5529553 19.5553691,22 18.9991283,22 L5.00087166,22 C4.4481055,22 4,21.5525106 4,21.0014977 L4,9.99850233 C4,9.44704472 4.44463086,9 5.00087166,9 L7.5,9 Z M9,9 L15,9 L15,6.5 C15,4.84314575 13.6568542,3.5 12,3.5 C10.3431458,3.5 9,4.84314575 9,6.5 L9,9 Z M11.3999996,15.8751867 L11.3999996,18 L12.5999997,18 L12.5999997,15.875187 C13.1297713,15.6437201 13.5,15.1150958 13.5,14.5 C13.5,13.6715729 12.8284271,13 12,13 C11.1715729,13 10.5,13.6715729 10.5,14.5 C10.5,15.1150956 10.8702284,15.6437197 11.3999996,15.8751867 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "max-window": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/max-window</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/max-window\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Max-icon\" transform=\"translate(3.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M18,14 L18,18 C18,18.5522847 17.5522847,19 17,19 L13,19 L13,17.8 L16.8,17.8 L16.8,14 L18,14 Z M5,1 L5,2.2 L1.2,2.2 L1.2,6 L0,6 L0,2 C0,1.44771525 0.44771525,1 1,1 L5,1 Z M16.7968544,3.04562642 L11.3249201,8.51756067 L10.4763919,7.6690325 L15.9483176,2.19710685 L12.9968544,2.19710685 L12.9968544,0.997106803 L16.9968544,0.997106803 C17.5491392,0.997106803 17.9968544,1.44482205 17.9968544,1.9971068 L17.9968544,5.9971068 L16.7968544,5.9971068 L16.7968544,3.04562642 Z M1.20314565,16.9543736 L6.67507989,11.4824393 L7.52360806,12.3309675 L2.05168241,17.8028931 L5.0031456,17.8028931 L5.0031456,19.0028932 L1.0031456,19.0028932 C0.450860848,19.0028932 0.00314559792,18.5551779 0.00314559792,18.0028932 L0.00314559792,14.0028932 L1.20314565,14.0028932 L1.20314565,16.9543736 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/max-window</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/max-window\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Max-icon\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M18,12 L18,17 C18,17.5522847 17.5522847,18 17,18 L12,18 L12,16 L16,16 L16,12 L18,12 Z M6,0 L6,2 L2,2 L2,6 L0,6 L0,1 C0,0.44771525 0.44771525,0 1,0 L6,0 Z M14.5839613,2 L12,2 L12,0 L17,0 C17.5522847,0 18,0.44771525 18,1 L18,6 L16,6 L16,3.41364079 L11.6342138,7.77817459 L10.2200003,6.36396103 L14.5839613,2 Z M3.4160387,15.9981749 L6,15.9981749 L6,17.9981749 L1,17.9981749 C0.44771525,17.9981749 0,17.5504596 0,16.9981749 L0,11.9981749 L2,11.9981749 L2,14.5845341 L6.36578617,10.2200003 L7.77999973,11.6342138 L3.4160387,15.9981749 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "me": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/me</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/me\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon11\" transform=\"translate(2.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M18.3,16.8 L18.3,16.3154633 C18.3,16.0860594 18.064679,15.7100199 17.8598095,15.6100873 L12.1994561,12.8490401 C10.6728743,12.1043932 10.2955728,10.302913 11.3893366,9.00636847 L11.7508692,8.57780877 C12.302195,7.92426863 12.8,6.56439093 12.8,5.71018568 L12.8,4.00020747 C12.8,2.4549142 11.5455898,1.2 10,1.2 C8.45630885,1.2 7.2,2.4552027 7.2,3.99958038 L7.2,5.70929053 C7.2,6.56566389 7.69574673,7.92048381 8.24907842,8.57631176 L8.61061095,9.00481267 C9.70663642,10.3038601 9.32521432,12.1036503 7.80071945,12.8475869 L2.1403663,15.6097766 C1.93701709,15.7090088 1.7,16.0886771 1.7,16.3154633 L1.7,16.8 L18.3,16.8 Z M0.5,17 L0.5,16.3154633 C0.5,15.6303744 0.998150907,14.8319079 1.61409761,14.5313327 L7.27445076,11.769143 C8.09537712,11.36854 8.28625906,10.4812624 7.69344522,9.7786389 L7.33191269,9.35013798 C6.59631763,8.47828515 6,6.84949648 6,5.70929053 L6,3.99958038 C6,1.79067313 7.79535615,0 10,0 C12.209139,0 14,1.79298022 14,4.00020747 L14,5.71018568 C14,6.84929595 13.4009324,8.48286035 12.6680872,9.35157303 L12.3065546,9.78013273 C11.7170324,10.4789507 11.9011877,11.3683976 12.725549,11.7705104 L18.3859024,14.5315576 C19.0012015,14.8316925 19.5,15.6251701 19.5,16.3154633 L19.5,17 C19.5,17.5522847 19.0522847,18 18.5,18 L1.5,18 C0.94771525,18 0.5,17.5522847 0.5,17 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/me</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/me\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon11\" fill=\"#000000\">            <path d=\"M2.5,20 L2.5,19.3154633 C2.5,18.6303744 2.99815091,17.8319079 3.61409761,17.5313327 L9.27445076,14.769143 C10.0953771,14.36854 10.2862591,13.4812624 9.69344522,12.7786389 L9.33191269,12.350138 C8.59631763,11.4782852 8,9.84949648 8,8.70929053 L8,6.99958038 C8,4.79067313 9.79535615,3 12,3 C14.209139,3 16,4.79298022 16,7.00020747 L16,8.71018568 C16,9.84929595 15.4009324,11.4828603 14.6680872,12.351573 L14.3065546,12.7801327 C13.7170324,13.4789507 13.9011877,14.3683976 14.725549,14.7705104 L20.3859024,17.5315576 C21.0012015,17.8316925 21.5,18.6251701 21.5,19.3154633 L21.5,20 C21.5,20.5522847 21.0522847,21 20.5,21 L3.5,21 C2.94771525,21 2.5,20.5522847 2.5,20 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "mike": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/mike</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/mike\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M4.7,4.5 L4.7,10.5 C4.7,12.3225397 6.17746033,13.8 8,13.8 C9.82253967,13.8 11.3,12.3225397 11.3,10.5 L11.3,4.5 C11.3,2.67746033 9.82253967,1.2 8,1.2 C6.17746033,1.2 4.7,2.67746033 4.7,4.5 Z M8.59999967,17.9763496 L8.59999967,21 L7.39999962,21 L7.39999962,17.9763495 C3.53839884,17.670687 0.5,14.4401715 0.5,10.5 L0.5,9 L1.7,9 L1.7,10.5 C1.7,13.9793939 4.52060608,16.8 8,16.8 C11.4793939,16.8 14.3,13.9793939 14.3,10.5 L14.3,9 L15.5,9 L15.5,10.5 C15.5,14.4401718 12.4616008,17.6706874 8.59999967,17.9763496 Z M3.5,4.5 C3.5,2.01471863 5.51471863,0 8,0 C10.4852814,0 12.5,2.01471863 12.5,4.5 L12.5,10.5 C12.5,12.9852814 10.4852814,15 8,15 C5.51471863,15 3.5,12.9852814 3.5,10.5 L3.5,4.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/mike</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/mike\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M12.75,18.9602923 L12.75,22 L11.25,22 L11.25,18.9602923 C7.736675,18.5860629 5,15.6126238 5,12 L5,10 L6.5,10 L6.5,12 C6.5,15.0375661 8.96243388,17.5 12,17.5 C15.0375661,17.5 17.5,15.0375661 17.5,12 L17.5,10 L19,10 L19,12 C19,15.6126238 16.263325,18.5860629 12.75,18.9602923 Z M8,6 C8,3.790861 9.790861,2 12,2 C14.209139,2 16,3.790861 16,6 L16,12 C16,14.209139 14.209139,16 12,16 C9.790861,16 8,14.209139 8,12 L8,6 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "mike2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/mike2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/mike2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,5.7 C9.28202983,5.7 8.7,6.28202983 8.7,7 L8.7,10.5 C8.7,11.2179702 9.28202983,11.8 10,11.8 C10.7179702,11.8 11.3,11.2179702 11.3,10.5 L11.3,7 C11.3,6.28202983 10.7179702,5.7 10,5.7 Z M10.6000245,14.9603384 L10.6000245,16.5 L9.40002441,16.5 L9.40002441,14.9603399 C7.19839688,14.6669239 5.5,12.7811214 5.5,10.4975018 L5.5,9 L6.7,9 L6.7,10.4975018 C6.7,12.3219031 8.17739974,13.8 10,13.8 C11.8227257,13.8 13.3,12.3217816 13.3,10.4975018 L13.3,9 L14.5,9 L14.5,10.4975018 C14.5,12.7806453 12.8020307,14.6668791 10.6000245,14.9603384 L10.6000245,14.9603384 Z M10,4.5 C11.3807119,4.5 12.5,5.61928813 12.5,7 L12.5,10.5 C12.5,11.8807119 11.3807119,13 10,13 C8.61928813,13 7.5,11.8807119 7.5,10.5 L7.5,7 C7.5,5.61928813 8.61928813,4.5 10,4.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/mike2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/mike2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon24\" fill=\"#000000\">            <path d=\"M12.6000245,16.4603384 C14.8020307,16.1668791 16.5,14.2806453 16.5,11.9975018 L16.5,10.5 L15.3,10.5 L15.3,11.9975018 C15.3,13.8217816 13.8227257,15.3 12,15.3 C10.1773997,15.3 8.7,13.8219031 8.7,11.9975018 L8.7,10.5 L7.5,10.5 L7.5,11.9975018 C7.5,14.2811214 9.19839688,16.1669239 11.4000244,16.4603399 L11.4000244,18 L12.6000245,18 L12.6000245,16.4603384 Z M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M12,6.5 C10.8954305,6.5 10,7.3954305 10,8.5 L10,12 C10,13.1045695 10.8954305,14 12,14 C13.1045695,14 14,13.1045695 14,12 L14,8.5 C14,7.3954305 13.1045695,6.5 12,6.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "mobile-contacts": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/mobile-contacts</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/mobile-contacts\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M0,1 C0,0.44771525 0.44771525,0 1,0 L15,0 C15.5522847,0 16,0.44771525 16,1 L16,19 C16,19.5522847 15.5522847,20 15,20 L1,20 C0.44771525,20 0,19.5522847 0,19 L0,1 Z M1.2,1.2 L1.2,18.8 L14.8,18.8 L14.8,1.2 L1.2,1.2 Z M10.9093627,11.3061065 L12.6521261,11.9605864 C12.852621,12.0452838 12.9837138,12.2377779 12.9991365,12.4687708 C13.0068479,12.561168 12.9605798,12.6689647 12.9528685,12.692064 C12.6752601,13.4466408 11.9581053,13.9856243 11.1098576,13.9856243 C10.870806,13.9856243 10.6471771,13.931726 10.5931977,13.9163264 C8.97381581,13.5467378 7.5317948,12.722863 6.39822747,11.5909978 C5.26466015,10.4591325 4.43954651,9.01927668 4.06940208,7.40232629 C4.06169074,7.34842795 4,7.1251348 4,6.88644212 C4,6.03946811 4.53979396,5.32339008 5.29550551,5.04619858 C5.31863954,5.03849882 5.42659833,5 5.51913444,5 C5.75047471,5.00769976 5.94325827,5.13859575 6.02808304,5.33878961 L6.68354714,7.07893621 C6.71439251,7.16363362 6.69896982,7.2098322 6.65270177,7.2945296 C6.49847492,7.56402133 6.12833049,8.24160054 5.92012424,8.64968802 C5.86614485,8.74978495 5.83529948,8.86528141 5.83529948,8.98077786 C5.83529948,9.10397408 5.87385619,9.2271703 5.93554693,9.32726723 C6.26713465,9.88934999 6.65270177,10.4206337 7.10767097,10.8749197 C7.56264017,11.3369056 8.09472279,11.7218938 8.65765078,12.0529836 C8.75789823,12.1145817 8.87356836,12.1530805 9.00466118,12.1530805 C9.12804266,12.1530805 9.23600145,12.1222815 9.33624891,12.0683831 C9.73723871,11.8604895 10.4158368,11.4909008 10.6934452,11.3369056 C10.7782699,11.290707 10.8168266,11.2753075 10.9093627,11.3061065 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/mobile-contacts</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/mobile-contacts\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M4,3 C4,2.44771525 4.44771525,2 5,2 L19,2 C19.5522847,2 20,2.44771525 20,3 L20,21 C20,21.5522847 19.5522847,22 19,22 L5,22 C4.44771525,22 4,21.5522847 4,21 L4,3 Z M14.9093627,13.8061065 C14.8168266,13.7753075 14.7782699,13.790707 14.6934452,13.8369056 C14.4158368,13.9909008 13.7372387,14.3604895 13.3362489,14.5683831 C13.2360015,14.6222815 13.1280427,14.6530805 13.0046612,14.6530805 C12.8735684,14.6530805 12.7578982,14.6145817 12.6576508,14.5529836 C12.0947228,14.2218938 11.5626402,13.8369056 11.107671,13.3749197 C10.6527018,12.9206337 10.2671347,12.38935 9.93554693,11.8272672 C9.87385619,11.7271703 9.83529948,11.6039741 9.83529948,11.4807779 C9.83529948,11.3652814 9.86614485,11.2497849 9.92012424,11.149688 C10.1283305,10.7416005 10.4984749,10.0640213 10.6527018,9.7945296 C10.6989698,9.7098322 10.7143925,9.66363362 10.6835471,9.57893621 L10.028083,7.83878961 C9.94325827,7.63859575 9.75047471,7.50769976 9.51913444,7.5 C9.42659833,7.5 9.31863954,7.53849882 9.29550551,7.54619858 C8.53979396,7.82339008 8,8.53946811 8,9.38644212 C8,9.6251348 8.06169074,9.84842795 8.06940208,9.90232629 C8.43954651,11.5192767 9.26466015,12.9591325 10.3982275,14.0909978 C11.5317948,15.222863 12.9738158,16.0467378 14.5931977,16.4163264 C14.6471771,16.431726 14.870806,16.4856243 15.1098576,16.4856243 C15.9581053,16.4856243 16.6752601,15.9466408 16.9528685,15.192064 C16.9605798,15.1689647 17.0068479,15.061168 16.9991365,14.9687708 C16.9837138,14.7377779 16.852621,14.5452838 16.6521261,14.4605864 L14.9093627,13.8061065 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "more": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/more</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/more\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(3.000000, 10.000000)\" fill=\"#000000\">            <path d=\"M3.75,2 C3.75,2.96635 2.96635,3.75 2,3.75 C1.03365,3.75 0.25,2.96635 0.25,2 C0.25,1.0333 1.03365,0.25 2,0.25 C2.96635,0.25 3.75,1.0333 3.75,2 Z M9,0.25 C9.96635,0.25 10.75,1.0333 10.75,2 C10.75,2.96635 9.96635,3.75 9,3.75 C8.03365,3.75 7.25,2.96635 7.25,2 C7.25,1.0333 8.03365,0.25 9,0.25 Z M16,0.25 C16.96635,0.25 17.75,1.0333 17.75,2 C17.75,2.96635 16.96635,3.75 16,3.75 C15.03365,3.75 14.25,2.96635 14.25,2 C14.25,1.0333 15.03365,0.25 16,0.25 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/more</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/more\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_more\" fill=\"#000000\">            <path d=\"M7,12 C7,13.1044 6.1044,14 5,14 C3.8956,14 3,13.1044 3,12 C3,10.8952 3.8956,10 5,10 C6.1044,10 7,10.8952 7,12 Z M12,10 C13.1044,10 14,10.8952 14,12 C14,13.1044 13.1044,14 12,14 C10.8956,14 10,13.1044 10,12 C10,10.8952 10.8956,10 12,10 Z M19,10 C20.1044,10 21,10.8952 21,12 C21,13.1044 20.1044,14 19,14 C17.8956,14 17,13.1044 17,12 C17,10.8952 17.8956,10 19,10 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "more2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/more2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/more2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M10,11 C9.44771525,11 9,10.5522847 9,10 C9,9.44771525 9.44771525,9 10,9 C10.5522847,9 11,9.44771525 11,10 C11,10.5522847 10.5522847,11 10,11 Z M14,11 C13.4477153,11 13,10.5522847 13,10 C13,9.44771525 13.4477153,9 14,9 C14.5522847,9 15,9.44771525 15,10 C15,10.5522847 14.5522847,11 14,11 Z M6,11 C5.44771525,11 5,10.5522847 5,10 C5,9.44771525 5.44771525,9 6,9 C6.55228475,9 7,9.44771525 7,10 C7,10.5522847 6.55228475,11 6,11 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/more2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/more2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_miniprogram\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M12,13.5 C12.8284271,13.5 13.5,12.8284271 13.5,12 C13.5,11.1715729 12.8284271,10.5 12,10.5 C11.1715729,10.5 10.5,11.1715729 10.5,12 C10.5,12.8284271 11.1715729,13.5 12,13.5 Z M16.5,13.5 C17.3284271,13.5 18,12.8284271 18,12 C18,11.1715729 17.3284271,10.5 16.5,10.5 C15.6715729,10.5 15,11.1715729 15,12 C15,12.8284271 15.6715729,13.5 16.5,13.5 Z M7.5,13.5 C8.32842712,13.5 9,12.8284271 9,12 C9,11.1715729 8.32842712,10.5 7.5,10.5 C6.67157288,10.5 6,11.1715729 6,12 C6,12.8284271 6.67157288,13.5 7.5,13.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "mosaic": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/mosaic</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/mosaic\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u56FE\u6807\u989C\u8272\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M8,12 L10,12 L10,14 L8,14 L8,12 Z M4,12 L6,12 L6,14 L4,14 L4,12 Z M12,12 L14,12 L14,14 L12,14 L12,12 Z M12,4 L14,4 L14,6 L12,6 L12,4 Z M4,8 L6,8 L6,10 L4,10 L4,8 Z M4,4 L6,4 L6,6 L4,6 L4,4 Z M6,10 L8,10 L8,12 L6,12 L6,10 Z M6,6 L8,6 L8,8 L6,8 L6,6 Z M10,10 L12,10 L12,12 L10,12 L10,10 Z M10,6 L12,6 L12,8 L10,8 L10,6 Z M8,4 L10,4 L10,6 L8,6 L8,4 Z M8,8 L10,8 L10,10 L8,10 L8,8 Z M12,8 L14,8 L14,10 L12,10 L12,8 Z M1.2,1.2 L1.2,16.8 L16.8,16.8 L16.8,1.2 L1.2,1.2 Z M1,0 L17,0 C17.5522847,0 18,0.44771525 18,1 L18,17 C18,17.5522847 17.5522847,18 17,18 L1,18 C0.44771525,18 0,17.5522847 0,17 L0,1 C0,0.44771525 0.44771525,0 1,0 Z\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/mask</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/mask\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M1,0 L17,0 C17.5522847,-1.01453063e-16 18,0.44771525 18,1 L18,17 C18,17.5522847 17.5522847,18 17,18 L1,18 C0.44771525,18 6.76353751e-17,17.5522847 0,17 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z M7.80000019,12.6000004 L7.80000019,15.0000005 L10.2000003,15.0000005 L10.2000003,12.6000004 L7.80000019,12.6000004 Z M3,12.6000004 L3,15.0000005 L5.4000001,15.0000005 L5.4000001,12.6000004 L3,12.6000004 Z M12.6000004,12.6000004 L12.6000004,15.0000005 L15.0000005,15.0000005 L15.0000005,12.6000004 L12.6000004,12.6000004 Z M12.6000004,3 L12.6000004,5.4000001 L15.0000005,5.4000001 L15.0000005,3 L12.6000004,3 Z M3,7.80000019 L3,10.2000003 L5.4000001,10.2000003 L5.4000001,7.80000019 L3,7.80000019 Z M3,3 L3,5.4000001 L5.4000001,5.4000001 L5.4000001,3 L3,3 Z M5.4000001,10.2000003 L5.4000001,12.6000004 L7.80000019,12.6000004 L7.80000019,10.2000003 L5.4000001,10.2000003 Z M5.4000001,5.4000001 L5.4000001,7.80000019 L7.80000019,7.80000019 L7.80000019,5.4000001 L5.4000001,5.4000001 Z M10.2000003,10.2000003 L10.2000003,12.6000004 L12.6000004,12.6000004 L12.6000004,10.2000003 L10.2000003,10.2000003 Z M10.2000003,5.4000001 L10.2000003,7.80000019 L12.6000004,7.80000019 L12.6000004,5.4000001 L10.2000003,5.4000001 Z M7.80000019,3 L7.80000019,5.4000001 L10.2000003,5.4000001 L10.2000003,3 L7.80000019,3 Z M7.80000019,7.80000019 L7.80000019,10.2000003 L10.2000003,10.2000003 L10.2000003,7.80000019 L7.80000019,7.80000019 Z M12.6000004,7.80000019 L12.6000004,10.2000003 L15.0000005,10.2000003 L15.0000005,7.80000019 L12.6000004,7.80000019 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "music-off": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/music_off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/music_off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_music\" fill=\"#000000\">            <path d=\"M7.53207892,4.83502207 L18.8772863,2.34318067 C19.2025252,2.27476488 19.5226771,2.47930633 19.5972863,2.80318067 C19.605581,2.84598886 19.6089363,2.88960748 19.6072863,2.93318067 L19.6072863,16.5831807 C19.6038814,16.6843639 19.594782,16.7844909 19.580239,16.8831821 L22.4249789,19.7279221 L21.5764507,20.5764502 L4.84852868,3.84852817 L5.69705685,3 L7.53207892,4.83502207 Z M17.3893408,14.692284 L17.6672863,14.6331807 C18.0911755,14.5476455 18.396326,14.1756127 18.3972863,13.7431807 L18.3972863,3.83318067 L8.66738839,5.97033154 L17.3893408,14.692284 L17.3893408,14.692284 Z M6.40728625,7.1043431 L7.60728625,8.3043431 L7.60728625,19.2031807 C7.58608355,20.213505 6.9983734,21.1260023 6.08728625,21.5631807 C5.90728625,21.6431807 4.85728625,21.8831807 4.78728625,21.8831807 C4.66102239,21.8974666 4.53355012,21.8974666 4.40728625,21.8831807 C3.32225343,21.8373813 2.45308559,20.9682135 2.40728625,19.8831807 C2.3216979,18.8458811 2.99829854,17.8986402 4.00728625,17.6431807 L5.67728625,17.2931807 C6.10332728,17.2112417 6.41027368,16.8370194 6.40728625,16.4031807 L6.40728625,7.1043431 L6.40728625,7.1043431 Z M14.9201196,15.6171765 L15.7639875,16.4610444 C15.6205529,16.6523256 15.5467342,16.8934569 15.5672863,17.1431807 C15.5788722,17.5942966 15.9193125,17.9687809 16.3672863,18.0231807 L16.5172863,18.0231807 C16.6128978,18.0052535 16.9120521,17.9409043 17.1800217,17.8770786 L18.1670541,18.8641109 C18.134238,18.8811052 18.1009781,18.8974682 18.0672863,18.9131807 C17.636529,19.0454344 17.1992916,19.1555782 16.7572863,19.2431807 C16.6277067,19.2579667 16.4968658,19.2579667 16.3672863,19.2431807 C15.2843027,19.1927286 14.4177383,18.3261642 14.3672863,17.2431807 C14.3136552,16.6295529 14.5272058,16.0455188 14.9201196,15.6171765 L14.9201196,15.6171765 Z M6.40728625,18.3031807 C6.25171355,18.382502 6.08721189,18.4429312 5.91728625,18.4831807 L4.19728625,18.8231807 C3.80742967,18.9965193 3.57048788,19.3981156 3.60728625,19.8231807 C3.60649702,20.0665755 3.70770255,20.2991715 3.88633215,20.4644989 C4.06496176,20.6298263 4.30467933,20.7127655 4.54728625,20.6931807 C4.69728625,20.6531807 5.42728625,20.4931807 5.61728625,20.4331807 C6.077472,20.1894078 6.37699373,19.7230638 6.40728625,19.2031807 L6.40728625,18.3031807 Z\" id=\"Shape\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/music-off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/music-off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_music\" fill=\"#000000\">            <path d=\"M9.33073588,6.20941554 L17.6563348,14.5350145 C17.8692631,14.3487944 18,14.0758571 18,13.7782081 L18,4.30884616 L9.33073588,6.20941554 Z M19.5,16.3786797 L22.0918831,18.9705627 L21.0312229,20.0312229 L4.06066017,3.06066017 L5.12132034,2 L7.95778239,4.83646204 L18.8930356,2.44165489 C19.1627851,2.38258008 19.4293498,2.55336564 19.4884246,2.82311512 C19.4961191,2.8582498 19.5,2.89411216 19.5,2.93007952 L19.5,16.3786797 Z M8,9.12132034 L8,19.2012686 C8,20.1376561 7.37291357,21.0506958 6.5294712,21.4440654 C6.37267856,21.5171912 5.382193,21.7385747 5.25286076,21.7645934 C4.01016532,22.0145956 3.05534487,20.9501591 3.00276162,19.8737811 C2.95017837,18.7974031 3.65606327,17.8998615 4.47506962,17.7350959 L5.73958069,17.4178208 C6.18656759,17.3056685 6.5,16.9038781 6.5,16.443036 L6.5,7.62132034 L8,9.12132034 Z M17.7441316,18.8654519 C17.3884565,18.959172 16.824758,19.0835157 16.7290072,19.1026128 C15.4755213,19.352615 14.5124101,18.2881785 14.4593703,17.2118005 C14.4354581,16.7265322 14.5670444,16.2776127 14.7944808,15.9158011 L17.7441316,18.8654519 Z\" id=\"Mask\"></path>        </g>    </g></svg>" },
+    "music": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/music</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/music\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_music\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M17.5972863,0.803180666 C17.5226771,0.479306335 17.2025252,0.27476488 16.8772863,0.343180666 L5.26728625,2.89318067 C4.75103261,3.00829488 4.38979938,3.47453776 4.40728625,4.00318067 L4.40728625,14.4031807 C4.41027368,14.8370194 4.10332728,15.2112417 3.67728625,15.2931807 L2.00728625,15.6431807 C0.998298543,15.8986402 0.321697899,16.8458811 0.407286253,17.8831807 C0.453085593,18.9682135 1.32225343,19.8373813 2.40728625,19.8831807 C2.53355012,19.8974666 2.66102239,19.8974666 2.78728625,19.8831807 C2.85728625,19.8831807 3.90728625,19.6431807 4.08728625,19.5631807 C4.9983734,19.1260023 5.58608355,18.213505 5.60728625,17.2031807 L5.60728625,4.20318067 L16.3972863,1.83318067 L16.3972863,11.7431807 C16.396326,12.1756127 16.0911755,12.5476455 15.6672863,12.6331807 L13.9272863,13.0031807 C12.9343035,13.274758 12.277654,14.2176393 12.3672863,15.2431807 C12.4177383,16.3261642 13.2843027,17.1927286 14.3672863,17.2431807 C14.4968658,17.2579667 14.6277067,17.2579667 14.7572863,17.2431807 C15.1992916,17.1555782 15.636529,17.0454344 16.0672863,16.9131807 C16.978293,16.488326 17.5734799,15.5878159 17.6072863,14.5831807 L17.6072863,0.933180666 C17.6089363,0.889607483 17.605581,0.84598886 17.5972863,0.803180666 Z M16.4072863,13.6431807 L16.4072863,14.5431807 C16.3734998,15.0621621 16.0697874,15.5253236 15.6072863,15.7631807 C15.4072863,15.8331807 14.6772863,15.9931807 14.5172863,16.0231807 L14.3672863,16.0231807 C13.9193125,15.9687809 13.5788722,15.5942966 13.5672863,15.1431807 C13.5321017,14.7156597 13.7735044,14.3133218 14.1672863,14.1431807 L15.9072863,13.7931807 C16.0792293,13.7628381 16.2470352,13.7124964 16.4072863,13.6431807 Z M4.40728625,16.3031807 L4.40728625,17.2031807 C4.37699373,17.7230638 4.077472,18.1894078 3.61728625,18.4331807 C3.42728625,18.4931807 2.69728625,18.6531807 2.54728625,18.6931807 C2.30467933,18.7127655 2.06496176,18.6298263 1.88633215,18.4644989 C1.70770255,18.2991715 1.60649702,18.0665755 1.60728625,17.8231807 C1.57048788,17.3981156 1.80742967,16.9965193 2.19728625,16.8231807 L3.91728625,16.4831807 C4.08721189,16.4429312 4.25171355,16.382502 4.40728625,16.3031807 L4.40728625,16.3031807 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/music</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/music\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_music\" fill=\"#000000\">            <path d=\"M18,4.30884616 L8,6.50115378 L8,18.1957627 L8,19.2012686 C8,20.1376561 7.37291357,21.0506958 6.5294712,21.4440654 C6.37267856,21.5171912 5.382193,21.7385747 5.25286076,21.7645934 C4.01016532,22.0145956 3.05534487,20.9501591 3.00276162,19.8737811 C2.95017837,18.7974031 3.65606327,17.8998615 4.47506962,17.7350959 L5.73958069,17.4178208 C6.18656759,17.3056685 6.5,16.9038781 6.5,16.443036 L6.5,6.82999992 L6.5,5.96041523 C6.5,5.49056505 6.8270984,5.08408046 7.2860712,4.98356598 L18.8930356,2.44165489 C19.1627851,2.38258008 19.4293498,2.55336564 19.4884246,2.82311512 C19.4961191,2.8582498 19.5,2.89411216 19.5,2.93007952 L19.5,3.73369813 L19.5,15.5337821 L19.5,16.5392879 C19.5,17.4756754 18.8674685,18.3887152 18.0167025,18.7820848 C17.8585484,18.8552106 16.8594624,19.0765941 16.7290072,19.1026128 C15.4755213,19.352615 14.5124101,18.2881785 14.4593703,17.2118005 C14.4063304,16.1354225 15.1183446,15.2378809 15.9444624,15.0731153 L17.23615,14.7538472 C17.6848085,14.6429517 18,14.2403684 18,13.7782081 L18,4.30884616 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "note": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/note</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/note\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M4.20000005,1.2 L4.20000005,15.8092926 L14,15.8092926 C14.4418278,15.8092926 14.8,15.4511204 14.8,15.0092926 L14.8,13.2000122 L14.8,2 C14.8,1.5581722 14.4418278,1.2 14,1.2 L4.20000005,1.2 Z M3,1.2 L1.2,1.2 L1.2,15.8092926 L3,15.8092926 L3,1.2 Z M14.8,16.8428752 C14.5550151,16.9499136 14.2844419,17.0092926 14,17.0092926 L1.2,17.0092926 L1.2,18.8 L14,18.8 C14.4418278,18.8 14.8,18.4418278 14.8,18 L14.8,16.8428752 Z M0,0 L14,0 C15.1045695,0 16,0.8954305 16,2 L16,18 C16,19.1045695 15.1045695,20 14,20 L0,20 L0,0 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/note</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/note\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M14.5,16.9462839 C14.34019,16.9874161 14.1726498,17.0092926 14,17.0092926 L1.5,17.0092926 L1.5,18.5 L14,18.5 C14.2761424,18.5 14.5,18.2761424 14.5,18 L14.5,16.9462839 L14.5,16.9462839 Z M0,0 L14,0 C15.1045695,0 16,0.8954305 16,2 L16,18 C16,19.1045695 15.1045695,20 14,20 L0,20 L0,0 Z M3,1.5 L3,15.5 L4.5,15.5 L4.5,1.5 L3,1.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "pad": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/pad</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/pad\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M5.2,3.2 L5.2,20.8 L18.8,20.8 L18.8,3.2 L5.2,3.2 Z M4,3 C4,2.44771525 4.44771525,2 5,2 L19,2 C19.5522847,2 20,2.44771525 20,3 L20,21 C20,21.5522847 19.5522847,22 19,22 L5,22 C4.44771525,22 4,21.5522847 4,21 L4,3 Z M12,20 C11.4477153,20 11,19.5522847 11,19 C11,18.4477153 11.4477153,18 12,18 C12.5522847,18 13,18.4477153 13,19 C13,19.5522847 12.5522847,20 12,20 Z\" id=\"Combined-Shape\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/pad</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/pad\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M4,3 C4,2.44771525 4.44771525,2 5,2 L19,2 C19.5522847,2 20,2.44771525 20,3 L20,21 C20,21.5522847 19.5522847,22 19,22 L5,22 C4.44771525,22 4,21.5522847 4,21 L4,3 Z M12,20 C12.5522847,20 13,19.5522847 13,19 C13,18.4477153 12.5522847,18 12,18 C11.4477153,18 11,18.4477153 11,19 C11,19.5522847 11.4477153,20 12,20 Z\" id=\"\u5F62\u72B6\u7ED3\u5408\"></path>        </g>    </g></svg>" },
+    "pause": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/pause</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/pause\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M7,5 L9,5 C9.55228475,5 10,5.41786757 10,5.93333333 L10,18.0666667 C10,18.5821324 9.55228475,19 9,19 L7,19 C6.44771525,19 6,18.5821324 6,18.0666667 L6,5.93333333 C6,5.41786757 6.44771525,5 7,5 Z M7.2,17.8 L8.8,17.8 L8.8,6.2 L7.2,6.2 L7.2,17.8 Z M15,5 L17,5 C17.5522847,5 18,5.41786757 18,5.93333333 L18,18.0666667 C18,18.5821324 17.5522847,19 17,19 L15,19 C14.4477153,19 14,18.5821324 14,18.0666667 L14,5.93333333 C14,5.41786757 14.4477153,5 15,5 Z M15.2,17.8 L16.8,17.8 L16.8,6.2 L15.2,6.2 L15.2,17.8 Z\" id=\"\u5F62\u72B6\u7ED3\u5408\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/pause</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/pause\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M7,5 L9,5 C9.55228475,5 10,5.41786757 10,5.93333333 L10,18.0666667 C10,18.5821324 9.55228475,19 9,19 L7,19 C6.44771525,19 6,18.5821324 6,18.0666667 L6,5.93333333 C6,5.41786757 6.44771525,5 7,5 Z M15,5 L17,5 C17.5522847,5 18,5.41786757 18,5.93333333 L18,18.0666667 C18,18.5821324 17.5522847,19 17,19 L15,19 C14.4477153,19 14,18.5821324 14,18.0666667 L14,5.93333333 C14,5.41786757 14.4477153,5 15,5 Z\" id=\"\u5F62\u72B6\u7ED3\u5408\"></path>        </g>    </g></svg>" },
+    "pencil": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/pencil</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/pencil\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M11,1 L11,2.2 L1.2,2.2 L1.2,17.8 L16.8,17.8 L16.8,8 L18,8 L18,18 C18,18.5522847 17.5522847,19 17,19 L1,19 C0.44771525,19 0,18.5522847 0,18 L0,2 C0,1.44771525 0.44771525,1 1,1 L11,1 Z M16.8608816,0.74608004 C17.0556551,0.551306526 17.3714454,0.551306526 17.5662189,0.74608004 L18.2715562,1.45141733 C18.4663297,1.64619084 18.4663297,1.9619811 18.2715562,2.15675462 L8.76190575,11.6664051 L6.445312,12.9618781 C6.30106541,13.0425463 6.11873594,12.9910058 6.03806772,12.8467592 C5.98683746,12.755152 5.98734579,12.6434011 6.03940732,12.5522637 L7.35135595,10.2556057 L16.8608816,0.74608004 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/pencil</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/pencil\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M14,3 L14,5 L5,5 L5,19 L19,19 L19,10 L21,10 L21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 L14,3 Z M19.9403667,3.35355339 L20.6474735,4.06066017 C20.8427356,4.25592232 20.8427356,4.57250481 20.6474735,4.76776695 L11.3142761,14.1009644 L9.32169414,15.0809343 C9.17301667,15.1540552 8.99321354,15.0928045 8.92009261,14.9441271 C8.87903177,14.8606377 8.87903177,14.7628221 8.92009261,14.6793327 L9.90006249,12.6867508 L19.2332599,3.35355339 C19.4285221,3.15829124 19.7451046,3.15829124 19.9403667,3.35355339 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "photo-wall": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/photo-wall</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/photo-wall\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon34\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M4,4 L4,1 C4,0.44771525 4.44771525,0 5,0 L19,0 C19.5522847,0 20,0.44771525 20,1 L20,11 C20,11.5522847 19.5522847,12 19,12 L16,12 L16,10.8 L18.8,10.8 L18.8,1.2 L5.2,1.2 L5.2,4 L4,4 Z M1,4 L15,4 C15.5522847,4 16,4.44771525 16,5 L16,15 C16,15.5522847 15.5522847,16 15,16 L1,16 C0.44771525,16 0,15.5522847 0,15 L0,5 C0,4.44771525 0.44771525,4 1,4 Z M1.2,5.2 L1.2,14.8 L14.8,14.8 L14.8,5.2 L1.2,5.2 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/photo-wall</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/photo-wall\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon34\" fill=\"#000000\">            <path d=\"M6,6.5 L6,5 C6,4.44771525 6.44771525,4 7,4 L21,4 C21.5522847,4 22,4.44771525 22,5 L22,15 C22,15.5522847 21.5522847,16 21,16 L19.5,16 L19.5,8 C19.5,7.17157288 18.8284271,6.5 18,6.5 L6,6.5 Z M3,8 L17,8 C17.5522847,8 18,8.44771525 18,9 L18,19 C18,19.5522847 17.5522847,20 17,20 L3,20 C2.44771525,20 2,19.5522847 2,19 L2,9 C2,8.44771525 2.44771525,8 3,8 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "play": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/play</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/play\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M9.52409743,4.93790611 L19.6160552,11.1483417 C20.0864131,11.4377927 20.2330671,12.0537395 19.9436161,12.5240974 C19.8615728,12.6574179 19.7493757,12.769615 19.6160552,12.8516583 L9.52409743,19.0620939 C9.05373953,19.3515449 8.4377927,19.2048909 8.14834168,18.734533 C8.05135233,18.5769253 8,18.3954954 8,18.2104356 L8,5.78956442 C8,5.23727967 8.44771525,4.78956442 9,4.78956442 C9.18505978,4.78956442 9.36648973,4.84091676 9.52409743,4.93790611 Z M9.2,6.14747731 L9.2,17.8525227 L18.7103494,12 L9.2,6.14747731 Z\" id=\"\u77E9\u5F62\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/play</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/play\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">        <g id=\"Group\"></g>        <path d=\"M9.52409743,4.93790611 L19.6160552,11.1483417 C20.0864131,11.4377927 20.2330671,12.0537395 19.9436161,12.5240974 C19.8615728,12.6574179 19.7493757,12.769615 19.6160552,12.8516583 L9.52409743,19.0620939 C9.05373953,19.3515449 8.4377927,19.2048909 8.14834168,18.734533 C8.05135233,18.5769253 8,18.3954954 8,18.2104356 L8,5.78956442 C8,5.23727967 8.44771525,4.78956442 9,4.78956442 C9.18505978,4.78956442 9.36648973,4.84091676 9.52409743,4.93790611 Z\" id=\"\u77E9\u5F62\" fill-opacity=\"0.9\" fill=\"#000000\"></path>    </g></svg>" },
+    "play2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/play2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/play2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M8.7,12.8349028 L13.2358445,10 L8.7,7.16509717 L8.7,12.8349028 Z M8.26499947,5.47812467 L14.8216014,9.57600085 C15.0557696,9.72235601 15.1269562,10.0308312 14.980601,10.2649995 C14.9403607,10.329384 14.8859859,10.3837588 14.8216014,10.4239992 L8.26499947,14.5218753 C8.0308312,14.6682305 7.72235601,14.5970439 7.57600085,14.3628756 C7.52633472,14.2834098 7.5,14.191586 7.5,14.0978762 L7.5,5.90212382 C7.5,5.62598145 7.72385763,5.40212382 8,5.40212382 C8.09370986,5.40212382 8.18553367,5.42845854 8.26499947,5.47812467 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/play2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/play2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon21\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M10.7649995,8.38024849 C10.6855337,8.33058236 10.5937099,8.30424764 10.5,8.30424764 C10.2238576,8.30424764 10,8.52810527 10,8.80424764 L10,15.1957524 C10,15.2894622 10.0263347,15.381286 10.0760008,15.4607518 C10.222356,15.6949201 10.5308312,15.7661067 10.7649995,15.6197515 L15.8782032,12.4239992 C15.9425878,12.3837588 15.9969626,12.329384 16.0372029,12.2649995 C16.1835581,12.0308312 16.1123715,11.722356 15.8782032,11.5760008 L10.7649995,8.38024849 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "previous": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/previous</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/previous\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(4.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M6.44089928,5.5 L8.87132034,7.93042107 L7.81066017,8.99108124 L4.62867966,5.80910072 L3.92157288,5.10199394 C3.72631073,4.9067318 3.72631073,4.59014931 3.92157288,4.39488716 L7.81066017,0.505799865 L8.87132034,1.56646004 L6.43778038,4 L11,4 C14.3137085,4 17,6.6862915 17,10 C17,13.3137085 14.3137085,16 11,16 L0,16 L0,14.5 L11,14.5 C13.4852814,14.5 15.5,12.4852814 15.5,10 C15.5,7.51471863 13.4852814,5.5 11,5.5 L6.44089928,5.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/previous</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/previous\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon4\" transform=\"translate(4.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M6.58578644,6 L8.41421356,7.82842712 L7,9.24264069 L3.46446609,5.70710678 C3.0739418,5.31658249 3.0739418,4.68341751 3.46446609,4.29289322 L7,0.757359313 L8.41421356,2.17157288 L6.58578644,4 L11,4 C14.3137085,4 17,6.6862915 17,10 C17,13.3137085 14.3137085,16 11,16 L0,16 L0,14 L11,14 C13.209139,14 15,12.209139 15,10 C15,7.790861 13.209139,6 11,6 L6.58578644,6 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "previous2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/previous2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/previous2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M7.26862907,9.20000005 L8.6769553,10.6083263 L7.82842712,11.4568544 L5.84852817,9.47695549 L5.35355339,8.98198071 C5.15829124,8.78671856 5.15829124,8.47013607 5.35355339,8.27487392 L7.82842712,5.80000019 L8.6769553,6.64852836 L7.32548366,8 L12,8 C13.6568542,8 15,9.34314575 15,11 C15,12.6568542 13.6568542,14 12,14 L10,14.0000002 L10,12.8000002 L12,12.8000002 C12.9941125,12.8 13.8,11.9941125 13.8,11 C13.8,10.0058875 12.9941125,9.2 12,9.2 L7.26862907,9.20000005 Z M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/previous2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/previous2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_miniprogram\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M9.26862907,11.2 L14,11.2 C14.9941125,11.2 15.8,12.0058875 15.8,13 C15.8,13.9941125 14.9941125,14.8000002 14,14.8000002 L12,14.8000002 L12,16.0000002 L14,16.0000002 C15.6568542,16.0000002 17,14.6568542 17,13 C17,11.3431458 15.6568542,10 14,10 L9.32548366,10 L10.6769553,8.64852836 L9.82842712,7.80000019 L7.35355339,10.2748739 C7.15829124,10.4701361 7.15829124,10.7867186 7.35355339,10.9819807 L9.82842712,13.4568544 L10.6769553,12.6083263 L9.26862907,11.2 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "qr-code": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/qr-code</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/qr-code\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u56FE\u6807\u989C\u8272\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M8,16 L10,16 L10,18 L8,18 L8,16 Z M16,8 L18,8 L18,10 L16,10 L16,8 Z M8,12 L10,12 L10,14 L8,14 L8,12 Z M12,8 L14,8 L14,10 L12,10 L12,8 Z M1,0 L9,0 C9.55228475,0 10,0.44771525 10,1 L10,9 C10,9.55228475 9.55228475,10 9,10 L1,10 C0.44771525,10 0,9.55228475 0,9 L0,1 C0,0.44771525 0.44771525,0 1,0 Z M1.2,1.2 L1.2,8.8 L8.8,8.8 L8.8,1.2 L1.2,1.2 Z M4,4 L6,4 L6,6 L4,6 L4,4 Z M13,0 L17,0 C17.5522847,0 18,0.44771525 18,1 L18,5 C18,5.55228475 17.5522847,6 17,6 L13,6 C12.4477153,6 12,5.55228475 12,5 L12,1 C12,0.44771525 12.4477153,0 13,0 Z M13.2,4.8 L16.8,4.8 L16.8,1.2 L13.2,1.2 L13.2,4.8 Z M13,12 L17,12 C17.5522847,12 18,12.4477153 18,13 L18,17 C18,17.5522847 17.5522847,18 17,18 L13,18 C12.4477153,18 12,17.5522847 12,17 L12,13 C12,12.4477153 12.4477153,12 13,12 Z M13.2,16.8 L16.8,16.8 L16.8,13.2 L13.2,13.2 L13.2,16.8 Z M1,12 L5,12 C5.55228475,12 6,12.4477153 6,13 L6,17 C6,17.5522847 5.55228475,18 5,18 L1,18 C0.44771525,18 0,17.5522847 0,17 L0,13 C0,12.4477153 0.44771525,12 1,12 Z M1.2,16.8 L4.8,16.8 L4.8,13.2 L1.2,13.2 L1.2,16.8 Z\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/qr-code</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/qr-code\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M14,2 L14,4 L16,4 L16,2 L14,2 Z M8,16 L10,16 L10,18 L8,18 L8,16 Z M16,8 L18,8 L18,10 L16,10 L16,8 Z M8,12 L10,12 L10,14 L8,14 L8,12 Z M12,8 L14,8 L14,10 L12,10 L12,8 Z M1,0 L9,0 C9.55228475,0 10,0.44771525 10,1 L10,9 C10,9.55228475 9.55228475,10 9,10 L1,10 C0.44771525,10 0,9.55228475 0,9 L0,1 C0,0.44771525 0.44771525,0 1,0 Z M2,2 L2,8 L8,8 L8,2 L2,2 Z M4,4 L6,4 L6,6 L4,6 L4,4 Z M13,0 L17,0 C17.5522847,0 18,0.44771525 18,1 L18,5 C18,5.55228475 17.5522847,6 17,6 L13,6 C12.4477153,6 12,5.55228475 12,5 L12,1 C12,0.44771525 12.4477153,0 13,0 Z M13,12 L17,12 C17.5522847,12 18,12.4477153 18,13 L18,17 C18,17.5522847 17.5522847,18 17,18 L13,18 C12.4477153,18 12,17.5522847 12,17 L12,13 C12,12.4477153 12.4477153,12 13,12 Z M14,14 L14,16 L16,16 L16,14 L14,14 Z M1,12 L5,12 C5.55228475,12 6,12.4477153 6,13 L6,17 C6,17.5522847 5.55228475,18 5,18 L1,18 C0.44771525,18 0,17.5522847 0,17 L0,13 C0,12.4477153 0.44771525,12 1,12 Z M2,14 L2,16 L4,16 L4,14 L2,14 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "refresh": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/refresh</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/refresh\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(3.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M8.57694763,3.2112774 C4.46584819,3.43100725 1.2,6.83411377 1.2,11 C1.2,15.307821 4.69217895,18.8 9,18.8 C13.307821,18.8 16.8,15.307821 16.8,11 C16.8,8.90208215 15.9695547,6.93868889 14.5154329,5.48456711 L15.363961,4.63603897 C16.9926407,6.26471863 18,8.51471863 18,11 C18,15.9705627 13.9705627,20 9,20 C4.02943725,20 0,15.9705627 0,11 C0,6.30954147 3.58809453,2.45712733 8.16920597,2.03783519 L6.97989895,0.848528171 L7.82842712,3.1485925e-13 L10.3033009,2.47487373 C10.498563,2.67013588 10.498563,2.98671837 10.3033009,3.18198052 L9.80832608,3.6769553 L7.82842712,5.65685425 L6.97989895,4.80832608 L8.57694763,3.2112774 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/refresh</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/refresh\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_miniprogram\" fill=\"#000000\">            <path d=\"M10.5460197,5.13180618 L8.82842712,3.41421356 L10.2426407,2 L14.131728,5.8890873 C14.3269901,6.08434944 14.3269901,6.40093193 14.131728,6.59619408 L10.2426407,10.4852814 L8.82842712,9.07106781 L10.7741707,7.12532426 C8.04836137,7.69118678 6,10.1063832 6,13 C6,16.3137085 8.6862915,19 12,19 C15.3137085,19 18,16.3137085 18,13 C18,11.3852639 17.3618946,9.87661321 16.2426407,8.75735931 L17.6568542,7.34314575 C19.1045695,8.790861 20,10.790861 20,13 C20,17.418278 16.418278,21 12,21 C7.581722,21 4,17.418278 4,13 C4,9.07824577 6.821932,5.81558908 10.5460197,5.13180618 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "report-problem": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/report_problem</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/report_problem\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(1.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M10.9983807,1.40008709 L2.07828678,16.8542285 L19.9214654,16.8527331 L10.9983807,1.40008709 Z M1.73198946,18.0542575 C1.17970471,18.0542575 0.73190565,17.6066261 0.73190565,17.0543413 C0.73190565,16.8788151 0.778077283,16.7063769 0.865823011,16.5543567 L10.1322606,0.50017172 C10.4083483,0.0218474871 11.0199199,-0.142097683 11.4982441,0.133989935 C11.6502857,0.221747967 11.7765459,0.347984576 11.8643324,0.500009721 L21.133877,16.5526412 C21.4100541,17.0309138 21.2462233,17.6425161 20.7679507,17.9186932 C20.6159412,18.0064706 20.4435045,18.0526893 20.2679717,18.052704 L1.73198946,18.0542575 Z M10.3725586,6.95410156 L11.6274414,6.95410156 L11.5297852,11.6757812 L10.4702148,11.6757812 L10.3725586,6.95410156 Z M10.9975586,14.0976562 C10.6020508,14.0976562 10.2895508,13.7900391 10.2895508,13.4042969 C10.2895508,13.0185547 10.6020508,12.7158203 10.9975586,12.7158203 C11.3979492,12.7158203 11.7104492,13.0185547 11.7104492,13.4042969 C11.7104492,13.7900391 11.3979492,14.0976562 10.9975586,14.0976562 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/report-problem</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/report-problem\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(1.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M20.2679717,18.052704 L1.73198946,18.0542575 C1.17970471,18.0543038 0.731951939,17.6066261 0.731905653,17.0543413 C0.731890943,16.8788151 0.778077283,16.7063769 0.865823011,16.5543567 L10.1322606,0.50017172 C10.4083483,0.0218474871 11.0199199,-0.142097683 11.4982441,0.133989935 C11.6502857,0.221747967 11.7765459,0.347984576 11.8643324,0.500009721 L21.133877,16.5526412 C21.4100541,17.0309138 21.2462233,17.6425161 20.7679507,17.9186932 C20.6159412,18.0064706 20.4435045,18.0526893 20.2679717,18.052704 Z M10.2470703,6.54492188 L10.3642578,12.2109375 L11.6357422,12.2109375 L11.7529297,6.54492188 L10.2470703,6.54492188 Z M10.9970703,15.1171875 C11.4775391,15.1171875 11.8525391,14.7480469 11.8525391,14.2851563 C11.8525391,13.8222656 11.4775391,13.4589844 10.9970703,13.4589844 C10.5224609,13.4589844 10.1474609,13.8222656 10.1474609,14.2851563 C10.1474609,14.7480469 10.5224609,15.1171875 10.9970703,15.1171875 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "search": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/search</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/search\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(4.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M12.3099312,11.561403 L16.4242641,15.6757359 L15.5757359,16.5242641 L11.4528509,12.4013791 C10.2428099,13.4000674 8.69146727,14 7,14 C3.134,14 0,10.866 0,7 C0,3.134 3.134,0 7,0 C10.866,0 14,3.134 14,7 C14,8.74248408 13.3633321,10.3362634 12.3099312,11.561403 Z M12.7999973,7.0000124 C12.7999973,3.79675515 10.2032544,1.20001221 6.99999714,1.20001221 C3.79673989,1.20001221 1.19999695,3.79675515 1.19999695,7.0000124 C1.19999695,10.2032696 3.79673989,12.8000126 6.99999714,12.8000126 C10.2032544,12.8000126 12.7999973,10.2032696 12.7999973,7.0000124 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/search</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/search\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_search\" fill=\"#000000\">            <path d=\"M16.6216248,15.171751 L20.8662058,19.4163321 L19.4519923,20.8305456 L15.21253,16.5910833 C14.0404668,17.4755514 12.5814804,18 11,18 C7.134,18 4,14.866 4,11 C4,7.134 7.134,4 11,4 C14.866,4 18,7.134 18,11 C18,12.5631909 17.4876115,14.0067046 16.6216248,15.171751 Z M16,11 C16,8.23857143 13.7614286,6 11,6 C8.23857143,6 6,8.23857143 6,11 C6,13.7614286 8.23857143,16 11,16 C13.7614286,16 16,13.7614286 16,11 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "sending": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/sending</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/sending\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(5.000000, 7.000000)\" fill=\"#000000\">            <path d=\"M2.87132034,4.25 L8,4.25 L8,5.75 L2.87132034,5.75 L5.30330086,8.18198052 L4.24264069,9.24264069 L1.06066017,6.06066017 L0.353553391,5.35355339 C0.158291245,5.15829124 0.158291245,4.84170876 0.353553391,4.64644661 L4.24264069,0.757359313 L5.30330086,1.81801948 L2.87132034,4.25 Z M9.5,4.25 L11,4.25 L11,5.75 L9.5,5.75 L9.5,4.25 Z M12.5,4.25 L14,4.25 L14,5.75 L12.5,5.75 L12.5,4.25 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/sending</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/sending\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group-11\" transform=\"translate(5.000000, 7.000000)\" fill=\"#000000\">            <path d=\"M3.82842712,4 L8,4 L8,6 L3.82842712,6 L5.65685425,7.82842712 L4.24264069,9.24264069 L1.41421356,6.41421356 L0.353553391,5.35355339 C0.158291245,5.15829124 0.158291245,4.84170876 0.353553391,4.64644661 L4.24264069,0.757359313 L5.65685425,2.17157288 L3.82842712,4 Z M9,4 L11,4 L11,6 L9,6 L9,4 Z M12,4 L14,4 L14,6 L12,6 L12,4 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "setting": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/setting</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/setting\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10.5630683,1.2 L9.43693169,1.2 L8.79240518,3.77810602 L8.14519264,3.97714227 C7.76740015,4.0933242 7.40218123,4.24492893 7.05375494,4.42967378 L6.45518089,4.74705359 L4.17560975,3.3793109 L3.3793109,4.17560975 L4.74705359,6.45518089 L4.42967378,7.05375494 C4.24492893,7.40218123 4.0933242,7.76740015 3.97714227,8.14519264 L3.77810602,8.79240518 L1.2,9.43693169 L1.2,10.5630683 L3.77810602,11.2075948 L3.97714227,11.8548074 C4.0933242,12.2325999 4.24492893,12.5978188 4.42967378,12.9462451 L4.74705359,13.5448191 L3.3793109,15.8243903 L4.17560975,16.6206891 L6.45518089,15.2529464 L7.05375494,15.5703262 C7.40218123,15.7550711 7.76740015,15.9066758 8.14519264,16.0228577 L8.79240518,16.221894 L9.43693169,18.8 L10.5630683,18.8 L11.2075948,16.221894 L11.8548074,16.0228577 C12.2325999,15.9066758 12.5978188,15.7550711 12.9462451,15.5703262 L13.5448191,15.2529464 L15.8243903,16.6206891 L16.6206891,15.8243903 L15.2529464,13.5448191 L15.5703262,12.9462451 C15.7550711,12.5978188 15.9066758,12.2325999 16.0228577,11.8548074 L16.221894,11.2075948 L18.8,10.5630683 L18.8,9.43693169 L16.221894,8.79240518 L16.0228577,8.14519264 C15.9066758,7.76740015 15.7550711,7.40218123 15.5703262,7.05375494 L15.2529464,6.45518089 L16.6206891,4.17560975 L15.8243903,3.3793109 L13.5448191,4.74705359 L12.9462451,4.42967378 C12.5978188,4.24492893 12.2325999,4.0933242 11.8548074,3.97714227 L11.2075948,3.77810602 L10.5630683,1.2 Z M13.5083849,3.36948567 L15.3408974,2.26997816 C15.7343732,2.03389271 16.2380315,2.09589589 16.5624999,2.42036431 L17.5796357,3.43750007 C17.9041041,3.76196849 17.9661073,4.26562685 17.7300218,4.6591026 L16.6305143,6.49161512 C16.8491215,6.90390529 17.0303999,7.33902209 17.1698454,7.79246134 L19.2425356,8.31063391 C19.6877026,8.42192566 20,8.82190876 20,9.28077641 L20,10.7192236 C20,11.1780912 19.6877026,11.5780743 19.2425356,11.6893661 L17.1698454,12.2075387 C17.0303999,12.6609779 16.8491215,13.0960947 16.6305143,13.5083849 L17.7300218,15.3408974 C17.9661073,15.7343732 17.9041041,16.2380315 17.5796357,16.5624999 L16.5624999,17.5796357 C16.2380315,17.9041041 15.7343732,17.9661073 15.3408974,17.7300218 L13.5083849,16.6305143 C13.0960947,16.8491215 12.6609779,17.0303999 12.2075387,17.1698454 L11.6893661,19.2425356 C11.5780743,19.6877026 11.1780912,20 10.7192236,20 L9.28077641,20 C8.82190876,20 8.42192566,19.6877026 8.31063391,19.2425356 L7.79246134,17.1698454 C7.33902209,17.0303999 6.90390529,16.8491215 6.49161512,16.6305143 L4.6591026,17.7300218 C4.26562685,17.9661073 3.76196849,17.9041041 3.43750007,17.5796357 L2.42036431,16.5624999 C2.09589589,16.2380315 2.03389271,15.7343732 2.26997816,15.3408974 L3.36948567,13.5083849 C3.1508785,13.0960947 2.9696001,12.6609779 2.83015464,12.2075387 L0.757464375,11.6893661 C0.312297374,11.5780743 0,11.1780912 0,10.7192236 L0,9.28077641 C0,8.82190876 0.312297374,8.42192566 0.757464375,8.31063391 L2.83015464,7.79246134 C2.9696001,7.33902209 3.1508785,6.90390529 3.36948567,6.49161512 L2.26997816,4.6591026 C2.03389271,4.26562685 2.09589589,3.76196849 2.42036431,3.43750007 L3.43750007,2.42036431 C3.76196849,2.09589589 4.26562685,2.03389271 4.6591026,2.26997816 L6.49161512,3.36948567 C6.90390529,3.1508785 7.33902209,2.9696001 7.79246134,2.83015464 L8.31063391,0.757464375 C8.42192566,0.312297374 8.82190876,0 9.28077641,0 L10.7192236,0 C11.1780912,0 11.5780743,0.312297374 11.6893661,0.757464375 L12.2075387,2.83015464 C12.6609779,2.9696001 13.0960947,3.1508785 13.5083849,3.36948567 Z M10,12.8 C11.5463973,12.8 12.8,11.5463973 12.8,10 C12.8,8.4536027 11.5463973,7.2 10,7.2 C8.4536027,7.2 7.2,8.4536027 7.2,10 C7.2,11.5463973 8.4536027,12.8 10,12.8 Z M10,14 C7.790861,14 6,12.209139 6,10 C6,7.790861 7.790861,6 10,6 C12.209139,6 14,7.790861 14,10 C14,12.209139 12.209139,14 10,14 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/setting</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/setting\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon26\" fill=\"#000000\">            <path d=\"M14.2075387,4.83015464 C14.6609779,4.9696001 15.0960947,5.1508785 15.5083849,5.36948567 L17.3408974,4.26997816 C17.7343732,4.03389271 18.2380315,4.09589589 18.5624999,4.42036431 L19.5796357,5.43750007 C19.9041041,5.76196849 19.9661073,6.26562685 19.7300218,6.6591026 L18.6305143,8.49161512 C18.8491215,8.90390529 19.0303999,9.33902209 19.1698454,9.79246134 L21.2425356,10.3106339 C21.6877026,10.4219257 22,10.8219088 22,11.2807764 L22,12.7192236 C22,13.1780912 21.6877026,13.5780743 21.2425356,13.6893661 L19.1698454,14.2075387 C19.0303999,14.6609779 18.8491215,15.0960947 18.6305143,15.5083849 L19.7300218,17.3408974 C19.9661073,17.7343732 19.9041041,18.2380315 19.5796357,18.5624999 L18.5624999,19.5796357 C18.2380315,19.9041041 17.7343732,19.9661073 17.3408974,19.7300218 L15.5083849,18.6305143 C15.0960947,18.8491215 14.6609779,19.0303999 14.2075387,19.1698454 L13.6893661,21.2425356 C13.5780743,21.6877026 13.1780912,22 12.7192236,22 L11.2807764,22 C10.8219088,22 10.4219257,21.6877026 10.3106339,21.2425356 L9.79246134,19.1698454 C9.33902209,19.0303999 8.90390529,18.8491215 8.49161512,18.6305143 L6.6591026,19.7300218 C6.26562685,19.9661073 5.76196849,19.9041041 5.43750007,19.5796357 L4.42036431,18.5624999 C4.09589589,18.2380315 4.03389271,17.7343732 4.26997816,17.3408974 L5.36948567,15.5083849 C5.1508785,15.0960947 4.9696001,14.6609779 4.83015464,14.2075387 L2.75746437,13.6893661 C2.31229737,13.5780743 2,13.1780912 2,12.7192236 L2,11.2807764 C2,10.8219088 2.31229737,10.4219257 2.75746437,10.3106339 L4.83015464,9.79246134 C4.9696001,9.33902209 5.1508785,8.90390529 5.36948567,8.49161512 L4.26997816,6.6591026 C4.03389271,6.26562685 4.09589589,5.76196849 4.42036431,5.43750007 L5.43750007,4.42036431 C5.76196849,4.09589589 6.26562685,4.03389271 6.6591026,4.26997816 L8.49161512,5.36948567 C8.90390529,5.1508785 9.33902209,4.9696001 9.79246134,4.83015464 L10.3106339,2.75746437 C10.4219257,2.31229737 10.8219088,2 11.2807764,2 L12.7192236,2 C13.1780912,2 13.5780743,2.31229737 13.6893661,2.75746437 L14.2075387,4.83015464 Z M12,16 C14.209139,16 16,14.209139 16,12 C16,9.790861 14.209139,8 12,8 C9.790861,8 8,9.790861 8,12 C8,14.209139 9.790861,16 12,16 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "share": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/share</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/share\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon38\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M14.8,6.2 L12,6.2 L12,5 L15.0010434,5 C15.5508697,5 16,5.44583866 16,5.99580851 L16,19.0041915 C16,19.5510798 15.5541613,20 15.0041915,20 L0.995808514,20 C0.448920205,20 0,19.5541613 0,19.0041915 L0,5.99580851 C0,5.44892021 0.447248087,5 0.998956561,5 L4,5 L4,6.2 L1.2,6.2 L1.2,18.8 L14.8,18.8 L14.8,6.2 Z M8.59999394,2.26151638 L8.59999394,11.5 L7.3999939,11.5 L7.3999939,2.26152854 L5.31299427,4.34852817 L4.46446609,3.5 L7.29289322,0.671572875 C7.68341751,0.281048584 8.31658249,0.281048584 8.70710678,0.671572875 L11.5355339,3.5 L10.6870057,4.34852817 L8.59999394,2.26151638 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/share</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/share\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon38\" fill=\"#000000\">            <path d=\"M12.75,4.36643249 L12.75,7 L19.0010434,7 C19.5508697,7 20,7.44583866 20,7.99580851 L20,21.0041915 C20,21.5510798 19.5541613,22 19.0041915,22 L4.99580851,22 C4.44892021,22 4,21.5541613 4,21.0041915 L4,7.99580851 C4,7.44892021 4.44724809,7 4.99895656,7 L11.25,7 L11.25,4.37643471 L9.53050029,6.09619408 L8.47000027,5.03553391 L11.297947,2.20716017 C11.688335,1.81649963 12.3215,1.81645183 12.7120537,2.20694664 C12.7120893,2.20698223 12.7121249,2.20701782 12.7120537,2.20716017 L15.5400004,5.03553391 L14.4795004,6.09619408 L12.75,4.36643249 Z M11.25,7 L11.25,13.5 L12.75,13.5 L12.75,7 L11.25,7 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "shop": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/shop</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/shop\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon37\" transform=\"translate(4.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M4,5 L4,4 C4,1.790861 5.790861,0 8,0 C10.209139,0 12,1.790861 12,4 L12,5 L14.9991283,5 C15.5518945,5 16,5.44892021 16,6.00748397 L16,18.0081158 C16,19.1082031 15.1054862,20 14.0059397,20 L1.99406028,20 C0.892771196,20 0,19.1066027 0,18.0081158 L0,6.00748397 C0,5.45106594 0.444630861,5 1.00087166,5 L4,5 Z M5.19999757,5 L10.7999992,5 L10.7999992,4 C10.7999969,2.45359963 9.54639417,1.19999695 8,1.19999695 C6.45359963,1.19999695 5.19999695,2.45359963 5.19999695,4 L5.19999757,5 Z M4,6.2 L1.2,6.2 L1.2,18.0081158 C1.2,18.4442694 1.5559217,18.8 1.99406028,18.8 L14.0059397,18.8 C14.4438014,18.8 14.8,18.4444047 14.8,18.0081158 L14.8,6.2 L12,6.2 L12,9 L10.7999992,9 L10.7999992,6.2 L5.19999831,6.2 L5.20000005,9 L4,9 L4,6.2 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/shop</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/shop\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon37\" fill=\"#000000\">            <path d=\"M7.5,7 L7.5,6.5 C7.5,4.01471863 9.51471863,2 12,2 C14.4852814,2 16.5,4.01471863 16.5,6.5 L16.5,7 L18.9991283,7 C19.5518945,7 20,7.44892021 20,8.00748397 L20,20.0081158 C20,21.1082031 19.1054862,22 18.0059397,22 L5.99406028,22 C4.8927712,22 4,21.1066027 4,20.0081158 L4,8.00748397 C4,7.45106594 4.44463086,7 5.00087166,7 L7.5,7 Z M9,7 L15,7 L15,6.5 C15,4.84314575 13.6568542,3.5 12,3.5 C10.3431458,3.5 9,4.84314575 9,6.5 L9,7 Z M7.5,7 L7.5,11 L9,11 L9,7 L7.5,7 Z M15,7 L15,11 L16.5,11 L16.5,7 L15,7 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "star": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/star</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/star\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group-25\" transform=\"translate(2.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M13.9414342,11.2806496 L17.8828683,7.43870082 L12.4359403,6.64721585 L10,1.71146175 L7.56405973,6.64721585 L2.11713169,7.43870082 L6.05856585,11.2806496 L5.12811946,16.7055683 L10,14.1442691 L14.8718805,16.7055683 L13.9414342,11.2806496 Z M10,15.5 L5.32783438,17.9563028 C4.83898979,18.2133036 4.23436264,18.0253571 3.97736183,17.5365125 C3.87502276,17.3418521 3.83970808,17.118884 3.87688493,16.9021263 L4.76918916,11.6995935 L0.989327772,8.01513923 C0.593844194,7.62963801 0.585751887,6.99652475 0.971253099,6.60104117 C1.1247617,6.44355754 1.32590411,6.34107036 1.54354115,6.30944585 L6.76718111,5.55040653 L9.10326392,0.816985751 C9.34768622,0.321732091 9.94731205,0.118393092 10.4425657,0.362815385 C10.6397783,0.460145624 10.7994058,0.619773146 10.8967361,0.816985751 L13.2328189,5.55040653 L18.4564589,6.30944585 C19.0030037,6.38886347 19.3816852,6.89630632 19.3022676,7.44285118 C19.270643,7.66048821 19.1681559,7.86163062 19.0106722,8.01513923 L15.2308108,11.6995935 L16.1231151,16.9021263 C16.2164761,17.4464628 15.8508883,17.9634187 15.3065518,18.0567797 C15.0897942,18.0939566 14.8668261,18.0586419 14.6721656,17.9563028 L10,15.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/star</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/star\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group-25\" fill=\"#000000\">            <path d=\"M12,18.5 L7.32783438,20.9563028 C6.83898979,21.2133036 6.23436264,21.0253571 5.97736183,20.5365125 C5.87502276,20.3418521 5.83970808,20.118884 5.87688493,19.9021263 L6.76918916,14.6995935 L2.98932777,11.0151392 C2.59384419,10.629638 2.58575189,9.99652475 2.9712531,9.60104117 C3.1247617,9.44355754 3.32590411,9.34107036 3.54354115,9.30944585 L8.76718111,8.55040653 L11.1032639,3.81698575 C11.3476862,3.32173209 11.9473121,3.11839309 12.4425657,3.36281539 C12.6397783,3.46014562 12.7994058,3.61977315 12.8967361,3.81698575 L15.2328189,8.55040653 L20.4564589,9.30944585 C21.0030037,9.38886347 21.3816852,9.89630632 21.3022676,10.4428512 C21.270643,10.6604882 21.1681559,10.8616306 21.0106722,11.0151392 L17.2308108,14.6995935 L18.1231151,19.9021263 C18.2164761,20.4464628 17.8508883,20.9634187 17.3065518,21.0567797 C17.0897942,21.0939566 16.8668261,21.0586419 16.6721656,20.9563028 L12,18.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "sticker": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/sticker</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/sticker\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M4,10.5 L16,10.5 C16,13.8137085 13.3137085,16.5 10,16.5 C6.6862915,16.5 4,13.8137085 4,10.5 Z M10,15.3 C12.2366073,15.3 14.1159277,13.7702727 14.648779,11.7 L5.35122098,11.7 C5.88407233,13.7702727 7.76339268,15.3 10,15.3 Z M6.5,8.5 C5.67157288,8.5 5,7.82842712 5,7 C5,6.17157288 5.67157288,5.5 6.5,5.5 C7.32842712,5.5 8,6.17157288 8,7 C8,7.82842712 7.32842712,8.5 6.5,8.5 Z M13.5,8.5 C12.6715729,8.5 12,7.82842712 12,7 C12,6.17157288 12.6715729,5.5 13.5,5.5 C14.3284271,5.5 15,6.17157288 15,7 C15,7.82842712 14.3284271,8.5 13.5,8.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/sticker</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/sticker\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon23\" fill=\"#000000\">            <g id=\"Group-19\" transform=\"translate(2.000000, 2.000000)\">                <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,16 C12.8690213,16 15.2249641,13.80325 15.4775785,11 L4.52242151,11 C4.7750359,13.80325 7.13097872,16 10,16 Z M6.5,8.5 C7.32842712,8.5 8,7.82842712 8,7 C8,6.17157288 7.32842712,5.5 6.5,5.5 C5.67157288,5.5 5,6.17157288 5,7 C5,7.82842712 5.67157288,8.5 6.5,8.5 Z M13.5,8.5 C14.3284271,8.5 15,7.82842712 15,7 C15,6.17157288 14.3284271,5.5 13.5,5.5 C12.6715729,5.5 12,6.17157288 12,7 C12,7.82842712 12.6715729,8.5 13.5,8.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>            </g>        </g>    </g></svg>" },
+    "tag": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/tag</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/tag\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon28\" transform=\"translate(2.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M1.20710678,11.2071068 C0.816582489,10.8165825 0.816582489,10.1834175 1.20710678,9.79289322 L10.7071068,0.292893219 C10.8946432,0.10535684 11.1489971,0 11.4142136,0 L18,0 C18.5522847,0 19,0.44771525 19,1 L19,7.58578644 C19,7.85100293 18.8946432,8.10535684 18.7071068,8.29289322 L9.20710678,17.7928932 C8.81658249,18.1834175 8.18341751,18.1834175 7.79289322,17.7928932 L1.20710678,11.2071068 Z M17.8,7.50294373 L17.8,1.2 L11.4970563,1.2 L2.19705627,10.5 L8.5,16.8029437 L17.8,7.50294373 Z M14,6.5 C13.1715729,6.5 12.5,5.82842712 12.5,5 C12.5,4.17157288 13.1715729,3.5 14,3.5 C14.8284271,3.5 15.5,4.17157288 15.5,5 C15.5,5.82842712 14.8284271,6.5 14,6.5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/tag</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/tag\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon28\" fill=\"#000000\">            <path d=\"M3.20710678,14.2071068 C2.81658249,13.8165825 2.81658249,13.1834175 3.20710678,12.7928932 L12.7071068,3.29289322 C12.8946432,3.10535684 13.1489971,3 13.4142136,3 L20,3 C20.5522847,3 21,3.44771525 21,4 L21,10.5857864 C21,10.8510029 20.8946432,11.1053568 20.7071068,11.2928932 L11.2071068,20.7928932 C10.8165825,21.1834175 10.1834175,21.1834175 9.79289322,20.7928932 L3.20710678,14.2071068 Z M16,10 C17.1045695,10 18,9.1045695 18,8 C18,6.8954305 17.1045695,6 16,6 C14.8954305,6 14,6.8954305 14,8 C14,9.1045695 14.8954305,10 16,10 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "text": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/text</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/text\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M1,0 L17,0 C17.5522847,0 18,0.44771525 18,1 L18,17 C18,17.5522847 17.5522847,18 17,18 L1,18 C0.44771525,18 0,17.5522847 0,17 L0,1 C0,0.44771525 0.44771525,0 1,0 Z M1.2,1.2 L1.2,16.8 L16.8,16.8 L16.8,1.2 L1.2,1.2 Z M9.59999394,5.70000005 L9.59999394,14.5 L8.3999939,14.5 L8.3999939,5.70000005 L4.5,5.70000005 L4.5,4.5 L13.5,4.5 L13.5,5.70000005 L9.59999394,5.70000005 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/text</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/text\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" fill=\"#000000\">            <path d=\"M4,3 L20,3 C20.5522847,3 21,3.44771525 21,4 L21,20 C21,20.5522847 20.5522847,21 20,21 L4,21 C3.44771525,21 3,20.5522847 3,20 L3,4 C3,3.44771525 3.44771525,3 4,3 Z M13,9 L16.5,9 L16.5,7 L7.5,7 L7.5,9 L11,9 L11,17 L13,17 L13,9 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "time": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/time</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/time\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10.5999997,9.50294371 L14.4911685,13.3941125 L13.6426403,14.2426407 L9.39999962,10 L9.39999962,4 L10.5999997,4 L10.5999997,9.50294371 Z M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/time</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/time\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon21\" fill=\"#000000\">            <path d=\"M12.75,11.3793394 L12.75,6 L11.25,6 L11.25,12 L15.4926407,16.2433004 L16.5533009,15.1826403 L12.75,11.3793394 Z M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "transfer-text": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/transfer-text</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/transfer-text\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u56FE\u6807\u989C\u8272\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M1,0 L17,0 C17.5522847,0 18,0.44771525 18,1 L18,17 C18,17.5522847 17.5522847,18 17,18 L1,18 C0.44771525,18 0,17.5522847 0,17 L0,1 C0,0.44771525 0.44771525,0 1,0 Z M1.2,1.2 L1.2,16.8 L16.8,16.8 L16.8,1.2 L1.2,1.2 Z M4.57,5.86 L8.53,5.86 C8.28,5.4 7.97,4.97 7.61,4.56 L8.66,4.18 C9.02,4.65 9.35,5.21 9.65,5.86 L13.43,5.86 L13.43,6.9 L11.92,6.9 C11.44,8.4 10.74,9.65 9.82,10.66 C10.85,11.48 12.13,12.16 13.65,12.72 L13.07,13.61 C11.47,13.01 10.14,12.27 9.08,11.39 C7.96,12.38 6.58,13.11 4.95,13.57 L4.39,12.65 C5.98,12.24 7.3,11.6 8.34,10.72 C7.26,9.62 6.51,8.35 6.09,6.9 L4.57,6.9 L4.57,5.86 Z M7.09,6.9 C7.5,8.08 8.16,9.11 9.08,10.01 C9.86,9.15 10.45,8.11 10.84,6.9 L7.09,6.9 Z\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/transfer-text</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/transfer-text\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u56FE\u6807\u989C\u8272\" transform=\"translate(3.000000, 3.000000)\" fill=\"#000000\">            <path d=\"M1,0 L17,0 C17.5522847,0 18,0.44771525 18,1 L18,17 C18,17.5522847 17.5522847,18 17,18 L1,18 C0.44771525,18 0,17.5522847 0,17 L0,1 C0,0.44771525 0.44771525,0 1,0 Z M4.198,5.848 L4.198,6.992 L5.87,6.992 C6.332,8.587 7.157,9.984 8.345,11.194 C7.201,12.162 5.749,12.866 4,13.317 L4.616,14.329 C6.409,13.823 7.927,13.02 9.159,11.931 C10.325,12.899 11.788,13.713 13.548,14.373 L14.186,13.394 C12.514,12.778 11.106,12.03 9.973,11.128 C10.985,10.017 11.755,8.642 12.283,6.992 L13.944,6.992 L13.944,5.848 L9.786,5.848 C9.456,5.133 9.093,4.517 8.697,4 L7.542,4.418 C7.938,4.869 8.279,5.342 8.554,5.848 L4.198,5.848 Z M6.97,6.992 L11.095,6.992 C10.666,8.323 10.017,9.467 9.159,10.413 C8.147,9.423 7.421,8.29 6.97,6.992 Z\"></path>        </g>    </g></svg>" },
+    "transfer2": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/transfer2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/transfer2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M7.78990146,7.92367324 L15,7.92367324 L15,9.12367328 L7,9.12367328 L5.54588248,9.12367328 C5.2697401,9.12367328 5.04588248,8.89981542 5.04588248,8.62367305 C5.04588248,8.47568977 5.11143476,8.33530829 5.22489809,8.24030765 L8.3863121,5.59331722 C8.55569359,5.4514974 8.8079721,5.47384054 8.94979192,5.64322203 C9.06317978,5.778646 9.07432456,5.97240774 8.97721173,6.11993928 L7.78990146,7.92367324 Z M12.255981,12.0800002 L5.04588248,12.0800002 L5.04588248,10.8800001 L13.0458825,10.8800001 L14.5,10.8800001 C14.7761424,10.8800001 15,11.103858 15,11.3800001 C15,11.5279836 14.9344477,11.6683651 14.8209844,11.7633657 L11.6595704,14.4103562 C11.4901889,14.552176 11.2379104,14.5298329 11.0960906,14.3604514 C10.9827027,14.2250274 10.9715579,14.0312657 11.0686708,13.8837341 L12.255981,12.0800002 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/transfer2</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/transfer2\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_miniprogram\" fill=\"#000000\">            <path d=\"M13.0150338,14.5536734 L11.9008658,16.9301632 C11.8391719,17.0617546 11.853708,17.2164553 11.938835,17.334251 C12.0682302,17.5133036 12.3182766,17.5535588 12.4973291,17.4241636 L17.2974838,13.9552544 C17.4275709,13.8612449 17.5046203,13.7105008 17.5046203,13.5500002 C17.5046203,13.2738578 17.2807627,13.0500002 17.0046203,13.0500002 L13.7199998,13.0500002 L13.7182777,13.0536734 L7,13.0536734 L7,14.5536734 L13.0150338,14.5536734 Z M11.2095863,9.44631611 L12.3237543,7.0698263 C12.3854483,6.93823484 12.3709122,6.7835342 12.2857852,6.66573842 C12.1563899,6.48668585 11.9063436,6.44643061 11.727291,6.57582585 L6.9271363,10.0447351 C6.79704919,10.1387446 6.71999979,10.2894886 6.71999979,10.4499893 C6.71999979,10.7261316 6.94385742,10.9499893 7.21999979,10.9499893 L10.5046203,10.9499893 L10.5063424,10.9463161 L17.2199998,10.9463161 L17.2199998,9.44631611 L11.2095863,9.44631611 L11.2095863,9.44631611 Z M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "translate": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/translate</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/translate\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group-9\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M1.2,9.2 L1.2,18.8 L10.8,18.8 L10.8,9.2 L1.2,9.2 Z M8,8 L8,1.00247329 C8,0.455760956 8.44882258,0 9.00247329,0 L18.9975267,0 C19.544239,0 20,0.448822582 20,1.00247329 L20,10.9975267 C20,11.544239 19.5511774,12 18.9975267,12 L12,12 L12,18.9975267 C12,19.544239 11.5511774,20 10.9975267,20 L1.00247329,20 C0.455760956,20 0,19.5511774 0,18.9975267 L0,9.00247329 C0,8.45576096 0.448822582,8 1.00247329,8 L8,8 Z M9.2,8 L10.9975267,8 C11.544239,8 12,8.44882258 12,9.00247329 L12,10.8 L18.8,10.8 L18.8,1.2 L9.2,1.2 L9.2,8 Z M6.94499638,12.6968862 L4.78057032,12.6968862 C5.06288676,13.3628635 5.44654757,13.9564519 5.93155274,14.4704126 C6.35864685,13.9781686 6.69887435,13.391819 6.94499638,12.6968862 Z M9.22524457,12.6968862 L8.13217322,12.6968862 C7.79194571,13.6813744 7.32865719,14.4993681 6.73506877,15.1725843 C7.45895708,15.6937839 8.33486194,16.0774447 9.3845,16.3090889 C9.14561686,16.5407332 8.83434488,17.0040217 8.67508945,17.293577 C7.56030145,17.0040217 6.65544105,16.555211 5.90983609,15.9543837 C5.12079783,16.5769276 4.16526525,17.0329772 3.02152172,17.3514881 C2.90569959,17.0981272 2.58718873,16.6058831 2.3845,16.3597611 C3.49204912,16.1136391 4.39690951,15.7372172 5.12803671,15.2015398 C4.52720941,14.506607 4.06392089,13.6741355 3.68749897,12.6968862 L2.54375543,12.6968862 L2.54375543,11.6689648 L5.52617528,11.6689648 C5.45378645,11.3794095 5.32348656,11.0102265 5.18594778,10.7206711 L6.31521355,10.3876825 C6.49618563,10.72791 6.69887435,11.1839597 6.77126319,11.4879928 L6.18491365,11.6689648 L9.22524457,11.6689648 L9.22524457,12.6968862 Z M15.5507812,8.63671875 L15.1210938,7.26953125 L13.140625,7.26953125 L12.7109375,8.63671875 L11.5,8.63671875 L13.4570312,3 L14.84375,3 L16.8046875,8.63671875 L15.5507812,8.63671875 Z M14.1171875,4.078125 L13.3945312,6.38671875 L14.8671875,6.38671875 L14.1445312,4.078125 L14.1171875,4.078125 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/translate</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/translate\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group-9\" fill=\"#000000\">            <path d=\"M15.4745785,9.26953125 L17.1210938,9.26953125 L17.5507812,10.6367188 L18.8046875,10.6367188 L16.84375,5 L15.4570312,5 L14.2418545,8.5 L10,8.5 L10,3.00247329 C10,2.45576096 10.4488226,2 11.0024733,2 L20.9975267,2 C21.544239,2 22,2.44882258 22,3.00247329 L22,12.9975267 C22,13.544239 21.5511774,14 20.9975267,14 L15.5,14 L15.5,9.49268723 C15.5,9.41595736 15.4912019,9.34126077 15.4745785,9.26953125 L15.4745785,9.26953125 Z M16.1171875,6.078125 L16.1445312,6.078125 L16.8671875,8.38671875 L15.3945312,8.38671875 L16.1171875,6.078125 Z M3.00247329,10 L12.9975267,10 C13.544239,10 14,10.4488226 14,11.0024733 L14,20.9975267 C14,21.544239 13.5511774,22 12.9975267,22 L3.00247329,22 C2.45576096,22 2,21.5511774 2,20.9975267 L2,11.0024733 C2,10.455761 2.44882258,10 3.00247329,10 Z M11.2252446,14.6968862 L11.2252446,13.6689648 L8.18491365,13.6689648 L8.77126319,13.4879928 C8.69887435,13.1839597 8.49618563,12.72791 8.31521355,12.3876825 L7.18594778,12.7206711 C7.32348656,13.0102265 7.45378645,13.3794095 7.52617528,13.6689648 L4.54375543,13.6689648 L4.54375543,14.6968862 L5.68749897,14.6968862 C6.06392089,15.6741355 6.52720941,16.506607 7.12803671,17.2015398 C6.39690951,17.7372172 5.49204912,18.1136391 4.3845,18.3597611 C4.58718873,18.6058831 4.90569959,19.0981272 5.02152172,19.3514881 C6.16526525,19.0329772 7.12079783,18.5769276 7.90983609,17.9543837 C8.65544105,18.555211 9.56030145,19.0040217 10.6750895,19.293577 C10.8343449,19.0040217 11.1456169,18.5407332 11.3845,18.3090889 C10.3348619,18.0774447 9.45895708,17.6937839 8.73506877,17.1725843 C9.32865719,16.4993681 9.79194571,15.6813744 10.1321732,14.6968862 L11.2252446,14.6968862 Z M8.94499638,14.6968862 C8.69887435,15.391819 8.35864685,15.9781686 7.93155274,16.4704126 C7.44654757,15.9564519 7.06288676,15.3628635 6.78057032,14.6968862 L8.94499638,14.6968862 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "tv": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/tv</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/tv\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_tv&amp;display\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M1.2,1.2 L1.2,13.8 L18.8,13.8 L18.8,1.2 L1.2,1.2 Z M0,1 C0,0.44771525 0.44771525,0 1,0 L19,0 C19.5522847,0 20,0.44771525 20,1 L20,14 C20,14.5522847 19.5522847,15 19,15 L1,15 C0.44771525,15 0,14.5522847 0,14 L0,1 Z M6,16.8999993 C6,16.5686284 6.26617432,16.2999992 6.60130024,16.2999992 L13.3986998,16.2999992 C13.7307887,16.2999992 14,16.5783196 14,16.8999993 L14,17.4999993 L6,17.4999993 L6,16.8999993 Z M9.66543361,4.89648438 L7.80957031,4.89648438 L7.80957031,11 L6.71582031,11 L6.71582031,4.89648438 L4.55761719,4.89648438 L4.55761719,3.95410156 L9.32910156,3.95410156 L10.515625,3.95410156 L12.4345703,9.76953125 L12.4638672,9.76953125 L14.3876953,3.95410156 L15.5546875,3.95410156 L13.0400391,11 L11.84375,11 L9.66543361,4.89648438 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/tv</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/tv\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"common_icons_tv&amp;display\" fill=\"#000000\">            <path d=\"M11.2179689,7.95410156 L6.30000019,7.95410156 L6.30000019,9.16992188 L8.336133,9.16992188 L8.336133,15 L9.81074238,15 L9.81074238,9.16992188 L11.6266126,9.16992188 L13.586133,15 L15.3634768,15 L17.7316408,7.95410156 L16.1251955,7.95410156 L14.5138674,13.4814453 L14.4796877,13.4814453 L12.8683596,7.95410156 L11.2179689,7.95410156 Z M2,5 C2,4.44771525 2.44771525,4 3,4 L21,4 C21.5522847,4 22,4.44771525 22,5 L22,18 C22,18.5522847 21.5522847,19 21,19 L3,19 C2.44771525,19 2,18.5522847 2,18 L2,5 Z M8,21.0499992 C8,20.6357857 8.34375,20.2999992 8.75262058,20.2999992 L15.2473794,20.2999992 C15.6630403,20.2999992 16,20.6328979 16,21.0499992 L16,21.7999992 L8,21.7999992 L8,21.0499992 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "video-call": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/video-call</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/video-call\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u56FE\u6807\u989C\u8272\" transform=\"translate(2.000000, 5.000000)\" fill=\"#000000\">            <path d=\"M1.2,1.7 L1.2,12.3 L13.8,12.3 L13.8,1.7 L1.2,1.7 Z M1,0.5 L14,0.5 C14.5522847,0.5 15,0.94771525 15,1.5 L15,12.5 C15,13.0522847 14.5522847,13.5 14,13.5 L1,13.5 C0.44771525,13.5 0,13.0522847 0,12.5 L0,1.5 C0,0.94771525 0.44771525,0.5 1,0.5 Z M17.2,8.42325018 L19.8,10.5032502 L19.8,3.49674982 L17.2,5.57674982 L17.2,8.42325018 Z M16,5 L19.375305,2.29975604 C19.8065669,1.95474649 20.4358593,2.02466786 20.7808688,2.4559298 C20.9227192,2.63324285 21,2.85355335 21,3.08062485 L21,10.9193752 C21,11.4716599 20.5522847,11.9193752 20,11.9193752 C19.7729285,11.9193752 19.552618,11.8420944 19.375305,11.700244 L16,9 L16,5 Z\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/video-call</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/video-call\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Group\" transform=\"translate(2.000000, 5.000000)\" fill=\"#000000\">            <path d=\"M1,0.5 L14,0.5 C14.5522847,0.5 15,0.94771525 15,1.5 L15,12.5 C15,13.0522847 14.5522847,13.5 14,13.5 L1,13.5 C0.44771525,13.5 6.76353751e-17,13.0522847 0,12.5 L0,1.5 C-6.76353751e-17,0.94771525 0.44771525,0.5 1,0.5 Z M16,5 L19.375305,2.29975604 C19.8065669,1.95474649 20.4358593,2.02466786 20.7808688,2.4559298 C20.9227192,2.63324285 21,2.85355335 21,3.08062485 L21,10.9193752 C21,11.4716599 20.5522847,11.9193752 20,11.9193752 C19.7729285,11.9193752 19.552618,11.8420944 19.375305,11.700244 L16,9 L16,5 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "voice": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/voice</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/voice\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"Icons/Tint-Color/Black\" transform=\"translate(2.000000, 2.000000)\" fill=\"#000000\">            <path d=\"M10,20 C4.4771525,20 0,15.5228475 0,10 C0,4.4771525 4.4771525,0 10,0 C15.5228475,0 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 Z M10,18.8 C14.8601058,18.8 18.8,14.8601058 18.8,10 C18.8,5.1398942 14.8601058,1.2 10,1.2 C5.1398942,1.2 1.2,5.1398942 1.2,10 C1.2,14.8601058 5.1398942,18.8 10,18.8 Z M10.3083261,14.8083261 C11.5761218,13.5405304 12.3,11.8290902 12.3,10 C12.3,8.17090981 11.5761218,6.45946962 10.3083261,5.19167389 L11.1568542,4.34314575 C12.6045695,5.790861 13.5,7.790861 13.5,10 C13.5,12.209139 12.6045695,14.209139 11.1568542,15.6568542 L10.3083261,14.8083261 Z M8.32842712,12.8284271 C9.07450989,12.0823444 9.5,11.0763727 9.5,10 C9.5,8.92362725 9.07450989,7.91765564 8.32842712,7.17157288 L9.17695526,6.32304474 C10.1179702,7.26405965 10.7,8.56405965 10.7,10 C10.7,11.4359403 10.1179702,12.7359403 9.17695526,13.6769553 L8.32842712,12.8284271 Z M7.19705627,11.6970563 L5.5,10 L7.19705627,8.30294373 C7.63137085,8.7372583 7.9,9.3372583 7.9,10 C7.9,10.6627417 7.63137085,11.2627417 7.19705627,11.6970563 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/voice</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/voice\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"icon24\" fill=\"#000000\">            <path d=\"M12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 Z M12.3083261,16.8083261 L13.1568542,17.6568542 C14.6045695,16.209139 15.5,14.209139 15.5,12 C15.5,9.790861 14.6045695,7.790861 13.1568542,6.34314575 L12.3083261,7.19167389 C13.5761218,8.45946962 14.3,10.1709098 14.3,12 C14.3,13.8290902 13.5761218,15.5405304 12.3083261,16.8083261 Z M10.3284271,14.8284271 L11.1769553,15.6769553 C12.1179702,14.7359403 12.7,13.4359403 12.7,12 C12.7,10.5640597 12.1179702,9.26405965 11.1769553,8.32304474 L10.3284271,9.17157288 C11.0745099,9.91765564 11.5,10.9236273 11.5,12 C11.5,13.0763727 11.0745099,14.0823444 10.3284271,14.8284271 Z M9.19705627,13.6970563 C9.63137085,13.2627417 9.9,12.6627417 9.9,12 C9.9,11.3372583 9.63137085,10.7372583 9.19705627,10.3029437 L7.5,12 L9.19705627,13.6970563 Z\" id=\"\u56FE\u6807\u989C\u8272\"></path>        </g>    </g></svg>" },
+    "volume-down": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/volume_down</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/volume_down\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <path d=\"M12,5.41421356 L7.91421356,9.5 L3,9.5 L3,14.5 L7.91421356,14.5 L12,18.5857864 L12,5.41421356 Z M7.5,8.5 L11.2928932,4.70710678 C11.6834175,4.31658249 12.3165825,4.31658249 12.7071068,4.70710678 C12.8946432,4.89464316 13,5.14899707 13,5.41421356 L13,18.5857864 C13,19.1380712 12.5522847,19.5857864 12,19.5857864 C11.7347835,19.5857864 11.4804296,19.4804296 11.2928932,19.2928932 L7.5,15.5 L3,15.5 C2.44771525,15.5 2,15.0522847 2,14.5 L2,9.5 C2,8.94771525 2.44771525,8.5 3,8.5 L7.5,8.5 Z M15.3284271,14.8284271 C16.0745099,14.0823444 16.5,13.0763727 16.5,12 C16.5,10.9236273 16.0745099,9.91765564 15.3284271,9.17157288 L16.1769553,8.32304474 C17.1179702,9.26405965 17.7,10.5640597 17.7,12 C17.7,13.4359403 17.1179702,14.7359403 16.1769553,15.6769553 L15.3284271,14.8284271 Z\" id=\"Combined-Shape\" fill=\"#000000\"></path>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/volume-down</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/volume-down\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u97F3\u91CF\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M9.3,0.7 C9.7,0.3 10.3,0.3 10.7,0.7 C10.9,0.9 11,1.1 11,1.4 L11,14.6 C11,15.2 10.6,15.6 10,15.6 C9.7,15.6 9.5,15.5 9.3,15.3 L5.5,11.5 L1,11.5 C0.4,11.5 0,11.1 0,10.5 L0,5.5 C0,4.9 0.4,4.5 1,4.5 L5.5,4.5 L9.3,0.7 Z M14.2,11.9 L13.1,10.8 L13.2,10.7 C13.9,10 14.3,9 14.3,8 C14.3,7 13.9,6 13.2,5.3 L13.1,5.2 L14.2,4.1 L14.3,4.2 C15.3,5.2 15.9,6.6 15.9,8 C15.9,9.4 15.3,10.8 14.3,11.8 L14.2,11.9 Z\" id=\"Combined-Shape\"></path>        </g>    </g></svg>" },
+    "volume-off": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/volume_off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/volume_off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <path d=\"M8.84852842,7.15147158 L11.2928932,4.70710678 C11.6834175,4.31658249 12.3165825,4.31658249 12.7071068,4.70710678 C12.8946432,4.89464316 13,5.14899707 13,5.41421356 L13,11.3029432 L15.8635112,14.1664544 C16.2743314,13.5304353 16.5,12.7838871 16.5,12 C16.5,10.9236273 16.0745099,9.91765564 15.3284271,9.17157288 L16.1769553,8.32304474 C17.1179702,9.26405965 17.7,10.5640597 17.7,12 C17.7,13.1304063 17.3393038,14.1765674 16.7267259,15.029669 L17.8698713,16.1728144 C18.7875614,14.994606 19.3,13.5389457 19.3,12 C19.3,10.1709098 18.5761218,8.45946962 17.3083261,7.19167389 L18.1568542,6.34314575 C19.6045695,7.790861 20.5,9.790861 20.5,12 C20.5,13.9042389 19.8346829,15.6530847 18.7238215,17.0267646 L21.4249789,19.7279221 L20.5764507,20.5764502 L3.84852868,3.84852817 L4.69705685,3 L8.84852842,7.15147158 Z M12,10.3029432 L12,5.41421356 L9.55563521,7.85857836 L12,10.3029432 Z M7.80294315,9.5 L3,9.5 L3,14.5 L7.91421356,14.5 L12,18.5857864 L12,13.6970568 L13,14.6970568 L13,18.5857864 C13,19.1380712 12.5522847,19.5857864 12,19.5857864 C11.7347835,19.5857864 11.4804296,19.4804296 11.2928932,19.2928932 L7.5,15.5 L3,15.5 C2.44771525,15.5 2,15.0522847 2,14.5 L2,9.5 C2,8.94771525 2.44771525,8.5 3,8.5 L6.80294315,8.5 L7.80294315,9.5 Z\" id=\"Combined-Shape\" fill=\"#000000\"></path>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/volume-off</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/volume-off\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <path d=\"M9.06066017,6.93933983 L11.3,4.7 C11.7,4.3 12.3,4.3 12.7,4.7 C12.9,4.9 13,5.1 13,5.4 L13,10.8786797 L15.8785479,13.7572276 C16.1520151,13.2164906 16.3,12.6082453 16.3,12 C16.3,11 15.9,10 15.2,9.3 L15.1,9.2 L16.2,8.1 L16.3,8.2 C17.3,9.2 17.9,10.6 17.9,12 C17.9,13.0188672 17.5822172,14.0377344 17.0237418,14.9024214 L17.9423347,15.8210143 C18.7302379,14.7028496 19.1,13.4130518 19.1,12 C19.1,10.2 18.4,8.6 17.2,7.3 L17.1,7.2 L18.2,6.1 L18.3,6.2 C19.8,7.7 20.7,9.8 20.7,12 C20.7,13.820007 20.1524917,15.5031369 19.057475,16.9361546 L22.0918831,19.9705627 L21.0312229,21.0312229 L4.06066017,4.06066017 L5.12132034,3 L9.06066017,6.93933983 Z M13,15.1213203 L13,18.6 C13,19.2 12.6,19.6 12,19.6 C11.7,19.6 11.5,19.5 11.3,19.3 L7.5,15.5 L3,15.5 C2.4,15.5 2,15.1 2,14.5 L2,9.5 C2,8.9 2.4,8.5 3,8.5 L6.37867966,8.5 L13,15.1213203 Z\" id=\"Combined-Shape\" fill=\"#000000\"></path>    </g></svg>" },
+    "volume-up": { outline: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Outlined/volume_up</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Outlined/volume_up\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <path d=\"M12,5.41421356 L7.91421356,9.5 L3,9.5 L3,14.5 L7.91421356,14.5 L12,18.5857864 L12,5.41421356 Z M7.5,8.5 L11.2928932,4.70710678 C11.6834175,4.31658249 12.3165825,4.31658249 12.7071068,4.70710678 C12.8946432,4.89464316 13,5.14899707 13,5.41421356 L13,18.5857864 C13,19.1380712 12.5522847,19.5857864 12,19.5857864 C11.7347835,19.5857864 11.4804296,19.4804296 11.2928932,19.2928932 L7.5,15.5 L3,15.5 C2.44771525,15.5 2,15.0522847 2,14.5 L2,9.5 C2,8.94771525 2.44771525,8.5 3,8.5 L7.5,8.5 Z M17.3083261,16.8083261 C18.5761218,15.5405304 19.3,13.8290902 19.3,12 C19.3,10.1709098 18.5761218,8.45946962 17.3083261,7.19167389 L18.1568542,6.34314575 C19.6045695,7.790861 20.5,9.790861 20.5,12 C20.5,14.209139 19.6045695,16.209139 18.1568542,17.6568542 L17.3083261,16.8083261 Z M15.3284271,14.8284271 C16.0745099,14.0823444 16.5,13.0763727 16.5,12 C16.5,10.9236273 16.0745099,9.91765564 15.3284271,9.17157288 L16.1769553,8.32304474 C17.1179702,9.26405965 17.7,10.5640597 17.7,12 C17.7,13.4359403 17.1179702,14.7359403 16.1769553,15.6769553 L15.3284271,14.8284271 Z\" id=\"Combined-Shape\" fill=\"#000000\"></path>    </g></svg>", field: "<?xml version=\"1.0\" encoding=\"UTF-8\"?><svg width=\"24px\" height=\"24px\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">        <title>3.Icons/Filled/volume-up</title>    <desc>Created with Sketch.</desc>    <g id=\"3.Icons/Filled/volume-up\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\" fill-opacity=\"0.9\">        <g id=\"\u97F3\u91CF\" transform=\"translate(2.000000, 4.000000)\" fill=\"#000000\">            <path d=\"M9.3,0.7 C9.7,0.3 10.3,0.3 10.7,0.7 C10.9,0.9 11,1.1 11,1.4 L11,14.6 C11,15.2 10.6,15.6 10,15.6 C9.7,15.6 9.5,15.5 9.3,15.3 L5.5,11.5 L1,11.5 C0.4,11.5 0,11.1 0,10.5 L0,5.5 C0,4.9 0.4,4.5 1,4.5 L5.5,4.5 L9.3,0.7 Z M16.2,13.9 L15.1,12.8 L15.2,12.7 C16.5,11.4 17.1,9.8 17.1,8 C17.1,6.2 16.4,4.6 15.2,3.3 L15.1,3.2 L16.2,2.1 L16.3,2.2 C17.8,3.7 18.7,5.8 18.7,8 C18.7,10.2 17.9,12.2 16.3,13.8 L16.2,13.9 Z M14.2,11.9 L13.1,10.8 L13.2,10.7 C13.9,10 14.3,9 14.3,8 C14.3,7 13.9,6 13.2,5.3 L13.1,5.2 L14.2,4.1 L14.3,4.2 C15.3,5.2 15.9,6.6 15.9,8 C15.9,9.4 15.3,10.8 14.3,11.8 L14.2,11.9 Z\" id=\"Combined-Shape\"></path>        </g>    </g></svg>" }
+};
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/icon/icon.json b/miniprogram_npm/weui-miniprogram/icon/icon.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/icon/icon.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/icon/icon.wxml b/miniprogram_npm/weui-miniprogram/icon/icon.wxml
new file mode 100644
index 0000000..dba5634
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/icon/icon.wxml
@@ -0,0 +1,14 @@
+<wxs module="utils">
+    var double = function(a) {
+        return 2*a
+    };
+    var ifSpecialIcon = function(v) {
+      return v === 'arrow' || v === 'back'
+    }
+    module.exports = {
+      double: double,
+      ifSpecialIcon: ifSpecialIcon
+    }
+</wxs>
+
+<view class="{{extClass}} weui-icon" style="background:{{color}};width:{{size}}px;height:{{ utils.ifSpecialIcon(icon) ? utils.double(size) : size}}px;mask-image:url({{src}});-webkit-mask-image:url({{src}});-moz-mask-image:url({{src}})"></view>
diff --git a/miniprogram_npm/weui-miniprogram/icon/icon.wxss b/miniprogram_npm/weui-miniprogram/icon/icon.wxss
new file mode 100644
index 0000000..f84d9ca
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/icon/icon.wxss
@@ -0,0 +1 @@
+.weui-icon{vertical-align:middle;display:inline-block;background:black;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-moz-mask-repeat:no-repeat;mask-size:cover;-webkit-mask-size:cover;-moz-mask-size:cover}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/index.js b/miniprogram_npm/weui-miniprogram/index.js
new file mode 100644
index 0000000..e24a3fd
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/index.js
@@ -0,0 +1,100 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 26);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 26:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", { value: true });
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/index.json b/miniprogram_npm/weui-miniprogram/index.json
new file mode 100644
index 0000000..d3b37ef
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/index.json
@@ -0,0 +1,24 @@
+{
+  "usingComponents": {
+    "actionsheet": "./actionsheet/actionsheet",
+    "form-page": "./form-page/form-page",
+    "navigation-bar": "./navigation-bar/navigation-bar",
+    "form": "./form/form",
+    "cell": "./cell/cell",
+    "icon": "./icon/icon",
+    "toptips": "./toptips/toptips",
+    "loading": "./loading/loading",
+    "tabbar": "./tabbar/tabbar",
+    "cells": "./cells/cells",
+    "half-screen-dialog": "./half-screen-dialog/half-screen-dialog",
+    "slideview": "./slideview/slideview",
+    "msg": "./msg/msg",
+    "dialog": "./dialog/dialog",
+    "uploader": "./uploader/uploader",
+    "gallery": "./gallery/gallery",
+    "checkbox": "./checkbox/checkbox",
+    "badge": "./badge/badge",
+    "searchbar": "./searchbar/searchbar",
+    "checkbox-group": "./checkbox-group/checkbox-group"
+  }
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/loading/loading.js b/miniprogram_npm/weui-miniprogram/loading/loading.js
new file mode 100644
index 0000000..3c38b7a
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/loading/loading.js
@@ -0,0 +1,181 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 14);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 14:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        extClass: {
+            type: String,
+            value: ''
+        },
+        show: {
+            type: Boolean,
+            value: true,
+            observer: function observer(newValue) {
+                this._computedStyle(newValue, this.data.animated);
+            }
+        },
+        animated: {
+            type: Boolean,
+            value: false,
+            observer: function observer(newValue) {
+                this._computedStyle(this.data.show, newValue);
+            }
+        },
+        duration: {
+            type: Number,
+            value: 350
+        },
+        type: {
+            type: String,
+            value: 'dot-gray'
+        },
+        tips: {
+            type: String,
+            value: '加载中'
+        }
+    },
+    data: {
+        animationData: {},
+        animationInstance: {},
+        displayStyle: 'none'
+    },
+    methods: {
+        _computedStyle: function _computedStyle(show, animated) {
+            if (!show) {
+                if (!animated) {
+                    this.setData({
+                        displayStyle: 'none'
+                    });
+                } else {
+                    this._startAnimation();
+                }
+            } else {
+                this.setData({
+                    displayStyle: ''
+                });
+            }
+        },
+        _startAnimation: function _startAnimation() {
+            var _this = this;
+
+            setTimeout(function () {
+                var data = _this.data;
+                var animation = data.animationInstance;
+                animation.height(0).step();
+                _this.setData({
+                    animationData: animation.export()
+                });
+            }, 0);
+        }
+    },
+    lifetimes: {
+        attached: function attached() {
+            var data = this.data;
+            var animationInstance = wx.createAnimation({
+                duration: data.duration,
+                timingFunction: 'ease'
+            });
+            this.setData({ animationInstance: animationInstance });
+            this._computedStyle(this.data.show, this.data.animated);
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/loading/loading.json b/miniprogram_npm/weui-miniprogram/loading/loading.json
new file mode 100644
index 0000000..7e37c03
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/loading/loading.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/loading/loading.wxml b/miniprogram_npm/weui-miniprogram/loading/loading.wxml
new file mode 100644
index 0000000..00b30ec
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/loading/loading.wxml
@@ -0,0 +1,9 @@
+<view style="display:{{displayStyle}};" class="wx_loading_view {{extClass}}" animation="{{animationData}}" id="wx_loading_view">
+    <view wx:if="{{type==='dot-white'}}" class="loading wx_dot_loading wx_dot_loading_white">
+    </view>
+    <view wx:elif="{{type==='dot-gray'}}" class="loading wx_dot_loading"></view>
+    <view wx:elif="{{type==='circle'}}" class="weui-loadmore">
+        <view class="weui-loading"></view>
+        <view class="weui-loadmore__tips">{{tips}}</view>
+    </view>
+</view>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/loading/loading.wxss b/miniprogram_npm/weui-miniprogram/loading/loading.wxss
new file mode 100644
index 0000000..f5aa149
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/loading/loading.wxss
@@ -0,0 +1 @@
+.weui-loading{margin:0 5px;width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12, end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}.weui-loading.weui-loading_transparent{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")}@keyframes weuiLoading{0%{transform:rotate3d(0, 0, 1, 0deg)}100%{transform:rotate3d(0, 0, 1, 360deg)}}.weui-loadmore{width:65%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}.weui-loadmore__tips{display:inline-block;vertical-align:middle}.weui-loadmore_line{border-top:1px solid rgba(0,0,0,0.1);margin-top:2.4em}.weui-loadmore__tips_in-line{position:relative;top:-0.9em;padding:0 .55em;background-color:#FFFFFF;color:rgba(0,0,0,0.5)}.weui-loadmore__tips_in-dot{position:relative;padding:0 .16em;width:4px;height:1.6em}.weui-loadmore__tips_in-dot:before{content:" ";position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-2px;width:4px;height:4px;border-radius:50%;background-color:rgba(0,0,0,0.1)}.wx_dot_loading,.wx_dot_loading:before,.wx_dot_loading:after{display:inline-block;vertical-align:middle;width:6px;height:6px;-webkit-border-radius:50%;border-radius:50%;background-color:rgba(0,0,0,0.3);font-size:0;animation:dot2 1.6s step-start infinite}.wx_dot_loading{position:relative}.wx_dot_loading:before{content:"";position:absolute;left:-12px;background-color:rgba(0,0,0,0.1);animation:dot1 1.6s step-start infinite}.wx_dot_loading:after{content:"";position:absolute;right:-12px;background-color:rgba(0,0,0,0.5);animation:dot3 1.6s step-start infinite}@keyframes dot1{0%,100%{background-color:rgba(0,0,0,0.1)}30%{background-color:rgba(0,0,0,0.5)}60%{background-color:rgba(0,0,0,0.3)}}@keyframes dot2{0%,100%{background-color:rgba(0,0,0,0.3)}30%{background-color:rgba(0,0,0,0.1)}60%{background-color:rgba(0,0,0,0.5)}}@keyframes dot3{0%,100%{background-color:rgba(0,0,0,0.5)}30%{background-color:rgba(0,0,0,0.3)}60%{background-color:rgba(0,0,0,0.1)}}.wx_dot_loading_white{background-color:rgba(255,255,255,0.3);animation:dotw2 1.6s step-start infinite}.wx_dot_loading_white:before{background-color:rgba(255,255,255,0.5);animation:dotw1 1.6s step-start infinite}.wx_dot_loading_white:after{background-color:rgba(255,255,255,0.1);animation:dotw3 1.6s step-start infinite}@keyframes dotw1{0%,100%{background-color:rgba(255,255,255,0.5)}30%{background-color:rgba(255,255,255,0.1)}60%{background-color:rgba(255,255,255,0.3)}}@keyframes dotw2{0%,100%{background-color:rgba(255,255,255,0.3)}30%{background-color:rgba(255,255,255,0.5)}60%{background-color:rgba(255,255,255,0.1)}}@keyframes dotw3{0%,100%{background-color:rgba(255,255,255,0.1)}30%{background-color:rgba(255,255,255,0.3)}60%{background-color:rgba(255,255,255,0.5)}}.wx_loading_view{display:flex;justify-content:center;align-items:center;overflow:hidden}.loading{color:rgba(255,255,255,0.9);font-size:17px;text-align:center}.loading_view_translation{transition:height .2s .3s ease}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/msg/msg.js b/miniprogram_npm/weui-miniprogram/msg/msg.js
new file mode 100644
index 0000000..6bc37ad
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/msg/msg.js
@@ -0,0 +1,132 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 19);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 19:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true,
+        multipleSlots: true
+    },
+    properties: {
+        title: {
+            type: String,
+            value: ''
+        },
+        type: {
+            type: String,
+            value: ''
+        },
+        icon: {
+            type: String,
+            value: ''
+        },
+        desc: {
+            type: String,
+            value: ''
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        size: {
+            type: Number,
+            value: 64
+        }
+    },
+    data: {}
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/msg/msg.json b/miniprogram_npm/weui-miniprogram/msg/msg.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/msg/msg.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/msg/msg.wxml b/miniprogram_npm/weui-miniprogram/msg/msg.wxml
new file mode 100644
index 0000000..edc3148
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/msg/msg.wxml
@@ -0,0 +1,24 @@
+<view class="weui-msg {{extClass}}">
+  <view class="weui-msg__icon-area">
+    <icon type="{{type}}" size="{{size}}" wx:if="{{type}}"></icon>
+    <image src="{{icon}}" mode="aspectFit" wx:elif="{{icon}}" />
+  </view>
+  <view class="weui-msg__text-area">
+    <view class="weui-msg__title">{{title}}</view>
+    <view class="weui-msg__desc">
+      {{desc}}
+      <slot name="desc" wx:if="{{!desc}}"></slot>
+    </view>
+    <slot name="extend"></slot>
+  </view>
+  <view class="weui-msg__opr-area">
+    <view class="weui-btn-area">
+      <slot name="handle"></slot>
+    </view>
+  </view>
+  <view class="weui-msg__extra-area">
+    <view class="weui-footer">
+      <slot name="footer"></slot>
+    </view>
+  </view>
+</view>
diff --git a/miniprogram_npm/weui-miniprogram/msg/msg.wxss b/miniprogram_npm/weui-miniprogram/msg/msg.wxss
new file mode 100644
index 0000000..4fc5590
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/msg/msg.wxss
@@ -0,0 +1 @@
+.weui-msg{padding-top:36px;padding:calc(36px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:calc(36px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);text-align:center;line-height:1.4;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;background-color:#FFFFFF}.weui-msg__link{color:#576B95;display:inline-block;vertical-align:baseline}.weui-msg__icon-area{margin-bottom:32px}.weui-msg__text-area{margin-bottom:32px;padding:0 32px;flex:1;line-height:1.6}.weui-msg__text-area:first-child{padding-top:96px}.weui-msg__title{margin-bottom:5px;font-weight:700;font-size:22px;word-wrap:break-word;word-break:break-all}.weui-msg__desc{font-size:17px;color:rgba(0,0,0,0.9);word-wrap:break-word;word-break:break-all;margin-bottom:16px}.weui-msg__desc-primary{font-size:14px;color:rgba(0,0,0,0.5);word-wrap:break-word;word-break:break-all;margin-bottom:16px}.weui-msg__opr-area{margin-bottom:16px}.weui-msg__opr-area .weui-btn-area{margin:0 16px}.weui-msg__opr-area .weui-btn+.weui-btn{margin-bottom:16px}.weui-msg__opr-area:last-child{margin-bottom:96px}.weui-msg__opr-area+.weui-msg__extra-area{margin-top:48px}.weui-msg__tips-area{margin-bottom:16px;padding:0 40px}.weui-msg__opr-area+.weui-msg__tips-area{margin-bottom:48px}.weui-msg__tips-area:last-child{margin-bottom:64px}.weui-msg__tips{font-size:12px;color:rgba(0,0,0,0.5)}.weui-msg__extra-area{position:static;margin-bottom:24px;font-size:12px;color:rgba(0,0,0,0.5)}.weui-msg__icon-area image{width:190rpx;height:190rpx}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.js b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.js
new file mode 100644
index 0000000..d975c8c
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.js
@@ -0,0 +1,189 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 3);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 3:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        multipleSlots: true,
+        addGlobalClass: true
+    },
+    properties: {
+        extClass: {
+            type: String,
+            value: ''
+        },
+        title: {
+            type: String,
+            value: ''
+        },
+        background: {
+            type: String,
+            value: ''
+        },
+        color: {
+            type: String,
+            value: ''
+        },
+        back: {
+            type: Boolean,
+            value: true
+        },
+        loading: {
+            type: Boolean,
+            value: false
+        },
+        animated: {
+            type: Boolean,
+            value: true
+        },
+        show: {
+            type: Boolean,
+            value: true,
+            observer: '_showChange'
+        },
+        delta: {
+            type: Number,
+            value: 1
+        }
+    },
+    data: {
+        displayStyle: ''
+    },
+    attached: function attached() {
+        var _this = this;
+
+        var isSupport = !!wx.getMenuButtonBoundingClientRect;
+        var rect = wx.getMenuButtonBoundingClientRect ? wx.getMenuButtonBoundingClientRect() : null;
+        wx.getSystemInfo({
+            success: function success(res) {
+                var ios = !!(res.system.toLowerCase().search('ios') + 1);
+                _this.setData({
+                    ios: ios,
+                    statusBarHeight: res.statusBarHeight,
+                    innerWidth: isSupport ? 'width:' + rect.left + 'px' : '',
+                    innerPaddingRight: isSupport ? 'padding-right:' + (res.windowWidth - rect.left) + 'px' : '',
+                    leftWidth: isSupport ? 'width:' + (res.windowWidth - rect.left) + 'px' : ''
+                });
+            }
+        });
+    },
+
+    methods: {
+        _showChange: function _showChange(show) {
+            var animated = this.data.animated;
+            var displayStyle = '';
+            if (animated) {
+                displayStyle = 'opacity: ' + (show ? '1' : '0') + ';-webkit-transition:opacity 0.5s;transition:opacity 0.5s;';
+            } else {
+                displayStyle = 'display: ' + (show ? '' : 'none');
+            }
+            this.setData({
+                displayStyle: displayStyle
+            });
+        },
+        back: function back() {
+            var data = this.data;
+            if (data.delta) {
+                wx.navigateBack({
+                    delta: data.delta
+                });
+            }
+            this.triggerEvent('back', { delta: data.delta }, {});
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.json b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.wxml b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.wxml
new file mode 100644
index 0000000..6a8e1cc
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.wxml
@@ -0,0 +1,32 @@
+<view class="weui-navigation-bar {{extClass}}">
+  <view class="weui-navigation-bar__placeholder {{ios ? 'ios' : 'android'}}" style="padding-top: {{statusBarHeight}}px;visibility: hidden;"></view>
+  <view class="weui-navigation-bar__inner {{ios ? 'ios' : 'android'}}" style="padding-top: {{statusBarHeight}}px; color: {{color}};background: {{background}};{{displayStyle}};{{innerPaddingRight}};{{innerWidth}};">
+
+    <view class='weui-navigation-bar__left' style="{{leftWidth}}">
+      <block wx:if="{{back}}">
+        <view class="weui-navigation-bar__buttons">
+          <view bindtap="back" class="weui-navigation-bar__button weui-navigation-bar__btn_goback"></view>
+        </view>
+      </block>
+      <block wx:else>
+        <slot name="left"></slot>
+      </block>
+    </view>
+
+    <view class='weui-navigation-bar__center'>
+      <view wx:if="{{loading}}" class="weui-navigation-bar__loading">
+        <view class="weui-loading" style="width:{{size.width}}rpx;height:{{size.height}}rpx;"></view>
+      </view>
+      <block wx:if="{{title}}">
+        <text>{{title}}</text>
+      </block>
+      <block wx:else>
+        <slot name="center"></slot>
+      </block>
+    </view>
+
+    <view class='weui-navigation-bar__right'>
+      <slot name="right"></slot>
+    </view>
+  </view>
+</view>
diff --git a/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.wxss b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.wxss
new file mode 100644
index 0000000..c4f3460
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/navigation-bar/navigation-bar.wxss
@@ -0,0 +1 @@
+page{--height:44px;--right:190rpx}.weui-navigation-bar{overflow:hidden}.weui-navigation-bar .android{--height:48px;--right:222rpx}.weui-navigation-bar__inner{position:fixed;top:0;left:0;z-index:5001;height:var(--height);display:flex;align-items:center;padding-right:var(--right);width:calc(100% - var(--right))}.weui-navigation-bar__inner .weui-navigation-bar__left{position:relative;width:var(--right);padding-left:16px;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;-webkit-box-pack:center}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn{display:inline-block;vertical-align:middle;background-repeat:no-repeat}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback{font-size:12px;width:1em;height:2em;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");background-position:50% 50%;background-size:cover}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active{opacity:.5}.weui-navigation-bar__inner .weui-navigation-bar__center{font-size:17px;text-align:center;position:relative;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-navigation-bar__inner .weui-navigation-bar__loading{font-size:0}.weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading{margin-left:0}.weui-navigation-bar__inner .weui-navigation-bar__right{margin-right:16px}.weui-navigation-bar__placeholder{height:var(--height);background:#F8F8F8;position:relative;z-index:50}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/package.json b/miniprogram_npm/weui-miniprogram/package.json
new file mode 100644
index 0000000..f5e319b
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/package.json
@@ -0,0 +1,7 @@
+{
+    "name": "weui-miniprogram",
+    "version": "0.2.1",
+    "description": "",
+    "author": "xushengni,tomylin,cunjinli,rockhou",
+    "license": "MIT"
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/searchbar/searchbar.js b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.js
new file mode 100644
index 0000000..9602201
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.js
@@ -0,0 +1,209 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 25);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 25:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        extClass: {
+            type: String,
+            value: ''
+        },
+        focus: {
+            type: Boolean,
+            value: false
+        },
+        placeholder: {
+            type: String,
+            value: '搜索'
+        },
+        value: {
+            type: String,
+            value: ''
+        },
+        search: {
+            type: Function,
+            value: null
+        },
+        throttle: {
+            type: Number,
+            value: 500
+        },
+        cancelText: {
+            type: String,
+            value: '取消'
+        },
+        cancel: {
+            type: Boolean,
+            value: true
+        }
+    },
+    data: {
+        result: []
+    },
+    lastSearch: Date.now(),
+    lifetimes: {
+        attached: function attached() {
+            if (this.data.focus) {
+                this.setData({
+                    searchState: true
+                });
+            }
+        }
+    },
+    methods: {
+        clearInput: function clearInput() {
+            this.setData({
+                value: ''
+            });
+            this.triggerEvent('clear');
+        },
+        inputFocus: function inputFocus(e) {
+            this.triggerEvent('focus', e.detail);
+        },
+        inputBlur: function inputBlur(e) {
+            this.setData({
+                focus: false
+            });
+            this.triggerEvent('blur', e.detail);
+        },
+        showInput: function showInput() {
+            this.setData({
+                focus: true,
+                searchState: true
+            });
+        },
+        hideInput: function hideInput() {
+            this.setData({
+                searchState: false
+            });
+        },
+        inputChange: function inputChange(e) {
+            var _this = this;
+
+            this.setData({
+                value: e.detail.value
+            });
+            this.triggerEvent('input', e.detail);
+            if (Date.now() - this.lastSearch < this.data.throttle) {
+                return;
+            }
+            if (typeof this.data.search !== 'function') {
+                return;
+            }
+            this.lastSearch = Date.now();
+            this.timerId = setTimeout(function () {
+                _this.data.search(e.detail.value).then(function (json) {
+                    _this.setData({
+                        result: json
+                    });
+                }).catch(function (err) {
+                    console.log('search error', err);
+                });
+            }, this.data.throttle);
+        },
+        selectResult: function selectResult(e) {
+            var index = e.currentTarget.dataset.index;
+
+            var item = this.data.result[index];
+            this.triggerEvent('selectresult', { index: index, item: item });
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/searchbar/searchbar.json b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.json
new file mode 100644
index 0000000..67ee694
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "mp-cells": "../cells/cells",
+        "mp-cell": "../cell/cell"
+    }
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/searchbar/searchbar.wxml b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.wxml
new file mode 100644
index 0000000..b7c3ee4
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.wxml
@@ -0,0 +1,21 @@
+<view class="weui-search-bar {{extClass}}">
+    <view class="weui-search-bar__form">
+        <view class="weui-search-bar__box">
+            <icon class="weui-icon-search_in-box" type="search" size="12"></icon>
+            <input type="text" class="weui-search-bar__input" placeholder="{{placeholder}}" value="{{value}}" focus="{{focus}}" bindblur="inputBlur" bindfocus="inputFocus" bindinput="inputChange" />
+            <view class="weui-icon-clear" wx:if="{{value.length > 0}}" bindtap="clearInput">
+                <icon type="clear" size="12"></icon>
+            </view>
+        </view>
+        <label class="weui-search-bar__label" hidden="{{searchState}}" bindtap="showInput">
+            <icon class="weui-icon-search" type="search" size="12"></icon>
+            <view class="weui-search-bar__text">搜索</view>
+        </label>
+    </view>
+    <view wx:if="{{cancel && searchState}}" class="weui-search-bar__cancel-btn" bindtap="hideInput">{{cancelText}}</view>
+</view>
+<mp-cells class="searchbar-result  {{extClass}}" wx:if="{{searchState && result.length > 0}}">
+    <mp-cell bindtap="selectResult" data-index="{{index}}" wx:for="{{result}}" hover>
+        <view>{{item.text}}</view>
+    </mp-cell>
+</mp-cells>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/searchbar/searchbar.wxss b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.wxss
new file mode 100644
index 0000000..a50b28e
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/searchbar/searchbar.wxss
@@ -0,0 +1 @@
+.weui-search-bar{position:relative;padding:8px;display:flex;box-sizing:border-box;background-color:#EDEDED;-webkit-text-size-adjust:100%;align-items:center}.weui-icon-search{margin-right:8px;font-size:14px;vertical-align:top;margin-top:.64em;height:1em;line-height:1em}.weui-icon-search_in-box{position:absolute;left:12px;top:50%;margin-top:-8px}.weui-search-bar__text{display:inline-block;font-size:14px;vertical-align:top}.weui-search-bar__form{position:relative;flex:auto;border-radius:4px;background:#FFFFFF}.weui-search-bar__box{position:relative;padding-left:32px;padding-right:32px;width:100%;box-sizing:border-box;z-index:1}.weui-search-bar__input{height:32px;line-height:32px;font-size:14px;caret-color:#07C160}.weui-icon-clear{position:absolute;top:0;right:0;bottom:0;padding:0 12px;font-size:0}.weui-icon-clear:after{content:"";height:100%;vertical-align:middle;display:inline-block;width:0;overflow:hidden}.weui-search-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:4px;text-align:center;color:rgba(0,0,0,0.5);background:#FFFFFF;line-height:32px}.weui-search-bar__cancel-btn{margin-left:8px;line-height:32px;color:#576B95;white-space:nowrap}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/slideview/slideview.js b/miniprogram_npm/weui-miniprogram/slideview/slideview.js
new file mode 100644
index 0000000..50b239e
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/slideview/slideview.js
@@ -0,0 +1,205 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 18);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 18:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true,
+        multipleSlots: true
+    },
+    properties: {
+        extClass: {
+            type: String,
+            value: ''
+        },
+        buttons: {
+            type: Array,
+            value: [],
+            observer: function observer(newVal) {
+                this.addClassNameForButton();
+            }
+        },
+        disable: {
+            type: Boolean,
+            value: false
+        },
+        icon: {
+            type: Boolean,
+            value: false
+        },
+        show: {
+            type: Boolean,
+            value: false
+        },
+        duration: {
+            type: Number,
+            value: 350
+        },
+        throttle: {
+            type: Number,
+            value: 40
+        },
+        rebounce: {
+            type: Number,
+            value: 0
+        }
+    },
+    data: {
+        size: null
+    },
+    ready: function ready() {
+        this.updateRight();
+        this.addClassNameForButton();
+    },
+
+    methods: {
+        updateRight: function updateRight() {
+            var _this = this;
+
+            var data = this.data;
+            var query = wx.createSelectorQuery().in(this);
+            query.select('.left').boundingClientRect(function (res) {
+                console.log('right res', res);
+                var btnQuery = wx.createSelectorQuery().in(_this);
+                btnQuery.selectAll('.btn').boundingClientRect(function (rects) {
+                    console.log('btn rects', rects);
+                    _this.setData({
+                        size: {
+                            buttons: rects,
+                            button: res,
+                            show: data.show,
+                            disable: data.disable,
+                            throttle: data.throttle,
+                            rebounce: data.rebounce
+                        }
+                    });
+                }).exec();
+            }).exec();
+        },
+        addClassNameForButton: function addClassNameForButton() {
+            var _data = this.data,
+                buttons = _data.buttons,
+                icon = _data.icon;
+
+            buttons.forEach(function (btn) {
+                if (icon) {
+                    btn.className = '';
+                } else if (btn.type === 'warn') {
+                    btn.className = 'weui-slideview__btn-group_warn';
+                } else {
+                    btn.className = 'weui-slideview__btn-group_default';
+                }
+            });
+            this.setData({
+                buttons: buttons
+            });
+        },
+        buttonTapByWxs: function buttonTapByWxs(data) {
+            this.triggerEvent('buttontap', data, {});
+        },
+        hide: function hide() {
+            this.triggerEvent('hide', {}, {});
+        },
+        show: function show() {
+            this.triggerEvent('show', {}, {});
+        },
+        transitionEnd: function transitionEnd() {
+            console.log('transitiion end');
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/slideview/slideview.json b/miniprogram_npm/weui-miniprogram/slideview/slideview.json
new file mode 100644
index 0000000..e8cfaaf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/slideview/slideview.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/slideview/slideview.wxml b/miniprogram_npm/weui-miniprogram/slideview/slideview.wxml
new file mode 100644
index 0000000..f906edf
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/slideview/slideview.wxml
@@ -0,0 +1,23 @@
+<!-- slide-view/slide-view.wxml -->
+<wxs module="handler" src="./slideview.wxs"></wxs>
+<view class="weui-slideview weui-movable-view {{icon ? 'weui-slideview_icon' : ''}} {{extClass}}" style="width: 100%;height: 100%;">
+    <view bindtransitionend="{{handler.transitionEnd}}"
+      show="{{show}}" change:show="{{handler.showChange}}" 
+      rebounce="{{rebounce}}" change:rebounce="{{handler.rebounceChange}}" 
+      duration="{{duration}}" change:duration="{{handler.durationChange}}" 
+      change:disable="{{handler.disableChange}}" disable="{{disable}}" 
+      change:prop="{{handler.sizeReady}}" prop="{{size}}" 
+      bindtouchstart="{{handler.touchstart}}" bindtouchmove="{{handler.touchmove}}" bindtouchend="{{handler.touchend}}" class="weui-slideview__left left" style="width:100%;">
+      <slot></slot>
+    </view>
+    <view class="weui-slideview__right right">
+      <view class="weui-slideview__buttons" style="height:100%;width:100%;" wx:if="{{buttons && buttons.length}}">
+        <view wx:for="{{buttons}}" class='btn weui-slideview__btn__wrp {{item.className}} {{item.extClass}}'>
+          <view bindtap="{{handler.hideButton}}" data-data="{{item.data}}" data-index="{{index}}" class='weui-slideview__btn'>
+            <text wx:if="{{!icon}}">{{item.text}}</text>
+            <image class="weui-slideview__btn__icon" wx:else src="{{item.src}}"/>
+          </view>
+        </view>
+      </view>
+    </view>
+</view>
diff --git a/miniprogram_npm/weui-miniprogram/slideview/slideview.wxs b/miniprogram_npm/weui-miniprogram/slideview/slideview.wxs
new file mode 100644
index 0000000..c62d085
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/slideview/slideview.wxs
@@ -0,0 +1,243 @@
+/* eslint-disable */
+var touchstart = function(event, ownerInstance) {
+    var ins = event.instance
+    var st = ins.getState()
+    if (st.disable) return // disable的逻辑
+    // console.log('touchstart st', JSON.stringify(st))
+    if (!st.size) return
+    // console.log('touchstart', JSON.stringify(event))
+    st.isMoving = true
+    st.startX = event.touches[0].pageX
+    st.startY = event.touches[0].pageY
+    st.firstAngle = 0
+}
+var touchmove = function(event, ownerInstance) {
+    var ins = event.instance
+    var st = ins.getState()
+    if (!st.size || !st.isMoving) return
+    // console.log('touchmove', JSON.stringify(event))
+    var pagex = event.touches[0].pageX - st.startX
+    var pagey = event.touches[0].pageY - st.startY
+    // 左侧45度角为界限，大于45度则允许水平滑动
+    if (st.firstAngle === 0) {
+        st.firstAngle = Math.abs(pagex) - Math.abs(pagey)
+    }
+    if (st.firstAngle < 0) {
+        return
+    }
+    var movex = pagex > 0 ? Math.min(st.max, pagex) : Math.max(-st.max, pagex)
+    // 往回滑动的情况
+    if (st.out) {
+        // 已经是划出来了，还要往左滑动，忽略
+        if (movex < 0) return
+        ins.setStyle({
+            'transform': 'translateX(' + (st.transformx + movex) + 'px)',
+            'transition': ''
+        })
+        var btns = ownerInstance.selectAllComponents('.btn')
+        var transformTotal = 0
+        var len = btns.length
+        var i = len - 1;
+        for (;i >= 0; i--) {
+            var transform = st.size.buttons[i].width / st.max * movex
+            var transformx = st.size.buttons[i].max - Math.min(st.size.buttons[i].max, transform + transformTotal)
+            btns[i].setStyle({
+                'transform': 'translateX(' + (-transformx) + 'px)',
+                'transition': ''
+            })
+            transformTotal += transform
+        }
+        return false
+    }
+    if (movex > 0) movex = 0
+    ins.setStyle({
+        'transform': 'translateX(' + movex + 'px)',
+        'transition': ''
+    })
+    st.transformx = movex
+    var btns = ownerInstance.selectAllComponents('.btn')
+    var transformTotal = 0
+    var len = btns.length
+    var i = len - 1;
+    for (;i >= 0; i--) {
+        var transform = st.size.buttons[i].width / st.max * movex
+        var transformx = Math.max(-st.size.buttons[i].max, transform + transformTotal)
+        btns[i].setStyle({
+            'transform': 'translateX(' + transformx + 'px)',
+            'transition': ''
+        })
+        st.size.buttons[i].transformx = transformx
+        transformTotal += transform
+    }
+    return false // 禁止垂直方向的滑动
+}
+var touchend = function(event, ownerInstance) {
+    var ins = event.instance
+    var st = ins.getState()
+    if (!st.size || !st.isMoving) return
+    // 左侧45度角为界限，大于45度则允许水平滑动
+    if (st.firstAngle < 0) {
+        return
+    }
+    var duration = st.duration / 1000
+    st.isMoving = false
+    // console.log('touchend', JSON.stringify(event))
+    var btns = ownerInstance.selectAllComponents('.btn')
+    var len = btns.length
+    var i = len - 1
+    // console.log('len size', len)
+    if (Math.abs(event.changedTouches[0].pageX - st.startX) < st.throttle || event.changedTouches[0].pageX - st.startX > 0) { // 方向也要控制
+        st.out = false
+        ins.setStyle({
+            'transform': 'translate3d(0px, 0, 0)',
+            'transition': 'transform ' + (duration) + 's'
+        })
+        for (;i >= 0; i--) {
+            btns[i].setStyle({
+                'transform': 'translate3d(0px, 0, 0)',
+                'transition': 'transform ' + (duration) + 's'
+            })
+        }
+        ownerInstance.callMethod('hide')
+        return
+    }
+    showButtons(ins, ownerInstance, duration)
+    ownerInstance.callMethod('show')
+}
+var REBOUNCE_TIME = 0.2
+var showButtons = function(ins, ownerInstance, withDuration) {
+    var st = ins.getState()
+    if (!st.size) return
+    var rebounceTime = st.rebounce ? REBOUNCE_TIME : 0
+    var movex = st.max
+    st.out = true
+    var btns = ownerInstance.selectAllComponents('.btn')
+    var rebounce = st.rebounce || 0
+    var len = btns.length
+    var i = len - 1
+    ins.setStyle({
+        'transform': 'translate3d(' + (-movex - rebounce) + 'px, 0, 0)',
+        'transition': 'transform ' + (withDuration) + 's'
+    })
+    st.transformx = -movex
+    var transformTotal = 0
+    for (;i >= 0; i--) {
+        var transform = st.size.buttons[i].width / st.max * movex
+        var transformx = (-(transform + transformTotal))
+        btns[i].setStyle({
+            'transform': 'translate3d(' + transformx + 'px, 0, 0)',
+            'transition': 'transform ' + (withDuration ? withDuration + rebounceTime : withDuration) + 's'
+        })
+        st.size.buttons[i].transformx = transformx
+        transformTotal += transform
+    }
+}
+var innerHideButton = function(ownerInstance) {
+    var ins = ownerInstance.selectComponent('.left')
+    var st = ins.getState()
+    if (!st.size) return
+    var duration = st.duration ? st.duration / 1000 : 0
+    var btns = ownerInstance.selectAllComponents('.btn')
+    var len = btns.length
+    var i = len - 1
+    ins.setStyle({
+        'transform': 'translate3d(0px, 0, 0)',
+        'transition': 'transform ' + (duration) + 's'
+    })
+    st.transformx = 0
+    for (;i >= 0; i--) {
+        btns[i].setStyle({
+            'transform': 'translate3d(0px, 0, 0)',
+            'transition': 'transform ' + (duration) + 's'
+        })
+        st.size.buttons[i].transformx = 0
+    }
+}
+var hideButton = function(event, ownerInstance) {
+    innerHideButton(ownerInstance)
+    ownerInstance.callMethod('buttonTapByWxs', {index: event.currentTarget.dataset.index, data: event.currentTarget.dataset.data})
+    return false
+}
+var sizeReady = function(newVal, oldVal, ownerInstance, ins) {
+    var st = ins.getState()
+    // st.disable = newVal && newVal.disable
+    if (newVal && newVal.button && newVal.buttons) {
+        st.size = newVal
+        st.transformx = 0
+        // var min = newVal.button.width
+        var max = 0
+        var len = newVal.buttons.length
+        var i = newVal.buttons.length - 1;
+        var total = 0
+        for (; i >= 0; i--) {
+            max += newVal.buttons[i].width
+            // if (min > newVal.buttons[i]) {
+            //     min = newVal.buttons[i].width
+            // }
+            total += newVal.buttons[i].width
+            newVal.buttons[i].max = total
+            newVal.buttons[i].transformx = 0
+        }
+        st.throttle = st.size.throttle || 40 // 固定值
+        st.rebounce = st.size.rebounce
+        st.max = max
+        ownerInstance.selectComponent('.right').setStyle({
+            'line-height': newVal.button.height + 'px',
+            left: (newVal.button.width) + 'px',
+            width: max + 'px'
+        })
+        // console.log('st size', JSON.stringify(newVal))
+        if (!st.size.disable && st.size.show) {
+            showButtons(ins, ownerInstance)
+        }
+    }
+}
+var disableChange = function(newVal, oldVal, ownerInstance, ins) {
+    var st = ins.getState()
+    st.disable = newVal
+}
+var durationChange = function(newVal, oldVal, ownerInstance, ins) {
+    var st = ins.getState()
+    st.duration = newVal || 400
+}
+var showChange = function(newVal, oldVal, ownerInstance, ins) {
+    var st = ins.getState()
+    st.show = newVal
+    if (st.disable) return
+    // console.log('show change')
+    if (st.show) {
+        showButtons(ins, ownerInstance, st.duration)
+    } else {
+        innerHideButton(ownerInstance)
+    }
+}
+var rebounceChange = function(newVal, oldVal, ownerInstance, ins) {
+    var st = ins.getState()
+    // console.log('rebounce', st.rebounce)
+    st.rebounce = newVal
+}
+var transitionEnd = function(event, ownerInstance) {
+    // console.log('transition')
+    var ins = event.instance
+    var st = ins.getState()
+    // 回弹效果
+    if (st.out && st.rebounce) {
+        console.log('transition rebounce', st.rebounce)
+        ins.setStyle({
+            'transform': 'translate3d(' + (-st.max) + 'px, 0, 0)',
+            'transition': 'transform ' + REBOUNCE_TIME +'s'
+        })
+    }
+}
+module.exports = {
+    touchstart: touchstart,
+    touchmove: touchmove,
+    touchend: touchend,
+    hideButton: hideButton,
+    sizeReady: sizeReady,
+    disableChange: disableChange,
+    durationChange: durationChange,
+    showChange: showChange,
+    rebounceChange: rebounceChange,
+    transitionEnd: transitionEnd
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/slideview/slideview.wxss b/miniprogram_npm/weui-miniprogram/slideview/slideview.wxss
new file mode 100644
index 0000000..0129c65
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/slideview/slideview.wxss
@@ -0,0 +1 @@
+:host{width:100%}.weui-slideview{overflow:hidden;position:relative}.weui-slideview{position:relative}.weui-slideview__left{position:relative;z-index:10}.weui-slideview__right{position:absolute;z-index:1;left:100%;top:0;height:100%}.weui-slideview__btn__wrp{position:absolute;left:0;bottom:0;text-align:center;min-width:69px;height:100%;white-space:nowrap}.weui-slideview__btn{color:#FFFFFF;padding:0 17px}.weui-slideview__btn-group_default .weui-slideview__btn{background:#C7C7CC}.weui-slideview__btn-group_default~.weui-slideview__btn-group_default:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #FFFFFF;color:#FFFFFF}.weui-slideview__btn-group_default:first-child:before{display:none}.weui-slideview__btn-group_warn .weui-slideview__btn{background:#FE3B30}.weui-slideview__btn-group_warn~.weui-slideview__btn-group_warn:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #FFFFFF;color:#FFFFFF}.weui-slideview__btn-group_warn:first-child:before{display:none}.weui-slideview_icon .weui-slideview__btn__wrp{background:transparent;font-size:0}.weui-slideview_icon .weui-slideview__btn__wrp:after{content:"";width:0;height:100%;vertical-align:middle;display:inline-block}.weui-slideview_icon .weui-slideview__btn__wrp:first-child{padding-left:16px}.weui-slideview_icon .weui-slideview__btn__wrp:last-child{padding-right:8px}.weui-slideview_icon .weui-slideview__btn{width:48px;height:48px;line-height:48px;padding:0;display:inline-block;vertical-align:middle;border-radius:50%;background-color:#FFFFFF}.weui-slideview_icon .weui-slideview__btn__icon{display:inline-block;vertical-align:middle;width:22px;height:22px}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/static/icon/s-arrow-back.png b/miniprogram_npm/weui-miniprogram/static/icon/s-arrow-back.png
new file mode 100644
index 0000000..720481d
Binary files /dev/null and b/miniprogram_npm/weui-miniprogram/static/icon/s-arrow-back.png differ
diff --git a/miniprogram_npm/weui-miniprogram/static/icon/s-arrow-back.svg b/miniprogram_npm/weui-miniprogram/static/icon/s-arrow-back.svg
new file mode 100644
index 0000000..ac849c0
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/static/icon/s-arrow-back.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="24px" viewBox="0 0 12 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.2 (67145) - http://www.bohemiancoding.com/sketch -->
+    <title>Icons/Filled/arrow Copy 2</title>
+    <desc>Created with Sketch.</desc>
+    <g id="05成员管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="单个成员编辑" transform="translate(-25.000000, -54.000000)">
+            <rect id="bg" x="0" y="0" width="375" height="236"></rect>
+            <g id="Navbar">
+                <g id="Group-4" transform="translate(8.000000, 50.000000)">
+                    <g id="Icons/Filled/arrow" transform="translate(23.000000, 16.000000) rotate(-180.000000) translate(-23.000000, -16.000000) translate(17.000000, 4.000000)" fill="#000000" fill-opacity="0.9">
+                        <g id="Group" transform="translate(-2.000000, 5.000000)">
+                            <path d="M3,2.5039609 L11,2.5039609 L11,4.5039609 L4,4.5039609 L4,11.5039609 L2,11.5039609 L2,3.5039609 C2,2.95167615 2.44771525,2.5039609 3,2.5039609 Z" id="图标颜色" transform="translate(6.500000, 7.003961) rotate(135.000000) translate(-6.500000, -7.003961) "></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/miniprogram_npm/weui-miniprogram/tabbar/tabbar.js b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.js
new file mode 100644
index 0000000..e21c3aa
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.js
@@ -0,0 +1,131 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 16);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 16:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        extClass: {
+            type: String,
+            value: ''
+        },
+        list: {
+            type: Array,
+            value: []
+        },
+        current: {
+            type: Number,
+            value: 0
+        }
+    },
+    methods: {
+        tabChange: function tabChange(e) {
+            var index = e.currentTarget.dataset.index;
+
+            if (index === this.data.current) {
+                return;
+            }
+            this.setData({
+                current: index
+            });
+            this.triggerEvent('change', { index: index, item: this.data.list[index] });
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/tabbar/tabbar.json b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.json
new file mode 100644
index 0000000..e083792
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "mp-badge": "../badge/badge"
+    }
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/tabbar/tabbar.wxml b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.wxml
new file mode 100644
index 0000000..49ff2d9
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.wxml
@@ -0,0 +1,10 @@
+<view class="weui-tabbar {{extClass}}">
+  <!-- 选中的时候往weui-tabbar__item加class:weui-bar__item_on -->
+  <view data-index='{{index}}' bindtap="tabChange" wx:for="{{list}}" class="weui-tabbar__item {{index === current ? 'weui-bar__item_on' : ''}}">
+    <view style="position: relative;display:inline-block;">
+      <image src="{{current === index ? item.selectedIconPath : item.iconPath}}" class="weui-tabbar__icon"></image>
+      <mp-badge wx:if="{{item.badge}}" content="{{item.badge}}" style="position: absolute;top:-2px;left:calc(100% - 3px)"></mp-badge>
+    </view>
+    <view class="weui-tabbar__label">{{item.text}}</view>
+  </view>
+</view>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/tabbar/tabbar.wxss b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.wxss
new file mode 100644
index 0000000..bccaad7
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/tabbar/tabbar.wxss
@@ -0,0 +1 @@
+.weui-tabbar{display:flex;position:relative;z-index:500;background-color:#F7F7F7}.weui-tabbar:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,0.1);color:rgba(0,0,0,0.1)}.weui-tabbar__item{display:block;flex:1;padding:8px 0 4px;padding-bottom:calc(8px + constant(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));font-size:0;color:rgba(0,0,0,0.5);text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-tabbar__item:first-child{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.weui-tabbar__item:last-child{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#07C160}.weui-tabbar__icon{display:inline-block;width:28px;height:28px;margin-bottom:2px}i.weui-tabbar__icon,.weui-tabbar__icon>i{font-size:24px;color:rgba(0,0,0,0.5)}.weui-tabbar__icon image{width:100%;height:100%}.weui-tabbar__label{color:rgba(0,0,0,0.9);font-size:10px;line-height:1.4}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/toptips/toptips.js b/miniprogram_npm/weui-miniprogram/toptips/toptips.js
new file mode 100644
index 0000000..34513a5
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/toptips/toptips.js
@@ -0,0 +1,170 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 13);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 13:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        type: {
+            type: String,
+            value: 'error',
+            observer: '_typeChange'
+        },
+        show: {
+            type: Boolean,
+            value: false,
+            observer: '_showChange'
+        },
+        msg: {
+            type: String,
+            value: ''
+        },
+        delay: {
+            type: Number,
+            value: 2000
+        },
+        extClass: {
+            type: String,
+            value: ''
+        }
+    },
+    data: {
+        typeClassMap: {
+            'warn': 'weui-toptips_warn',
+            'info': 'weui-toptips_info',
+            'success': 'weui-toptips_success',
+            'error': 'weui-toptips_error'
+        }
+    },
+    attached: function attached() {
+        var data = this.data;
+        this.setData({
+            className: data.typeClassMap[data.type] || ''
+        });
+    },
+
+    methods: {
+        _typeChange: function _typeChange(newVal) {
+            this.setData({
+                className: this.data.typeClassMap[newVal] || ''
+            });
+            return newVal;
+        },
+        _showChange: function _showChange(newVal) {
+            this._showToptips(newVal);
+        },
+        _showToptips: function _showToptips(newVal) {
+            var _this = this;
+
+            if (newVal && this.data.delay) {
+                setTimeout(function () {
+                    _this.setData({
+                        show: false
+                    }, function () {
+                        _this.triggerEvent('hide', {}, {});
+                    });
+                }, this.data.delay);
+            }
+            this.setData({
+                show: newVal
+            });
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/toptips/toptips.json b/miniprogram_npm/weui-miniprogram/toptips/toptips.json
new file mode 100644
index 0000000..7e37c03
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/toptips/toptips.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/toptips/toptips.wxml b/miniprogram_npm/weui-miniprogram/toptips/toptips.wxml
new file mode 100644
index 0000000..61a337c
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/toptips/toptips.wxml
@@ -0,0 +1,6 @@
+<view class="weui-toptips {{className}} {{extClass}} {{show ? 'weui-toptips_show' :  ''}}">
+    <block wx:if="{{msg}}">{{msg}}</block>
+    <block wx:else>
+        <slot></slot>
+    </block>
+</view>
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/toptips/toptips.wxss b/miniprogram_npm/weui-miniprogram/toptips/toptips.wxss
new file mode 100644
index 0000000..a904311
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/toptips/toptips.wxss
@@ -0,0 +1 @@
+.weui-toptips{position:fixed;-webkit-transform:translateZ(0) translateY(calc(-100% - 8px));transform:translateZ(0) translateY(calc(-100% - 8px));text-align:center;top:8px;left:16px;right:16px;border-radius:4px;padding:8px;-webkit-border-radius:4px;color:rgba(255,255,255,0.9);font-size:17px;line-height:1.4;background:rgba(250,81,81,0.9);z-index:5000;word-wrap:break-word;word-break:break-all;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.weui-toptips_show{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}.weui-toptips_warn{background-color:#FA5151}.weui-toptips_success{background-color:#09BB07}.weui-toptips_error{background-color:#FA5151}.weui-toptips_info{background-color:#10AEFF}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/uploader/uploader.js b/miniprogram_npm/weui-miniprogram/uploader/uploader.js
new file mode 100644
index 0000000..13e0014
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/uploader/uploader.js
@@ -0,0 +1,261 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 22);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 22:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Component({
+    options: {
+        addGlobalClass: true
+    },
+    properties: {
+        title: {
+            type: String,
+            value: '图片上传'
+        },
+        sizeType: {
+            type: Array,
+            value: ['original', 'compressed']
+        },
+        sourceType: {
+            type: Array,
+            value: ['album', 'camera']
+        },
+        maxSize: {
+            type: Number,
+            value: 5 * 1024 * 1024
+        },
+        maxCount: {
+            type: Number,
+            value: 1
+        },
+        files: {
+            type: Array,
+            value: [],
+            observer: function observer(newVal, oldVal, changedP) {
+                this.setData({
+                    currentFiles: newVal
+                });
+            }
+        },
+        select: {
+            type: Function,
+            value: function value() {}
+        },
+        upload: {
+            type: Function,
+            value: null
+        },
+        tips: {
+            type: String,
+            value: ''
+        },
+        extClass: {
+            type: String,
+            value: ''
+        },
+        showDelete: {
+            type: Boolean,
+            value: true
+        }
+    },
+    data: {
+        currentFiles: [],
+        showPreview: false,
+        previewImageUrls: []
+    },
+    ready: function ready() {},
+
+    methods: {
+        previewImage: function previewImage(e) {
+            var index = e.currentTarget.dataset.index;
+
+            var previewImageUrls = [];
+            this.data.files.map(function (item) {
+                previewImageUrls.push(item.url);
+            });
+            this.setData({
+                previewImageUrls: previewImageUrls,
+                previewCurrent: index,
+                showPreview: true
+            });
+        },
+        chooseImage: function chooseImage(e) {
+            var _this = this;
+
+            if (this.uploading) return;
+            wx.chooseImage({
+                count: this.data.maxCount - this.data.files.length,
+                success: function success(res) {
+                    var invalidIndex = -1;
+                    res.tempFiles.forEach(function (item, index) {
+                        if (item.size > _this.data.maxSize) {
+                            invalidIndex = index;
+                        }
+                    });
+                    if (typeof _this.data.select === 'function') {
+                        var ret = _this.data.select(res);
+                        if (ret === false) {
+                            return;
+                        }
+                    }
+                    if (invalidIndex >= 0) {
+                        _this.triggerEvent('fail', { type: 1, errMsg: 'chooseImage:fail size exceed ' + _this.data.maxSize, total: res.tempFilePaths.length, index: invalidIndex }, {});
+                        return;
+                    }
+                    var mgr = wx.getFileSystemManager();
+                    var contents = res.tempFilePaths.map(function (item) {
+                        var fileContent = mgr.readFileSync(item);
+                        return fileContent;
+                    });
+                    var obj = { tempFilePaths: res.tempFilePaths, tempFiles: res.tempFiles, contents: contents };
+                    _this.triggerEvent('select', obj, {});
+                    var files = res.tempFilePaths.map(function (item, i) {
+                        return { loading: true, url: 'data:image/jpg;base64,' + wx.arrayBufferToBase64(contents[i]) };
+                    });
+                    if (!files || !files.length) return;
+                    if (typeof _this.data.upload === 'function') {
+                        var len = _this.data.files.length;
+                        var newFiles = _this.data.files.concat(files);
+                        _this.setData({ files: newFiles, currentFiles: newFiles });
+                        _this.loading = true;
+                        _this.data.upload(obj).then(function (json) {
+                            _this.loading = false;
+                            if (json.urls) {
+                                var oldFiles = _this.data.files;
+                                json.urls.forEach(function (url, index) {
+                                    oldFiles[len + index].url = url;
+                                    oldFiles[len + index].loading = false;
+                                });
+                                _this.setData({ files: oldFiles, currentFiles: newFiles });
+                                _this.triggerEvent('success', json, {});
+                            } else {
+                                _this.triggerEvent('fail', { type: 3, errMsg: 'upload file fail, urls not found' }, {});
+                            }
+                        }).catch(function (err) {
+                            _this.loading = false;
+                            var oldFiles = _this.data.files;
+                            res.tempFilePaths.map(function (item, index) {
+                                oldFiles[len + index].error = true;
+                                oldFiles[len + index].loading = false;
+                            });
+                            _this.setData({ files: oldFiles, currentFiles: newFiles });
+                            _this.triggerEvent('fail', { type: 3, errMsg: 'upload file fail', error: err }, {});
+                        });
+                    }
+                },
+                fail: function fail(_fail) {
+                    if (_fail.errMsg.indexOf('chooseImage:fail cancel') >= 0) {
+                        _this.triggerEvent('cancel', {}, {});
+                        return;
+                    }
+                    _fail.type = 2;
+                    _this.triggerEvent('fail', _fail, {});
+                }
+            });
+        },
+        deletePic: function deletePic(e) {
+            var index = e.detail.index;
+            var files = this.data.files;
+            var file = files.splice(index, 1);
+            this.setData({
+                files: files,
+                currentFiles: files
+            });
+            this.triggerEvent('delete', { index: index, item: file[0] });
+        }
+    }
+});
+
+/***/ })
+
+/******/ });
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/uploader/uploader.json b/miniprogram_npm/weui-miniprogram/uploader/uploader.json
new file mode 100644
index 0000000..e3479ce
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/uploader/uploader.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "mp-gallery": "../gallery/gallery"
+    }
+}
diff --git a/miniprogram_npm/weui-miniprogram/uploader/uploader.wxml b/miniprogram_npm/weui-miniprogram/uploader/uploader.wxml
new file mode 100644
index 0000000..9828c8d
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/uploader/uploader.wxml
@@ -0,0 +1,36 @@
+<view class="weui-uploader {{extClass}}">
+    <view class="weui-uploader__hd">
+      <div class="weui-uploader__overview">
+          <view class="weui-uploader__title">{{title}}</view>
+          <view class="weui-uploader__info" wx:if="{{maxCount > 1}}">{{currentFiles.length}}/{{maxCount}}</view>
+
+      </div>
+        <view wx:if="{{tips}}" class="weui-uploader__tips">{{tips}}</view>
+        <view wx:else><slot name="tips"></slot></view>
+    </view>
+    <view class="weui-uploader__bd">
+        <view class="weui-uploader__files">
+            <block wx:for="{{currentFiles}}" wx:key="*this">
+                <view wx:if="{{item.error}}" data-index="{{index}}" bindtap="previewImage" class="weui-uploader__file weui-uploader__file_status">
+                    <image class="weui-uploader__img" src="{{item.url}}" mode="aspectFill" />
+                    <view class="weui-uploader__file-content">
+                        <icon type="warn" size="23" color="#F43530"></icon>
+                    </view>
+                </view>
+                <view wx:elif="{{item.loading}}" data-index="{{index}}" bindtap="previewImage" class="weui-uploader__file weui-uploader__file_status">
+                    <image class="weui-uploader__img" src="{{item.url}}" mode="aspectFill" />
+                    <view class="weui-uploader__file-content">
+                    <view class="weui-loading"></view>
+                    </view>
+                </view>
+                <view wx:else class="weui-uploader__file" data-index="{{index}}" bindtap="previewImage">
+                    <image class="weui-uploader__img" src="{{item.url}}" mode="aspectFill" />
+                </view>
+            </block>
+        </view>
+        <view wx:if="{{currentFiles.length < maxCount}}" class="weui-uploader__input-box">
+            <view class="weui-uploader__input" bindtap="chooseImage"></view>
+        </view>
+    </view>
+</view>
+<mp-gallery hide-on-click="{{true}}" show-delete="{{showDelete}}" show="{{showPreview}}" binddelete="deletePic" img-urls="{{previewImageUrls}}" current="{{previewCurrent}}"></mp-gallery>
diff --git a/miniprogram_npm/weui-miniprogram/uploader/uploader.wxss b/miniprogram_npm/weui-miniprogram/uploader/uploader.wxss
new file mode 100644
index 0000000..1e3dad9
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/uploader/uploader.wxss
@@ -0,0 +1 @@
+.weui-uploader{flex:1}.weui-uploader__hd{padding-bottom:16px}.weui-uploader__overview{display:flex;align-items:center}.weui-uploader__title{flex:1}.weui-uploader__tips{color:rgba(0,0,0,0.3);font-size:14px;line-height:1.4;padding-top:4px}.weui-uploader__info{color:rgba(0,0,0,0.3)}.weui-uploader__bd{margin-bottom:-8px;margin-right:-8px;overflow:hidden}.weui-uploader__file{float:left;margin-right:8px;margin-bottom:8px}.weui-uploader__img{display:block;width:96px;height:96px}.weui-uploader__file_status{position:relative}.weui-uploader__file_status:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5)}.weui-uploader__file-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#FFFFFF}.weui-uploader__input-box{float:left;position:relative;margin-right:8px;margin-bottom:8px;width:96px;height:96px;box-sizing:border-box;background-color:#EDEDED}.weui-uploader__input-box:before,.weui-uploader__input-box:after{content:" ";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#A3A3A3}.weui-uploader__input-box:before{width:2px;height:32px}.weui-uploader__input-box:after{width:32px;height:2px}.weui-uploader__input-box:active{border-color:#8b8b8b}.weui-uploader__input-box:active:before,.weui-uploader__input-box:active:after{background-color:#8b8b8b}.weui-uploader__input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0}.weui-loading{margin:0 5px;width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12, end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}.weui-loading.weui-loading_transparent{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")}@keyframes weuiLoading{0%{transform:rotate3d(0, 0, 1, 0deg)}100%{transform:rotate3d(0, 0, 1, 360deg)}}
\ No newline at end of file
diff --git a/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss b/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss
new file mode 100644
index 0000000..0f09085
--- /dev/null
+++ b/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+page{line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif}icon{vertical-align:middle}.weui-cells{position:relative;margin-top:8px;background-color:#fff;line-height:1.41176471;font-size:17px}.weui-cells:before{top:0;border-top:1rpx solid rgba(0,0,0,.1)}.weui-cells:after,.weui-cells:before{content:" ";position:absolute;left:0;right:0;height:1px;color:rgba(0,0,0,.1)}.weui-cells:after{bottom:0;border-bottom:1rpx solid rgba(0,0,0,.1)}.weui-cells__title{margin-top:16px;margin-bottom:3px;padding-left:16px;padding-right:16px;color:rgba(0,0,0,.5);font-size:14px}.weui-cells_after-title{margin-top:0}.weui-cells__tips{margin-top:3px;color:rgba(0,0,0,.5);padding-left:16px;padding-right:16px;font-size:14px}.weui-cell{padding:16px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1);left:16px}.weui-cell:first-child:before{display:none}.weui-cell_active{background-color:#ececec}.weui-cell_primary{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.weui-cell__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-cell__ft{text-align:right;color:rgba(0,0,0,.5)}.weui-cell_label-block,.weui-cell_wxss.weui-cell_wxss:before{display:block}.weui-cell_label-block .weui-label{width:auto;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.weui-cell_access{color:inherit;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-cell__ft_in-access{padding-right:16px;position:relative}.weui-cell__ft_in-access:after{content:" ";display:inline-block;height:8px;width:8px;border-width:2px 2px 0 0;border-color:#b2b2b2;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-5px;right:0}.weui-cell_link{color:#576b95;font-size:17px}.weui-cell_link:active{background-color:#ececec}.weui-cell_link:first-child:before{display:block}.weui-cells_checkbox .weui-check__label:before{left:55px}.weui-check__label:active{background-color:#ececec}.weui-check{position:absolute;left:-9999px}.weui-check__hd_in-checkbox{padding-right:16px}.weui-cell__ft_in-radio{padding-left:16px}.weui-cell_input{padding-top:0;padding-bottom:0}.weui-label{width:105px;word-wrap:break-word;word-break:break-all}.weui-input{height:1.41176471em;min-height:1.41176471em;line-height:1.41176471}.weui-textarea{display:block;width:100%}.weui-textarea-counter{color:rgba(0,0,0,.3);text-align:right}.weui-cell_warn,.weui-textarea-counter_warn{color:#fa5151}.weui-form-preview{position:relative;background-color:#fff}.weui-form-preview:before{top:0;border-top:1rpx solid rgba(0,0,0,.1)}.weui-form-preview:after,.weui-form-preview:before{content:" ";position:absolute;left:0;right:0;height:1px;color:rgba(0,0,0,.1)}.weui-form-preview:after{bottom:0;border-bottom:1rpx solid rgba(0,0,0,.1)}.weui-form-preview__value{font-size:14px}.weui-form-preview__value_in-hd{font-size:26px}.weui-form-preview__hd{position:relative;padding:16px;text-align:right;line-height:2.5em}.weui-form-preview__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1);left:16px}.weui-form-preview__bd{padding:16px;font-size:.9em;text-align:right;color:rgba(0,0,0,.5);line-height:2}.weui-form-preview__ft{position:relative;line-height:56px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-form-preview__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-form-preview__item{overflow:hidden}.weui-form-preview__label{float:left;margin-right:1em;min-width:4em;color:rgba(0,0,0,.5);text-align:justify;text-align-last:justify}.weui-form-preview__value{display:block;overflow:hidden;word-break:normal;word-wrap:break-word}.weui-form-preview__btn{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#576b95;text-align:center;font-weight:700;font-size:17px}.weui-form-preview__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-form-preview__btn:first-child:after{display:none}.weui-form-preview__btn_active{background-color:#ececec}.weui-form-preview__btn_default{color:rgba(0,0,0,.9)}.weui-form-preview__btn_primary{color:#576b95}.weui-cell_select{padding:0;overflow:hidden}.weui-cell_select .weui-select{padding-right:30px}.weui-cell_select .weui-cell__bd:after{content:" ";width:12px;height:24px;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background-color:currentColor;color:rgba(0,0,0,.3);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");position:absolute;top:50%;right:16px;margin-top:-12px}.weui-select{-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit;height:56px;line-height:56px;position:relative;z-index:1;padding-left:16px}.weui-cell_select-before{padding-right:16px}.weui-cell_select-before .weui-select{width:105px;box-sizing:border-box}.weui-cell_select-before .weui-cell__hd{position:relative}.weui-cell_select-before .weui-cell__hd:after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-cell_select-before .weui-cell__hd:before{content:" ";width:12px;height:24px;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background-color:currentColor;color:rgba(0,0,0,.3);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.454%206.58l1.06-1.06%205.78%205.779a.996.996%200%20010%201.413l-5.78%205.779-1.06-1.061%205.425-5.425-5.425-5.424z%22%20fill%3D%22%23B2B2B2%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");position:absolute;top:50%;right:16px;margin-top:-12px}.weui-cell_select-before .weui-cell__bd{padding-left:16px}.weui-cell_select-before .weui-cell__bd:after{display:none}.weui-cell_select-before.weui-cell_access .weui-cell__hd{line-height:56px;padding-left:32px}.weui-cell_select-after{padding-left:16px}.weui-cell_select-after .weui-select{padding-left:0}.weui-cell_select-after.weui-cell_access .weui-cell__bd{line-height:56px}.weui-cell_vcode{padding-top:0;padding-right:0;padding-bottom:0}.weui-vcode-btn,.weui-vcode-img{margin-left:5px;height:3.29411765em;vertical-align:middle}.weui-vcode-btn{display:inline-block;padding:0 .6em 0 .7em;border-left:1rpx solid rgba(0,0,0,.1);line-height:3.29411765em;font-size:17px;color:#576b95;white-space:nowrap}button.weui-vcode-btn{min-height:0;background-color:transparent;border:0;outline:0}.weui-vcode-btn:active{color:#767676}.weui-cell_switch{padding-top:12px;padding-bottom:12px}.weui-uploader{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-uploader__hd{padding-bottom:16px}.weui-uploader__overview{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-uploader__title{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-uploader__tips{color:rgba(0,0,0,.3);font-size:14px;line-height:1.4;padding-top:4px}.weui-uploader__info{color:rgba(0,0,0,.3)}.weui-uploader__bd{margin-bottom:-8px;margin-right:-8px;overflow:hidden}.weui-uploader__file{float:left;margin-right:8px;margin-bottom:8px}.weui-uploader__img{display:block;width:96px;height:96px}.weui-uploader__file_status{position:relative}.weui-uploader__file_status:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.weui-uploader__file-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.weui-uploader__input-box{float:left;position:relative;margin-right:8px;margin-bottom:8px;width:96px;height:96px;box-sizing:border-box;background-color:#ededed}.weui-uploader__input-box:after,.weui-uploader__input-box:before{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#a3a3a3}.weui-uploader__input-box:before{width:2px;height:32px}.weui-uploader__input-box:after{width:32px;height:2px}.weui-uploader__input-box:active{border-color:#8b8b8b}.weui-uploader__input-box:active:after,.weui-uploader__input-box:active:before{background-color:#8b8b8b}.weui-uploader__input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0}.weui-article{padding:24px 16px;padding:24px calc(16px + constant(safe-area-inset-right)) calc(24px + constant(safe-area-inset-bottom)) calc(16px + constant(safe-area-inset-left));padding:24px calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));font-size:17px;color:rgba(0,0,0,.9)}.weui-article__section{margin-bottom:1.5em}.weui-article__h1{font-size:22px;font-weight:700;margin-bottom:.9em;line-height:1.4}.weui-article__h2{font-size:17px}.weui-article__h2,.weui-article__h3{font-weight:700;margin-bottom:.34em;line-height:1.4}.weui-article__h3{font-size:15px}.weui-article__p{margin:0 0 .8em}.weui-msg{padding-top:36px;padding:calc(36px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:calc(36px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);text-align:center;line-height:1.4;min-height:100%;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;background-color:#fff}.weui-msg__link{color:#576b95;display:inline-block;vertical-align:baseline}.weui-msg__icon-area{margin-bottom:32px}.weui-msg__text-area{margin-bottom:32px;padding:0 32px;-webkit-box-flex:1;-webkit-flex:1;flex:1;line-height:1.6}.weui-msg__text-area:first-child{padding-top:96px}.weui-msg__title{margin-bottom:5px;font-weight:700;font-size:22px;word-wrap:break-word;word-break:break-all}.weui-msg__desc{font-size:17px;color:rgba(0,0,0,.9)}.weui-msg__desc,.weui-msg__desc-primary{word-wrap:break-word;word-break:break-all;margin-bottom:16px}.weui-msg__desc-primary{font-size:14px;color:rgba(0,0,0,.5)}.weui-msg__opr-area{margin-bottom:16px}.weui-msg__opr-area .weui-btn-area{margin:0 16px}.weui-msg__opr-area .weui-btn+.weui-btn{margin-bottom:16px}.weui-msg__opr-area:last-child{margin-bottom:96px}.weui-msg__opr-area+.weui-msg__extra-area{margin-top:48px}.weui-msg__tips-area{margin-bottom:16px;padding:0 40px}.weui-msg__opr-area+.weui-msg__tips-area{margin-bottom:48px}.weui-msg__tips-area:last-child{margin-bottom:64px}.weui-msg__extra-area,.weui-msg__tips{font-size:12px;color:rgba(0,0,0,.5)}.weui-msg__extra-area{position:static;margin-bottom:24px}.weui-cells__group_form:first-child .weui-cells__title{margin-top:0}.weui-cells__group_form .weui-cells__title{margin-top:24px;margin-bottom:8px;padding:0 32px}.weui-cells__group_form .weui-cell:before,.weui-cells__group_form .weui-cells:before{left:32px;right:32px}.weui-cells__group_form .weui-cells_checkbox .weui-check__label:before{left:72px}.weui-cells__group_form .weui-cells:after{left:32px;right:32px}.weui-cells__group_form .weui-cell{padding:16px 32px;color:rgba(0,0,0,.9)}.weui-cells__group_form .weui-cell__hd{padding-right:16px}.weui-cells__group_form .weui-cell__ft{padding-left:16px}.weui-cells__group_form .weui-cell_warn input{color:#fa5151}.weui-cells__group_form .weui-label{max-width:5em;margin-right:8px}.weui-cells__group_form .weui-cells__tips{margin-top:8px;padding:0 32px;color:rgba(0,0,0,.3)}.weui-cells__group_form .weui-cells__tips a{font-weight:700}.weui-cells__group_form .weui-cell_vcode{padding:12px 32px}.weui-cells__group_form .weui-vcode-btn{font-size:16px;padding:0 12px;margin-left:0;height:auto;width:auto;line-height:2em;color:#06ae56;background-color:#f2f2f2}.weui-cells__group_form .weui-vcode-btn:before{display:none}.weui-cells__group_form .weui-cell_select{padding:0}.weui-cells__group_form .weui-cell_select .weui-select{padding:0 32px}.weui-cells__group_form .weui-cell_select .weui-cell__bd:after{right:32px}.weui-cells__group_form .weui-cell_select-before .weui-label{margin-right:24px}.weui-cells__group_form .weui-cell_select-before .weui-select{padding-right:24px;box-sizing:initial}.weui-cells__group_form .weui-cell_select-after{padding-left:32px}.weui-cells__group_form .weui-cell_select-after .weui-select{padding-left:0}.weui-cells__group_form .weui-cell_switch{padding:12px 32px}.weui-cells__group_wxss.weui-cells__group_wxss .weui-cells__title{margin-top:24px}.weui-form{padding:56px 0 0;padding:calc(56px + constant(safe-area-inset-top)) constant(safe-area-inset-right) constant(safe-area-inset-bottom) constant(safe-area-inset-left);padding:calc(56px + env(safe-area-inset-top)) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;min-height:100%;box-sizing:border-box;line-height:1.4;background-color:#fff}.weui-form a:not(.weui-btn){color:#576b95}.weui-form .weui-footer,.weui-form .weui-footer__link{font-size:12px}.weui-form .weui-agree{padding:0}.weui-form__text-area{padding:0 32px;color:rgba(0,0,0,.9);text-align:center}.weui-form__control-area{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:48px 0}.weui-form__extra-area,.weui-form__tips-area{margin-bottom:24px;text-align:center}.weui-form__opr-area{margin-bottom:64px}.weui-form__opr-area:last-child{margin-bottom:96px}.weui-form__title{font-size:22px;font-weight:700;line-height:1.36}.weui-form__desc{font-size:17px;margin-top:16px}.weui-form__tips{color:rgba(0,0,0,.5);font-size:12px}.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-btn+.weui-btn{margin-top:16px}.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline{margin-top:auto;margin-left:16px}.weui-btn-area{margin:48px 16px 8px}.weui-btn-area_inline{display:-webkit-box;display:-webkit-flex;display:flex}.weui-btn-area_inline .weui-btn{margin-top:auto;margin-right:16px;width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-btn-area_inline .weui-btn:last-child{margin-right:0}.weui-agree{display:block;padding:.5em 15px;font-size:13px}.weui-agree__text{color:rgba(0,0,0,.5)}.weui-agree__link{display:inline;color:#576b95}.weui-agree__checkbox{position:absolute;left:-9999px}.weui-agree__checkbox-icon{position:relative;top:2px;display:inline-block;border:1px solid #d1d1d1;background-color:#fff;border-radius:3px;width:11px;height:11px}.weui-agree__checkbox-icon-check{position:absolute;top:1px;left:1px}.weui-footer{color:rgba(0,0,0,.3);font-size:14px;line-height:1.4;text-align:center}.weui-footer_fixed-bottom{position:fixed;bottom:16px;bottom:calc(16px + constant(safe-area-inset-bottom));bottom:calc(16px + env(safe-area-inset-bottom));left:0;right:0}.weui-footer__links{font-size:0}.weui-footer__link{display:inline-block;vertical-align:top;margin:0 8px;position:relative;font-size:14px;color:#576b95}.weui-footer__link:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #c7c7c7;color:#c7c7c7;left:-8px;top:.36em;bottom:.36em}.weui-footer__link:first-child:before{display:none}.weui-footer__text{padding:0 .34em;font-size:12px}.weui-grids{border-top:1rpx solid rgba(0,0,0,.1);border-left:1rpx solid rgba(0,0,0,.1);overflow:hidden}.weui-grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box;border-right:1rpx solid rgba(0,0,0,.1);border-bottom:1rpx solid rgba(0,0,0,.1)}.weui-grid_active{background-color:#ececec}.weui-grid__icon{display:block;width:28px;height:28px;margin:0 auto}.weui-grid__label{margin-top:5px;display:block;text-align:center;color:rgba(0,0,0,.9);font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weui-loading{margin:0 5px;width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:a 1s steps(12) infinite;animation:a 1s steps(12) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}.weui-loading.weui-loading_transparent{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wx_dot_loading,.wx_dot_loading:after,.wx_dot_loading:before{display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background-color:rgba(0,0,0,.3);font-size:0;-webkit-animation:c 1.6s step-start infinite;animation:c 1.6s step-start infinite}.wx_dot_loading{position:relative}.wx_dot_loading:before{content:"";position:absolute;left:-12px;background-color:rgba(0,0,0,.1);-webkit-animation:b 1.6s step-start infinite;animation:b 1.6s step-start infinite}.wx_dot_loading:after{content:"";position:absolute;right:-12px;background-color:rgba(0,0,0,.5);-webkit-animation:d 1.6s step-start infinite;animation:d 1.6s step-start infinite}@-webkit-keyframes b{0%,to{background-color:rgba(0,0,0,.1)}30%{background-color:rgba(0,0,0,.5)}60%{background-color:rgba(0,0,0,.3)}}@keyframes b{0%,to{background-color:rgba(0,0,0,.1)}30%{background-color:rgba(0,0,0,.5)}60%{background-color:rgba(0,0,0,.3)}}@-webkit-keyframes c{0%,to{background-color:rgba(0,0,0,.3)}30%{background-color:rgba(0,0,0,.1)}60%{background-color:rgba(0,0,0,.5)}}@keyframes c{0%,to{background-color:rgba(0,0,0,.3)}30%{background-color:rgba(0,0,0,.1)}60%{background-color:rgba(0,0,0,.5)}}@-webkit-keyframes d{0%,to{background-color:rgba(0,0,0,.5)}30%{background-color:rgba(0,0,0,.3)}60%{background-color:rgba(0,0,0,.1)}}@keyframes d{0%,to{background-color:rgba(0,0,0,.5)}30%{background-color:rgba(0,0,0,.3)}60%{background-color:rgba(0,0,0,.1)}}.wx_dot_loading_white{background-color:hsla(0,0%,100%,.3);-webkit-animation:f 1.6s step-start infinite;animation:f 1.6s step-start infinite}.wx_dot_loading_white:before{background-color:hsla(0,0%,100%,.5);-webkit-animation:e 1.6s step-start infinite;animation:e 1.6s step-start infinite}.wx_dot_loading_white:after{background-color:hsla(0,0%,100%,.1);-webkit-animation:g 1.6s step-start infinite;animation:g 1.6s step-start infinite}@-webkit-keyframes e{0%,to{background-color:hsla(0,0%,100%,.5)}30%{background-color:hsla(0,0%,100%,.1)}60%{background-color:hsla(0,0%,100%,.3)}}@keyframes e{0%,to{background-color:hsla(0,0%,100%,.5)}30%{background-color:hsla(0,0%,100%,.1)}60%{background-color:hsla(0,0%,100%,.3)}}@-webkit-keyframes f{0%,to{background-color:hsla(0,0%,100%,.3)}30%{background-color:hsla(0,0%,100%,.5)}60%{background-color:hsla(0,0%,100%,.1)}}@keyframes f{0%,to{background-color:hsla(0,0%,100%,.3)}30%{background-color:hsla(0,0%,100%,.5)}60%{background-color:hsla(0,0%,100%,.1)}}@-webkit-keyframes g{0%,to{background-color:hsla(0,0%,100%,.1)}30%{background-color:hsla(0,0%,100%,.3)}60%{background-color:hsla(0,0%,100%,.5)}}@keyframes g{0%,to{background-color:hsla(0,0%,100%,.1)}30%{background-color:hsla(0,0%,100%,.3)}60%{background-color:hsla(0,0%,100%,.5)}}.weui-loadmore{width:65%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}.weui-loadmore__tips{display:inline-block;vertical-align:middle}.weui-loadmore_line{border-top:1px solid rgba(0,0,0,.1);margin-top:2.4em}.weui-loadmore__tips_in-line{position:relative;top:-.9em;padding:0 .55em;background-color:#fff;color:rgba(0,0,0,.5)}.weui-loadmore__tips_in-dot{position:relative;padding:0 .16em;width:4px;height:1.6em}.weui-loadmore__tips_in-dot:before{content:" ";position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-2px;width:4px;height:4px;border-radius:50%;background-color:rgba(0,0,0,.1)}.weui-badge{display:inline-block;padding:.15em .4em;min-width:8px;border-radius:18px;background-color:#fa5151;color:#fff;line-height:1.2;text-align:center;font-size:12px;vertical-align:middle}.weui-badge_dot{padding:.4em;min-width:0}.weui-panel{background-color:#fff;margin-top:10px;position:relative;overflow:hidden}.weui-panel:first-child{margin-top:0}.weui-panel:before{top:0;border-top:1rpx solid rgba(0,0,0,.1)}.weui-panel:after,.weui-panel:before{content:" ";position:absolute;left:0;right:0;height:1px;color:rgba(0,0,0,.1)}.weui-panel:after{bottom:0;border-bottom:1rpx solid rgba(0,0,0,.1)}.weui-panel__hd{padding:16px 16px 13px;color:rgba(0,0,0,.9);font-size:15px;font-weight:700;position:relative}.weui-panel__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1);left:16px}.weui-media-box{padding:16px;position:relative}.weui-media-box:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1);left:1s6px}.weui-media-box:first-child:before{display:none}.weui-media-box__title{font-weight:400;font-size:17px;color:rgba(0,0,0,.9);width:auto;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all}.weui-media-box__desc,.weui-media-box__title{line-height:1.4;overflow:hidden;text-overflow:ellipsis}.weui-media-box__desc{color:rgba(0,0,0,.5);font-size:14px;padding-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-media-box__info{margin-top:16px;padding-bottom:4px;font-size:13px;color:#cecece;line-height:1em;list-style:none;overflow:hidden}.weui-media-box__info__meta{float:left;padding-right:1em}.weui-media-box__info__meta_extra{padding-left:1em;border-left:1px solid #cecece}.weui-media-box__title_in-text{margin-bottom:8px}.weui-media-box_appmsg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-media-box__thumb{width:100%;height:100%;vertical-align:top}.weui-media-box__hd_in-appmsg{margin-right:16px;width:60px;height:60px;line-height:60px;text-align:center}.weui-media-box__bd_in-appmsg{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-media-box_small-appmsg{padding:0}.weui-cells_in-small-appmsg{margin-top:0}.weui-cells_in-small-appmsg:before{display:none}.weui-progress{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-progress__bar{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-progress__opr{margin-left:15px;font-size:0}.weui-navbar{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;z-index:500;background-color:#fff;border-bottom:1rpx solid rgba(0,0,0,.1);padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.weui-navbar+.weui-tab__panel{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.weui-navbar__item{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:16px;padding:calc(16px + constant(safe-area-inset-top)) 16px 16px;padding:calc(16px + env(safe-area-inset-top)) 16px 16px;text-align:center;font-size:17px;line-height:1.41176471}.weui-navbar__item:after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-navbar__item.weui-bar__item_on{background-color:#ececec}.weui-navbar__item:first-child{padding-left:calc(16px + constant(safe-area-inset-left));padding-left:calc(16px + env(safe-area-inset-left))}.weui-navbar__item:last-child{padding-right:calc(16px + constant(safe-area-inset-right));padding-right:calc(16px + env(safe-area-inset-right))}.weui-navbar__item:last-child:after{display:none}.weui-navbar__slider{position:absolute;content:" ";left:0;bottom:0;width:6em;height:2px;background-color:#07c160;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;display:none}.weui-navbar__title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.weui-tabbar{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;z-index:500;background-color:#f7f7f7}.weui-tabbar:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-tabbar__item{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:8px 0 4px;padding-bottom:calc(8px + constant(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));font-size:0;color:rgba(0,0,0,.5);text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-tabbar__item:first-child{padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left)}.weui-tabbar__item:last-child{padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right)}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#07c160}.weui-tabbar__icon{display:inline-block;width:28px;height:28px;margin-bottom:2px}.weui-tabbar__icon>i,i.weui-tabbar__icon{font-size:24px;color:rgba(0,0,0,.5)}.weui-tabbar__icon image{width:100%;height:100%}.weui-tabbar__label{color:rgba(0,0,0,.9);font-size:10px;line-height:1.4}.weui-tab{display:-webkit-box;display:-webkit-flex;display:flex;height:100%;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.weui-tab__panel{box-sizing:border-box;-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}:host{width:100%}.weui-slideview{overflow:hidden;position:relative}.weui-slideview__left{position:relative;z-index:10}.weui-slideview__right{position:absolute;z-index:1;left:100%;top:0;height:100%}.weui-slideview__btn__wrp{position:absolute;left:0;bottom:0;text-align:center;min-width:69px;height:100%;white-space:nowrap}.weui-slideview__btn{color:#fff;padding:0 17px}.weui-slideview__btn-group_default .weui-slideview__btn{background:#c7c7cc}.weui-slideview__btn-group_default~.weui-slideview__btn-group_default:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #fff;color:#fff}.weui-slideview__btn-group_default:first-child:before{display:none}.weui-slideview__btn-group_warn .weui-slideview__btn{background:#fe3b30}.weui-slideview__btn-group_warn~.weui-slideview__btn-group_warn:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid #fff;color:#fff}.weui-slideview__btn-group_warn:first-child:before{display:none}.weui-slideview_icon .weui-slideview__btn__wrp{background:transparent;font-size:0}.weui-slideview_icon .weui-slideview__btn__wrp:after{content:"";width:0;height:100%;vertical-align:middle;display:inline-block}.weui-slideview_icon .weui-slideview__btn__wrp:first-child{padding-left:16px}.weui-slideview_icon .weui-slideview__btn__wrp:last-child{padding-right:8px}.weui-slideview_icon .weui-slideview__btn{width:48px;height:48px;line-height:48px;padding:0;display:inline-block;vertical-align:middle;border-radius:50%;background-color:#fff}.weui-slideview_icon .weui-slideview__btn__icon{display:inline-block;vertical-align:middle;width:22px;height:22px}.weui-gallery{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1000;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;opacity:0;visibility:hidden;-webkit-transition:opacity .3s;transition:opacity .3s}.weui-gallery_show{display:-webkit-box;display:-webkit-flex;display:flex;visibility:visible;opacity:1}.weui-gallery__img__wrp{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;font-size:0}.weui-gallery__img{background:50% no-repeat;background-size:contain;position:absoulte;width:100%;height:100%}.weui-gallery__opr{background-color:#0d0d0d;color:#fff;line-height:60px;min-height:60px;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.weui-gallery__opr navigator{color:#fff}.weui-gallery__del{display:block}.weui-gallery__info{color:#fff;font-size:17px;line-height:60px;min-height:60px;text-align:center}.weui-search-bar{position:relative;padding:8px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#ededed;-webkit-text-size-adjust:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-icon-search{margin-right:8px;font-size:14px;vertical-align:top;margin-top:.64em;height:1em;line-height:1em}.weui-icon-search_in-box{position:absolute;left:12px;top:50%;margin-top:-8px}.weui-search-bar__text{display:inline-block;font-size:14px;vertical-align:top}.weui-search-bar__form{position:relative;-webkit-box-flex:1;-webkit-flex:auto;flex:auto;border-radius:4px;background:#fff}.weui-search-bar__box{position:relative;padding-left:32px;padding-right:32px;width:100%;box-sizing:border-box;z-index:1}.weui-search-bar__input{height:32px;line-height:32px;font-size:14px;caret-color:#07c160}.weui-icon-clear{position:absolute;top:0;right:0;bottom:0;padding:0 12px;font-size:0}.weui-icon-clear:after{content:"";height:100%;vertical-align:middle;display:inline-block;width:0;overflow:hidden}.weui-search-bar__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:4px;text-align:center;color:rgba(0,0,0,.5);background:#fff;line-height:32px}.weui-search-bar__cancel-btn{margin-left:8px;line-height:32px;color:#576b95;white-space:nowrap}icon[type=success]:after,icon[type=success]:before{color:#07c160!important}.weui-mask{background:rgba(0,0,0,.6)}.weui-mask,.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-dialog__wrp{position:fixed;z-index:5000;top:16px;bottom:16px;left:16px;right:16px;text-align:center;font-size:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-dialog__wrp .weui-dialog{max-height:100%}.weui-dialog{background-color:#fff;text-align:center;border-radius:12px;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;max-height:90%}.weui-dialog__hd{padding:32px 24px 16px}.weui-dialog__title{font-weight:700;font-size:17px;line-height:1.4}.weui-dialog__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 24px;margin-bottom:32px;min-height:40px;font-size:17px;line-height:1.4;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;color:rgba(0,0,0,.5)}.weui-dialog__bd:first-child{padding:32px 24px 0;font-weight:700;color:rgba(0,0,0,.9);-webkit-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-dialog__bd:first-child,.weui-dialog__ft{display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft{position:relative;line-height:64px;min-height:64px;font-size:17px}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#576b95;font-weight:700;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.weui-dialog__btn:active{background-color:#ececec}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:rgba(0,0,0,.9)}@media screen and (min-width:352px){.weui-dialog{width:320px;margin:0 auto}}.weui-actionsheet{position:fixed;left:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;width:100%;background-color:#eae7e8;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden}.weui-actionsheet__title{position:relative;height:56px;padding:0 24px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;text-align:center;font-size:12px;color:rgba(0,0,0,.5);line-height:1.4;background:#fff}.weui-actionsheet__title:before{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-actionsheet__title .weui-actionsheet__title-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-actionsheet__menu{color:rgba(0,0,0,.9);background-color:#fff}.weui-actionsheet__action{margin-top:8px;background-color:#fff;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.weui-actionsheet__cell{position:relative;padding:16px;text-align:center;font-size:17px;line-height:1.41176471}.weui-actionsheet__cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1rpx solid rgba(0,0,0,.1);color:rgba(0,0,0,.1)}.weui-actionsheet__cell:active{background-color:#ececec}.weui-actionsheet__cell:first-child:before{display:none}.weui-actionsheet__cell_warn{color:#fa5151}.weui-skin_android .weui-actionsheet{position:fixed;left:50%;top:50%;bottom:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:274px;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;border-radius:2px}.weui-skin_android .weui-actionsheet__action{display:none}.weui-skin_android .weui-actionsheet__menu{border-radius:2px;box-shadow:0 6px 30px 0 rgba(0,0,0,.1)}.weui-skin_android .weui-actionsheet__cell{padding:16px;font-size:17px;line-height:1.41176471;color:rgba(0,0,0,.9);text-align:left}.weui-skin_android .weui-actionsheet__cell:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.weui-skin_android .weui-actionsheet__cell:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.weui-actionsheet_toggle{-webkit-transform:translate(0);transform:translate(0)}.weui-half-screen-dialog{position:fixed;left:0;right:0;bottom:0;max-height:75%;z-index:5000;line-height:1.4;background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;overflow:hidden;padding:0 24px;padding:0 calc(24px + constant(safe-area-inset-right)) constant(safe-area-inset-bottom) calc(24px + constant(safe-area-inset-left));padding:0 calc(24px + env(safe-area-inset-right)) env(safe-area-inset-bottom) calc(24px + env(safe-area-inset-left))}.weui-half-screen-dialog__hd{font-size:8px;height:8em;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-half-screen-dialog__hd .weui-icon-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.weui-half-screen-dialog__hd__side{position:relative;left:-8px}.weui-half-screen-dialog__hd__main{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-half-screen-dialog__hd__side+.weui-half-screen-dialog__hd__main{text-align:center;padding:0 40px}.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side{right:-8px;left:auto}.weui-half-screen-dialog__hd__main+.weui-half-screen-dialog__hd__side .weui-icon-btn{right:0}.weui-half-screen-dialog__title{display:block;color:rgba(0,0,0,.9);font-weight:700;font-size:15px}.weui-half-screen-dialog__subtitle{display:block;color:rgba(0,0,0,.5);font-size:10px}.weui-half-screen-dialog__bd{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-y:auto}.weui-half-screen-dialog__desc{padding-top:4px;font-size:17px;font-weight:700;color:rgba(0,0,0,.9);line-height:1.4}.weui-half-screen-dialog__tips{padding-top:16px;font-size:14px;color:rgba(0,0,0,.3);line-height:1.4}.weui-half-screen-dialog__ft{padding:40px 24px 32px;text-align:center}.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2),.weui-half-screen-dialog__ft .weui-btn:nth-last-child(n+2)+.weui-btn{display:inline-block;vertical-align:top;margin:0 8px;width:120px}.weui-icon-btn{background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;border:0;outline:0;font-size:0}.weui-icon-btn_goback{width:12px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(-16 -20)'%3E    %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E    %3Cpath fill='%23000' fill-opacity='.9' d='M26 39.438L24.955 40.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42l7.666-7.79L26 24.563 18.682 32 26 39.438z'/%3E  %3C/g%3E%3C/svg%3E")}.weui-icon-btn_close{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cdefs%3E    %3Cpath id='33cf2e7b-22e9-42d7-9c56-a9f4a4e03565-a' d='M8 6.943L1.807.75.75 1.807 6.943 8 .75 14.193l1.057 1.057L8 9.057l6.193 6.193 1.057-1.057L9.057 8l6.193-6.193L14.193.75z'/%3E  %3C/defs%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(-16 -20)'%3E    %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E    %3Cuse fill='%23000' fill-opacity='.9' transform='translate(20 24)' xlink:href='%2333cf2e7b-22e9-42d7-9c56-a9f4a4e03565-a'/%3E  %3C/g%3E%3C/svg%3E")}.weui-icon-btn_more{width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E  %3Cg fill='none' fill-rule='evenodd' transform='translate(-374 -20)'%3E    %3Cpath fill='%23FFF' d='M0 12C0 5.373 5.367 0 12 0h390c6.628 0 12 5.374 12 12v52H0V12z'/%3E    %3Cpath fill='%23000' fill-opacity='.9' d='M380.75 32a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0zm5.25-1.75a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5zm7 0a1.75 1.75 0 1 1 0 3.5 1.75 1.75 0 0 1 0-3.5z'/%3E  %3C/g%3E%3C/svg%3E")}.weui-toptips{position:fixed;-webkit-transform:translateZ(0) translateY(-108%);transform:translateZ(0) translateY(-108%);text-align:center;top:8px;left:16px;right:16px;border-radius:4px;padding:8px;-webkit-border-radius:4px;color:hsla(0,0%,100%,.9);font-size:17px;line-height:1.4;background:rgba(250,81,81,.9);z-index:5000;word-wrap:break-word;word-break:break-all;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.weui-toptips_show{-webkit-transform:translateZ(0) translateY(0);transform:translateZ(0) translateY(0);opacity:1}.weui-toptips_warn{background-color:#fa5151}.weui-toptips_success{background-color:#09bb07}.weui-toptips_error{background-color:#fa5151}.weui-toptips_info{background-color:#10aeff}page{--height:44px;--right:190rpx}.weui-navigation-bar{overflow:hidden}.weui-navigation-bar .android{--height:48px;--right:222rpx}.weui-navigation-bar__inner{position:fixed;top:0;left:0;z-index:5001;height:var(--height);padding-right:var(--right);width:calc(100% - var(--right))}.weui-navigation-bar__inner,.weui-navigation-bar__inner .weui-navigation-bar__left{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-navigation-bar__inner .weui-navigation-bar__left{position:relative;width:var(--right);padding-left:16px;-webkit-box-pack:center}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn{display:inline-block;vertical-align:middle;background-repeat:no-repeat}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback{font-size:12px;width:1em;height:2em;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24' viewBox='0 0 12 24'%3E  %3Cpath fill-opacity='.9' fill-rule='evenodd' d='M10 19.438L8.955 20.5l-7.666-7.79a1.02 1.02 0 0 1 0-1.42L8.955 3.5 10 4.563 2.682 12 10 19.438z'/%3E%3C/svg%3E");background-position:50% 50%;background-size:cover}.weui-navigation-bar__inner .weui-navigation-bar__left .weui-navigation-bar__btn_goback:active{opacity:.5}.weui-navigation-bar__inner .weui-navigation-bar__center{font-size:17px;text-align:center;position:relative;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.weui-navigation-bar__inner .weui-navigation-bar__loading{font-size:0}.weui-navigation-bar__inner .weui-navigation-bar__loading .weui-loading{margin-left:0}.weui-navigation-bar__inner .weui-navigation-bar__right{margin-right:16px}.weui-navigation-bar__placeholder{height:var(--height);background:#f8f8f8;position:relative;z-index:50}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..a14ba0a
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,11 @@
+{
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "weui-miniprogram": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/weui-miniprogram/-/weui-miniprogram-0.2.1.tgz",
+      "integrity": "sha512-Of/r4QwmlzMwvpW9BQHcL/KW3WV5kw+7yxCFSob3UIqMpwLxKHuBrQajuCVkM3CbqxIpc0XWyDYnpCWk3VkLYg=="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..e025ca7
--- /dev/null
+++ b/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "aqyj",
+  "version": "1.0.0",
+  "description": "",
+  "main": "app.js",
+  "dependencies": {
+    "weui-miniprogram": "^0.2.1"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://e.coding.net/ctcdevteam/aqyj.git"
+  },
+  "author": "",
+  "license": "ISC"
+}
diff --git a/pages/bind/binduser.js b/pages/bind/binduser.js
index 77e3b71..4271022 100644
--- a/pages/bind/binduser.js
+++ b/pages/bind/binduser.js
@@ -5,7 +5,9 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    username:'',
+    password:'',
+    mpopenid:''
   },
   usernameChange: function (e) {
     this.data.username = e.detail.value
@@ -15,11 +17,11 @@ Page({
   },
   denglu: function(){
     var that=this
-    console.log(that.data)
+    // console.log(that.data)
     wx.request({
       url: getApp().globalData.serverUrl + 'bindmp',
       header: {
-        'content-type': 'application/x-www-form-urlencoded', // 
+        'content-type': 'application/json', // 
       },
       method: 'POST',
       data:that.data,
@@ -27,6 +29,16 @@ Page({
         if (res.statusCode === 200) {
           if (res.data.code == 1) {
             wx.showToast({})
+            wx.removeStorageSync('sessionid')
+            getApp().globalData.userInfo = {
+              userid: 0,
+              username: '',
+              name: '',
+              isaqy: 0,
+              mpopenid: '',
+              companyid: '',
+              perms: []
+            } //重置globaldata和session
             getApp().mplogin()
             wx.switchTab({
               url: '/pages/main/main',
@@ -42,13 +54,18 @@ Page({
       }
     });
   },
-
+  onGetInfo:function(e){
+    this.setData({
+      userInfo:e.detail.userInfo
+    })
+    this.denglu()
+  },
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
     this.setData({
-      mpopenid:wx.getStorageSync('mpopenid')
+      mpopenid:getApp().globalData.userInfo.mpopenid
     })
   },
 
diff --git a/pages/bind/binduser.wxml b/pages/bind/binduser.wxml
index 79a6fb3..468c92e 100644
--- a/pages/bind/binduser.wxml
+++ b/pages/bind/binduser.wxml
@@ -20,12 +20,13 @@
       </view>
     </view>
   </view>
-  <button class="weui-btn" type="primary" bindtap="denglu">登陆并绑定</button>
+  <button class="weui-btn" type="primary" open-type="getUserInfo" bindgetuserinfo="onGetInfo">授权并绑定登陆</button>
 </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" bindtap="intro">点击下载系统/小程序文档介绍</view>
-    <view class="weui-footer__text">Copyright © 2018-2019 国检集团</view>
+    <view class="weui-footer__text">Copyright © 2018-2020 国检集团</view>
+    <view class="weui-footer__text">中存大数据提供技术支持</view>
 </view>
\ No newline at end of file
diff --git a/pages/data/detail.js b/pages/data/detail.js
new file mode 100644
index 0000000..63cf95c
--- /dev/null
+++ b/pages/data/detail.js
@@ -0,0 +1,162 @@
+// pages/suggest/detail.js
+var util = require('../../utils/util.js')
+Page({
+  openfj: function (e) {
+    var that = this
+    let fileurl = that.data.url
+    wx.showLoading({
+      title: '正在下载...',
+    })
+    wx.downloadFile({
+      url: fileurl,
+      success(res) {
+        wx.showLoading({
+          title: '成功,正在打开...',
+        })
+        const filePath = res.tempFilePath
+        console.log(filePath)
+        var filetype
+        if (fileurl.indexOf(".docx") != -1) {
+          filetype = 'docx'
+        }
+        else if (fileurl.indexOf(".doc") != -1) {
+          filetype = 'doc'
+        }
+        else if (fileurl.indexOf(".xlsx") != -1) {
+          filetype = 'xlsx'
+        }
+        else if (fileurl.indexOf(".xls") != -1) {
+          filetype = 'xls'
+        }
+        else if (fileurl.indexOf(".pptx") != -1) {
+          filetype = 'pptx'
+        }
+        else if (fileurl.indexOf(".ppt") != -1) {
+          filetype = 'ppt'
+        }
+        else if (fileurl.indexOf(".pdf") != -1) {
+          filetype = 'pdf'
+        }else{
+          wx.hideLoading()
+          return
+        }
+        wx.openDocument({
+          filePath,
+          fileType: filetype,
+          success(res) {
+            wx.hideLoading()
+            console.log('打开文档成功')
+          }, fail: function (e) {
+            console.log(e)
+          }
+        })
+        that.hasRead()
+      }
+    })
+    
+  },
+  hasRead:function(){
+    wx.request({
+      url: this.data.serverUrl + 'edu/api?a=downfile&id=' + this.data.id,
+      header: {
+        'content-type': 'application/json', // 默认值
+        'Cookie': wx.getStorageSync("sessionid"),
+      },
+      data: {
+      },
+      success: res => {
+      }
+    });
+  },
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    serverUrl: getApp().globalData.serverUrl,
+    isDocument:false
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    this.getFiledetail(options.id);
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  getFiledetail: function (id) {
+    wx.showLoading({
+      title: '加载中',
+    }),
+      wx.request({
+        url: this.data.serverUrl + 'edu/api?a=detail&id=' + id,
+        header: {
+          'content-type': 'application/json', // 默认值
+          'Cookie': wx.getStorageSync("sessionid"),
+        },
+        data: {
+        },
+        success: res => {
+          wx.hideLoading();
+          console.log(res.data);
+          if (res.statusCode === 200) {
+            var filedetail = res.data
+            filedetail.url = this.data.serverUrl + filedetail.url
+            this.setData(filedetail)
+            if([2,3,4,5].indexOf(filedetail.type)!=-1){
+              this.setData({
+                isDocument:true
+              })
+            }
+          }
+        }
+      });
+  },
+})
\ No newline at end of file
diff --git a/pages/data/detail.json b/pages/data/detail.json
new file mode 100644
index 0000000..88c8e75
--- /dev/null
+++ b/pages/data/detail.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "文件详情"
+}
\ No newline at end of file
diff --git a/pages/data/detail.wxml b/pages/data/detail.wxml
new file mode 100644
index 0000000..0e756c4
--- /dev/null
+++ b/pages/data/detail.wxml
@@ -0,0 +1,33 @@
+<view class="page">
+    <view class="page__bd">
+        <view class="weui-article">
+            <view class="weui-article__h1">{{title}}</view>
+            <view class="weui-article__h2">分享者:
+            <span style="color:blue;font-weight:bold">{{user__ubelongpart__partname}}</span>
+            <span style="color:orange;font-weight:bold">   {{user__name}}</span>
+            </view>
+            <view class="weui-media-box__desc">下载量:
+            <span style="color:blue;font-weight:bold">{{downnum}}</span>
+            </view>
+            <view class="weui-media-box__desc">最近编辑时间:{{modifytime}}
+            </view>
+        </view>
+        <view class="weui-article">
+                    <view class="weui-article__section">
+            <span>    </span>
+            {{desciption}}
+            </view>
+            </view>
+            <view class="weui-article__p" style="text-align:center">
+          <!-- <image wx:if="{{type==1}}" src="../images/mp4.svg"></image> -->
+          <video wx:if="{{type==1}}" src="{{url}}" controls title="{{title}}" bindplay="hasRead" icon="{{poster}}"></video>
+          <image wx:elif="{{type==2}}" src="../images/word.svg"></image>
+          <image wx:elif="{{type==3}}" src="../images/ppt.svg"></image>
+          <image wx:elif="{{type==4}}" src="../images/pdf.svg"></image>
+          <image wx:elif="{{type==5}}" src="../images/excel.svg"></image>
+          <image wx:elif="{{type==6}}" src="../images/zip.svg"></image>
+          <image wx:else src="../images/file.svg"></image>
+          </view>
+          <button class="weui-btn" type="primary" bindtap="openfj" wx:if="{{isDocument}}">点击查看/下载</button>
+    </view>
+</view>
diff --git a/pages/data/detail.wxss b/pages/data/detail.wxss
new file mode 100644
index 0000000..1068258
--- /dev/null
+++ b/pages/data/detail.wxss
@@ -0,0 +1,5 @@
+/* pages/data/detail.wxss */
+.weui-btn{
+  width:auto;
+  margin: 5px;
+}
\ No newline at end of file
diff --git a/pages/data/index.js b/pages/data/index.js
new file mode 100644
index 0000000..501899b
--- /dev/null
+++ b/pages/data/index.js
@@ -0,0 +1,136 @@
+// pages/miss/miss.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    page: 1,
+    serverUrl: getApp().globalData.serverUrl,
+    datalist: []
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    var that = this;
+    that.getDatalist(1)
+    this.data.page = 1;
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+    var that = this;
+    that.getDatalist(1);
+    wx.stopPullDownRefresh();
+    this.data.page = 1;
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+    //上拉分页,将页码加1，然后调用分页函数
+    this.data.page = this.data.page + 1;
+    this.getDatalist();
+    wx.stopPullDownRefresh();
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  getDatalist: function (page,search='') {
+    var that = this;
+    if (page != 1) { page = that.data.page }
+    wx.showLoading({
+      title: '加载中',
+    }),
+      wx.request({
+        url: this.data.serverUrl + 'edu/api?a=listall&rows=10&page=' + page+'&search='+search,
+        header: {
+          'content-type': 'application/json', // 默认值
+          'Cookie': wx.getStorageSync("sessionid"),
+        },
+        success: res => {
+          if (res.statusCode === 200) {
+            if (res.data.rows.length == 0) {
+              if (page == 1) {
+                this.setData({
+                  total: 0,
+                  datalist: []
+                })
+              }
+              else {
+                wx.showModal({
+                  content: "已经到底啦!",
+                  showCancel: false,
+                  confirmText: "确定",
+                })
+              }
+            } else {
+              let list
+              if (page == 1) {
+                list = res.data.rows
+              } else {
+                list = this.data.datalist.concat(res.data.rows)
+              }
+              this.setData({
+                total: res.data.total,
+                datalist: list
+              })
+            }
+          }
+          wx.hideLoading();
+        }
+      });
+  },
+  //搜索框文本内容显示
+  inputBind: function (event) {
+    this.setData({
+      inputValue: event.detail.value
+    })
+  },
+  query: function(){
+    this.page = 1
+    this.getDatalist(this.page,this.data.inputValue)
+  },
+  reset: function(){
+    this.page = 1
+    this.inputValue = ''
+    this.getDatalist(this.page)
+  }
+})
\ No newline at end of file
diff --git a/pages/data/index.json b/pages/data/index.json
new file mode 100644
index 0000000..973b78e
--- /dev/null
+++ b/pages/data/index.json
@@ -0,0 +1,5 @@
+{
+  "navigationBarTitleText": "资料",
+  "enablePullDownRefresh": true,
+  "onReachBottomDistance": 50
+}
\ No newline at end of file
diff --git a/pages/data/index.wxml b/pages/data/index.wxml
new file mode 100644
index 0000000..4530f54
--- /dev/null
+++ b/pages/data/index.wxml
@@ -0,0 +1,55 @@
+<view class="page__bd">
+
+  <view class="head">共{{total}}条资料</view>
+    <view class='search'>
+        <input type='text' placeholder='输入你想要的内容' confirm-type='search' value="{{inputValue}}" bindinput='inputBind' bindconfirm='query' style="flex: 1;"></input>
+        <view style="padding:2rpx">
+      <button type="primary" size="{{mini}}" bindtap="query" >查询</button>
+    </view>
+    <view style="padding:2rpx">
+      <button type="primary" size="{{mini}}" bindtap="reset" >重置</button>
+    </view>
+    </view>
+  <!-- <view style="display:flex;">
+<input class="weui-input"  bindinput="bindSearchword" placeholder="输入名称进行搜索"/>
+  <view style="width:auto;padding:2rpx">
+      <button type="primary" size="{{mini}}" bindtap="search">查询</button>
+    </view>
+    <view style="width:auto;padding:2rpx">
+      <button type="primary" size="{{mini}}" bindtap="reset">重置</button>
+    </view>
+  </view> -->
+  <view class="weui-cells weui-cells_after-title" >
+    <block wx:for="{{datalist}}" wx:key="unique">
+      <navigator url="./detail?id={{item.id}}" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+      <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
+          <image wx:if="{{item.type==1}}" class="weui-media-box__thumb" src="../images/mp4.svg"></image>
+          <image wx:elif="{{item.type==2}}" class="weui-media-box__thumb" src="../images/word.svg"></image>
+          <image wx:elif="{{item.type==3}}" class="weui-media-box__thumb" src="../images/ppt.svg"></image>
+          <image wx:elif="{{item.type==4}}" class="weui-media-box__thumb" src="../images/pdf.svg"></image>
+          <image wx:elif="{{item.type==5}}" class="weui-media-box__thumb" src="../images/excel.svg"></image>
+          <image wx:elif="{{item.type==6}}" class="weui-media-box__thumb" src="../images/zip.svg"></image>
+          <image wx:else class="weui-media-box__thumb" src="../pages/image/file.svg"></image>
+        </view>
+        <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+          <view class="weui-media-box__title">{{item.title}}</view>
+          <view class="weui-media-box__desc">{{item.user__ubelongpart__partname}} {{item.user__name}}分享</view>
+          <view class="weui-media-box__desc">类别:{{item.cate__name}}</view>
+          <view class="weui-media-box__desc">最新编辑:{{item.modifytime}}</view>
+        </view>
+                <view class="weui-panel__ft weui-cell__ft_in-access">
+        <view class="weui-media-box__title">
+        <span wx:if="{{item.type==1}}">播放量</span>
+        <span wx:else>下载量</span>
+        <span style="color:green;font-weight:bold"> {{item.downnum}}</span>
+        </view>
+      </view>
+      </navigator>
+    </block>
+  </view>
+</view>
+<!-- <view style="position:fixed; bottom:0;width:100%;">
+  <navigator url="/pages/miss/addmiss" hover-class="navigator-hover">
+    <button class="weui-btn" type="primary">新增</button>
+  </navigator>
+</view> -->
diff --git a/pages/data/index.wxss b/pages/data/index.wxss
new file mode 100644
index 0000000..b5cf000
--- /dev/null
+++ b/pages/data/index.wxss
@@ -0,0 +1,31 @@
+.weui-btn{
+  width:auto;
+  margin: 5px;
+}
+.container {
+  background-color: #fff;  
+  color: #939393; 
+}
+.head{
+  color:#fff;
+  background-color: cornflowerblue;
+  text-align: center;
+}
+.search
+{
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  width:100%;
+  height:auto;
+  background-color:white;
+  border:2rpx solid goldenrod;
+  border-radius: 5rpx;
+
+}
+
+/* 搜索框提示文字样式 */
+.search input
+{
+  padding-left:30rpx; 
+}
diff --git a/pages/examtest/detail.js b/pages/examtest/detail.js
index dc1c0c0..5fece31 100644
--- a/pages/examtest/detail.js
+++ b/pages/examtest/detail.js
@@ -33,7 +33,7 @@ Page({
           this.detaildata = data
           this.setData({
             starttime:data.starttime,
-            took:data.took,
+            took: util.formatSeconds(data.took),
             tmIndex:0,
             tmtotal: data['testdetail'].length,
             currentTm:data['testdetail'][0]
@@ -115,7 +115,6 @@ Page({
   showanswer: function () {
     var that = this
     var currentTm = that.data.currentTm
-    console.log(currentTm)
     var answer = currentTm.question__answer
     var sorder = Object.keys(answer).sort();
     var answerChecked=[]
diff --git a/pages/examtest/detail.wxml b/pages/examtest/detail.wxml
index a11c950..214e32f 100644
--- a/pages/examtest/detail.wxml
+++ b/pages/examtest/detail.wxml
@@ -1,7 +1,7 @@
 <!--pages/examtest/main.wxml-->
 <view class="head">
 
-<view style="float:left">答题耗时{{took}}分钟</view>
+答题耗时——{{took}}
 </view>
 <view >
 </view>
diff --git a/pages/examtest/index.js b/pages/examtest/index.js
index 06448ef..236ba85 100644
--- a/pages/examtest/index.js
+++ b/pages/examtest/index.js
@@ -1,11 +1,12 @@
 //var base64 = require("../images/base64");
+var util = require('../../utils/util.js')
 var sliderWidth = 96;
 Page({
   data: {
     page: 1,
     serverUrl: getApp().globalData.serverUrl,
     allyhlist: [],
-    tabs: ["待考", "已考"],
+    tabs: ["可参加", "已考", "全部"],
     activeIndex: 0,
     sliderOffset: 0,
     sliderLeft: 0
@@ -17,13 +18,17 @@ Page({
       activeIndex: e.currentTarget.id
     });
     if (that.data.activeIndex == 0) {
-      that.gettodokslist(1)
-      that.data.todopage = 1
+      that.getkklist(1)
+      that.data.kkpage = 1
     }
     else if (that.data.activeIndex == 1) {
       that.getyklist(1)
       that.data.page = 1
     }
+    else if (that.data.activeIndex == 2) {
+      that.getalllist(1)
+      that.data.allpage = 1
+    }
   },
   getyklist: function (page) {
     var that = this;
@@ -61,6 +66,9 @@ Page({
               } else {
                 list = this.data.yklist.concat(res.data.rows)
               }
+              for(var i=0;i<list.length;i++){
+                list[i].took = util.formatSeconds(list[i].took) 
+              }
               this.setData({
                 yktotal: res.data.total,
                 yklist: list
@@ -118,6 +126,100 @@ Page({
         }
       });
   },
+  getkklist: function (page) { //可参加的考试
+    var that = this;
+    if (page != 1) { page = that.data.kkpage }
+    wx.showLoading({
+      title: '加载中',
+    }),
+      wx.request({
+        url: this.data.serverUrl + 'api/examtest?a=listall&state=open&rows=10&page=' + page,
+        header: {
+          'content-type': 'application/json', // 默认值
+          'Cookie': wx.getStorageSync("sessionid"),
+        },
+        success: res => {
+          if (res.statusCode === 200) {
+            if (res.data.rows.length == 0) {
+              if (page == 1) {
+                this.setData({
+                  kktotal: 0,
+                  kklist: []
+                })
+              }
+              else {
+                wx.showModal({
+                  content: "已经到底啦!",
+                  showCancel: false,
+                  confirmText: "确定",
+                })
+              }
+
+
+            } else {
+              let list
+              if (page == 1) {
+                list = res.data.rows
+              } else {
+                list = this.data.kklist.concat(res.data.rows)
+              }
+              this.setData({
+                kktotal: res.data.total,
+                kklist: list
+              })
+            }
+          }
+          wx.hideLoading();
+        }
+      });
+  },
+  getalllist: function (page) { //全部考试
+    var that = this;
+    if (page != 1) { page = that.data.allpage }
+    wx.showLoading({
+      title: '加载中',
+    }),
+      wx.request({
+        url: this.data.serverUrl + 'api/examtest?a=listall&rows=10&page=' + page,
+        header: {
+          'content-type': 'application/json', // 默认值
+          'Cookie': wx.getStorageSync("sessionid"),
+        },
+        success: res => {
+          if (res.statusCode === 200) {
+            if (res.data.rows.length == 0) {
+              if (page == 1) {
+                this.setData({
+                  alltotal: 0,
+                  alllist: []
+                })
+              }
+              else {
+                wx.showModal({
+                  content: "已经到底啦!",
+                  showCancel: false,
+                  confirmText: "确定",
+                })
+              }
+
+
+            } else {
+              let list
+              if (page == 1) {
+                list = res.data.rows
+              } else {
+                list = this.data.alllist.concat(res.data.rows)
+              }
+              this.setData({
+                alltotal: res.data.total,
+                alllist: list
+              })
+            }
+          }
+          wx.hideLoading();
+        }
+      });
+  },
   onLoad: function () {
     // this.setData({
     //   icon: base64.icon20
@@ -136,58 +238,74 @@ Page({
     var that = this;
     console.log(that.data.activeIndex)
     if (that.data.activeIndex == 0) {
-      that.gettodokslist(1)
-      that.data.todopage = 1
+      that.getkklist(1)
+      that.data.kkpage = 1
     }
     else if (that.data.activeIndex == 1) {
       that.getyklist(1)
       that.data.page = 1
     }
+    else if (that.data.activeIndex == 2) {
+      that.getalllist(1)
+      that.data.allpage = 1
+    }
   },
   onPullDownRefresh: function () {
     var that = this;
     if (that.data.activeIndex == 0) {
-      that.gettodokslist(1)
+      that.getkklist(1)
       wx.stopPullDownRefresh();
-      that.data.todopage = 1
+      that.data.kkpage = 1
     }
     else if (that.data.activeIndex == 1) {
       that.getyklist(1)
       wx.stopPullDownRefresh();
       that.data.page = 1
     }
+    else if (that.data.activeIndex == 2) {
+      that.getalllist(1)
+      wx.stopPullDownRefresh();
+      that.data.allpage = 1
+    }
   },
   onReachBottom: function () {
     //上拉分页,将页码加1，然后调用分页函数
 
     var that = this;
     if (that.data.activeIndex == 0) {
-      this.data.todopage = this.data.todopage + 1;
-      this.gettodokslist();
+      this.data.kkpage = this.data.kkpage + 1;
+      this.getkklist();
     }
     else if (that.data.activeIndex == 1) {
       this.data.page = this.data.page + 1;
       this.getyklist();
     }
+    else if (that.data.activeIndex == 2) {
+      this.data.allpage = this.data.allpage + 1;
+      this.getalllist();
+    }
   },
   testDetail:function(e){
-    let data = e.currentTarget.dataset
-    let examtest__state = data.examtest__state
-    console.log(examtest__state)
-    let id = data.id
-    if (examtest__state==0){
-      let url = "detail?detailid="+id.toString()
+    let data = e.currentTarget.dataset.test
+    console.log(data)
+    // let examtest__state = data.examtest__state
+    // console.log(examtest__state)
+    // let id = data.id
+    // if (examtest__state==0){
+      // let url = "detail?detailid="+id.toString()
+      let url = "note2?examtestid=" + data.examtest__id.toString()+"&detailid="+data.id.toString()
+                + "&took="+data.took.toString()+"&score="+data.score.toString()
       wx.navigateTo({
         url: url,
       })
-    }else{
-      wx.showModal({
-        title: "系统提示",
-        content: '发布人未关闭考试,暂不能查看',
-        showCancel: false,
-        confirmText: "确定"
-      })
-    }
+    // }else{
+    //   wx.showModal({
+    //     title: "系统提示",
+    //     content: '发布人未关闭考试,暂不能查看',
+    //     showCancel: false,
+    //     confirmText: "确定"
+    //   })
+    // }
     
   },
   scan: function () {
diff --git a/pages/examtest/index.wxml b/pages/examtest/index.wxml
index cd84568..76246c4 100644
--- a/pages/examtest/index.wxml
+++ b/pages/examtest/index.wxml
@@ -10,20 +10,29 @@
   <view class="weui-tab__panel">
     <view class="weui-tab__content" hidden="{{activeIndex != 0}}">
       <view class="head">
-        共{{todototal}}条考试</view>
+        共{{kktotal}}条考试</view>
       <view class="weui-cells weui-cells_after-title">
-        <block wx:for="{{todokslist}}" wx:key="unique">
-          <navigator url="note?id={{item.examtest__id}}" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+        <block wx:for="{{kklist}}" wx:key="unique">
+          <navigator url="note?id={{item.id}}" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
             <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
-              <view class="weui-media-box__title">{{item.examtest__name}}
+              <view class="weui-media-box__title">{{item.name}}
+              </view>
+              <view class="weui-media-box__desc" style="color:green">
+              <span style="color:geen">答卷时长:</span>
+              <span style="color:blue;font-weight:bold">{{item.duration}}分钟  </span>
+              <span style="color:geen">通过分数:</span>
+              <span style="color:blue;font-weight:bold">{{item.passscore}}</span>
               </view>
-              <view class="weui-media-box__desc" style="color:green">答卷时长:{{item.examtest__duration}}分钟 通过分数:{{item.examtest__passscore}}</view>
 
             </view>
-                          <view class="weui-panel__ft weui-cell__ft_in-access">
-                <view wx:if="{{item.isActive}}" class="weui-media-box__title" style="background-color:green;color:white">可参加</view>
-                <view wx:else class="weui-media-box__title" style="background-color:red;color:white">已过期</view>
-              </view>
+            <view class="weui-panel__ft weui-cell__ft_in-access">
+            <view wx:if="{{item.state==1}}" class="weui-media-box__title" style="background-color:green;color:white">进行中</view>
+              <view wx:else class="weui-media-box__title" style="background-color:red;color:white">已关闭</view>
+            </view>
+            <!-- <view class="weui-panel__ft weui-cell__ft_in-access">
+              <view wx:if="{{item.isActive}}" class="weui-media-box__title" style="background-color:green;color:white">可参加</view>
+              <view wx:else class="weui-media-box__title" style="background-color:red;color:white">已过期</view>
+            </view> -->
           </navigator>
         </block>
       </view>
@@ -34,19 +43,19 @@
         共{{yktotal}}条考试</view>
       <view class="weui-cells weui-cells_after-title">
         <block wx:for="{{yklist}}" wx:key="unique">
-          <view bindtap='testDetail' data-examtest__state="{{item.examtest__state}}" data-id="{{item.id}}" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+          <view bindtap='testDetail' data-test="{{item}}" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
             <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
               <view class="weui-media-box__title">{{item.examtest__name}}
               </view>
               <view class="weui-media-box__desc">参加时间:{{item.starttime}}</view>
-              <view class="weui-media-box__desc" style="color:blue">耗时:{{item.took}}分钟 得分:{{item.score}}</view>
+              <view class="weui-media-box__desc" style="color:blue">耗时:{{item.took}} 得分:{{item.score}}</view>
             </view>
             <view class="weui-panel__ft weui-cell__ft_in-access">
               <view class="weui-media-box__title">
                 <view wx:if="{{item.passcode==1}}" style="color:green">通过</view>
                 <view wx:if="{{item.passcode==0 && item.ison==1}}" style="color:red">未通过</view>
                 <view wx:if="{{item.examtest__state==1}}" style="color:green">进行中</view>
-                <view wx:else>已关闭</view>
+                <view wx:else>已结束</view>
               </view>
             </view>
           </view>
@@ -54,9 +63,38 @@
       </view>
 
     </view>
+    <view class="weui-tab__content" hidden="{{activeIndex != 2}}">
+      <view class="head">
+        共{{alltotal}}条考试</view>
+      <view class="weui-cells weui-cells_after-title">
+        <block wx:for="{{alllist}}" wx:key="unique">
+          <view class="weui-media-box weui-media-box_appmsg">
+            <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+              <view class="weui-media-box__title">{{item.name}}
+              </view>
+              <view class="weui-media-box__desc" style="color:green">
+              <span style="color:geen">答卷时长:</span>
+              <span style="color:blue;font-weight:bold">{{item.duration}}分钟  </span>
+              <span style="color:geen">通过分数:</span>
+              <span style="color:blue;font-weight:bold">{{item.passscore}}</span>
+              </view>
 
+            </view>
+            <view class="weui-panel__ft weui-cell__ft">
+            <view wx:if="{{item.state==1}}" class="weui-media-box__title" style="background-color:green;color:white">进行中</view>
+              <view wx:else class="weui-media-box__title" style="background-color:red;color:white">已关闭</view>
+            </view>
+            <!-- <view class="weui-panel__ft weui-cell__ft_in-access">
+              <view wx:if="{{item.isActive}}" class="weui-media-box__title" style="background-color:green;color:white">可参加</view>
+              <view wx:else class="weui-media-box__title" style="background-color:red;color:white">已过期</view>
+            </view> -->
+          </view>
+        </block>
+      </view>
+
+    </view>
   </view>
 </view>
-<view style="position:fixed;bottom:0;left:0;width:100%;" hidden="{{activeIndex == 1}}">
+<view style="position:fixed;bottom:0;left:0;width:100%;" hidden="{{activeIndex != 0}}">
   <button class="weui-btn" type="primary" style="width:auto;margin:5px" bindtap="scan">扫一扫参加考试</button>
 </view>
\ No newline at end of file
diff --git a/pages/examtest/main.js b/pages/examtest/main.js
index 6053549..4135764 100644
--- a/pages/examtest/main.js
+++ b/pages/examtest/main.js
@@ -108,7 +108,7 @@ Page({
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
-
+    wx.hideHomeButton({})
   },
 
   /**
@@ -187,7 +187,7 @@ Page({
     var answerChoices = []
     for(var key in answer){
       if(answer[key]!=''){
-        answerChoices.push({'name':x[i],'value':key,'checked':false})
+        answerChoices.push({'name':x[i],'value':key,'checked':false,'option':answer[key]})
         i = i + 1
       }
     }
@@ -224,7 +224,6 @@ Page({
       tmIndex:tmIndex,
     })
     that.showChecked(tmIndex)
-    console.log(that.tmdata.tms)
   },
   previous: function () {
     var that = this
diff --git a/pages/examtest/main.wxml b/pages/examtest/main.wxml
index ada2187..923bc9b 100644
--- a/pages/examtest/main.wxml
+++ b/pages/examtest/main.wxml
@@ -20,7 +20,7 @@
   <label class="weui-cell weui-check__label" wx:for="{{answerChoices}}" wx:key="value">
     <radio class="weui-check" value="{{item.value}}" checked="{{item.checked}}" />
 
-    <view class="weui-cell__bd">{{item.name}}: {{currentTm.question__answer[item.value]}}</view>
+    <view class="weui-cell__bd">{{item.name}}: {{item.option}}</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>
@@ -29,7 +29,7 @@
 <checkbox-group bindchange="checkboxChange" wx:if="{{currentTm.question__type==2}}">
   <label class="weui-cell weui-check__label" wx:for="{{answerChoices}}" wx:key="value">
     <checkbox class="weui-check" value="{{item.value}}" checked="{{item.checked}}" />
-    <view class="weui-cell__bd">{{item.name}}: {{currentTm.question__answer[item.value]}}</view>
+    <view class="weui-cell__bd">{{item.name}}: {{item.option}}</view>
     <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>
diff --git a/pages/examtest/note.wxml b/pages/examtest/note.wxml
index f5bc72b..8b327f4 100644
--- a/pages/examtest/note.wxml
+++ b/pages/examtest/note.wxml
@@ -22,6 +22,9 @@
       <view>请合理安排时间答题,可提前交卷,超时会自动提交</view>
     </view>
   </view>
+  <navigator class="weui-article" url="../data/index" style="color:darkblue;text-align:center;font-weight:bold">
+      点击去查查学习资料吧
+  </navigator>
 </view>
 <view style="position:fixed;bottom:0;left:0;width:100%;">
   <view style="color:red;text-align:center">{{msg}}</view>
diff --git a/pages/examtest/note2.js b/pages/examtest/note2.js
new file mode 100644
index 0000000..62673fc
--- /dev/null
+++ b/pages/examtest/note2.js
@@ -0,0 +1,105 @@
+// pages/examtest/note.js
+var util = require('../../utils/util.js')
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    testdisable: false,
+    fromWx: false
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    var examtestid = options.examtestid
+    var detailid = options.detailid
+    this.setData({
+      examtestid:examtestid,
+      detailid:detailid,
+      took: util.formatSeconds(options.took),
+      score:options.score
+    })
+    wx.request({
+      url: getApp().globalData.serverUrl + 'api/examtest?a=detail&id=' + examtestid,
+      header: {
+        'content-type': 'application/json', // 默认值
+        'Cookie': wx.getStorageSync("sessionid"),
+      },
+      success: res => {
+        if (res.statusCode === 200) {
+          let ksdata = res.data
+          this.setData(ksdata)
+        }
+      }
+    });
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  showDetail: function () {
+    if(this.data.state == 1){
+      wx.showModal({
+        content: "考试未关闭!不能查看答案",
+        showCancel: false,
+        confirmText: "确定",
+      })
+    }else{
+      wx.navigateTo({
+        url: 'detail?detailid=' + this.data.detailid,
+      })
+    }
+  },
+  showRate: function() {
+    wx.navigateTo({
+      url: 'rate?examtestid=' + this.data.examtestid,
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/examtest/note2.json b/pages/examtest/note2.json
new file mode 100644
index 0000000..9732061
--- /dev/null
+++ b/pages/examtest/note2.json
@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "考试信息"
+}
\ No newline at end of file
diff --git a/pages/examtest/note2.wxml b/pages/examtest/note2.wxml
new file mode 100644
index 0000000..4889cdc
--- /dev/null
+++ b/pages/examtest/note2.wxml
@@ -0,0 +1,32 @@
+<view class="page">
+  <view class="page_bd">
+    <view class="weui-article">
+      <view class="page__title" style="text-align:center;margin-top:10rpx;font-weight：bold">考卷信息</view>
+      <view>名称：<span style="color:blue;font-weight:bold">{{name}}</span></view>
+      <view>答卷时长:<span style="color:red">{{duration}}分钟</span></view>
+      <view>满分{{totalscore}};{{passscore}}以上通过</view>
+      <view>{{exampaper__total.dx.num}}道单选题,{{exampaper__total.duox.num}}道多选题,{{exampaper__total.pd.num}}道判断题</view>
+      <view>最早参加时间:
+      <span wx:if="{{starttime!=null}}">{{starttime}}</span>
+      <span wx:else>无</span>
+      </view>最迟参加时间:
+      <span wx:if="{{endtime!=null}}">{{endtime}}</span>
+      <span wx:else>无</span>
+    </view>
+    <view class="weui-article">
+      <view class="page__title" style="text-align:center;margin-top:10rpx;font-weight：bold">答题信息</view>
+      <view>您耗时:<span style="color:blue">{{took}}</span></view>
+      <view>总得分:{{score}} 分</view>
+    </view>
+  </view>
+</view>
+<view style="position:fixed;bottom:0;left:0;width:100%;">
+<view style="width:50%;float:left;">
+      <button class="weui-btn" type="primary" bindtap="showDetail">考卷详情</button>
+    </view>
+    <view style="width:50%;float:left;">
+      <button class="weui-btn" type="primary" bindtap="showRate">看看排名</button>
+    </view>
+  <!-- <view style="color:red;text-align:center">{{msg}}</view> -->
+  <!-- <button class="weui-btn" type="primary" bindtap="start" disabled="{{testdisable}}">开始考试</button> -->
+</view>
\ No newline at end of file
diff --git a/pages/examtest/note2.wxss b/pages/examtest/note2.wxss
new file mode 100644
index 0000000..5bbca33
--- /dev/null
+++ b/pages/examtest/note2.wxss
@@ -0,0 +1,4 @@
+.weui-btn{
+  width:auto;
+  margin: 5px;
+}
\ No newline at end of file
diff --git a/pages/examtest/rate.js b/pages/examtest/rate.js
new file mode 100644
index 0000000..ddb5129
--- /dev/null
+++ b/pages/examtest/rate.js
@@ -0,0 +1,130 @@
+// pages/examtest/rate.js
+var util = require('../../utils/util.js')
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    page: 1,
+    serverUrl: getApp().globalData.serverUrl,
+    ratelist: []
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    var examtestid = options.examtestid
+    this.setData({
+      examtestid:examtestid
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    var that = this;
+    that.getRatelist(1)
+    this.data.page = 1;
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+    var that = this;
+    that.getRatelist(1);
+    wx.stopPullDownRefresh();
+    this.data.page = 1;
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+    //上拉分页,将页码加1，然后调用分页函数
+    this.data.page = this.data.page + 1;
+    this.getRatelist();
+    wx.stopPullDownRefresh();
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  getRatelist: function (page) {
+    var that = this;
+    if (page != 1) { page = that.data.page }
+    wx.showLoading({
+      title: '加载中',
+    }),
+      wx.request({
+        url: this.data.serverUrl + 'api/examtestdetail?a=rate&examtestid='+this.data.examtestid + '&rows=20&page=' + page,
+        header: {
+          'content-type': 'application/json', // 默认值
+          'Cookie': wx.getStorageSync("sessionid"),
+        },
+        success: res => {
+          if (res.statusCode === 200) {
+            console.log(res.data)
+            if (res.data.rows.length == 0) {
+              if (page == 1) {
+                this.setData({
+                  total: 0,
+                  ratelist: []
+                })
+              }
+              else {
+                wx.showModal({
+                  content: "已经到底啦!",
+                  showCancel: false,
+                  confirmText: "确定",
+                })
+              }
+            } else {
+              let list
+              if (page == 1) {
+                list = res.data.rows
+              } else {
+                list = this.data.ratelist.concat(res.data.rows)
+              }
+              for (var i = 0; i < list.length; i++) {
+                list[i].took = util.formatSeconds(list[i].took)
+              }
+              this.setData({
+                total: res.data.total,
+                ratelist: list,
+                examtestname: res.data.examtestname
+              })
+            }
+          }
+          wx.hideLoading();
+        }
+      });
+  },
+})
\ No newline at end of file
diff --git a/pages/examtest/rate.json b/pages/examtest/rate.json
new file mode 100644
index 0000000..f32dd8d
--- /dev/null
+++ b/pages/examtest/rate.json
@@ -0,0 +1,5 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "考试排名",
+  "enablePullDownRefresh": true
+}
\ No newline at end of file
diff --git a/pages/examtest/rate.wxml b/pages/examtest/rate.wxml
new file mode 100644
index 0000000..d66ed45
--- /dev/null
+++ b/pages/examtest/rate.wxml
@@ -0,0 +1,30 @@
+<view class="page">
+<view class="head" style="font-weight:bold;font-size:24px">{{examtestname}}</view>
+<view class="head">已有{{total}}人参与</view>
+  <block wx:for="{{ratelist}}" wx:key="unique">
+    <view class="weui-panel__bd">
+      <view class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+      <view class="weui-media-box__hd weui-media-box__hd_in-appmsg" style="width:10rpx">
+          {{index+1}}
+        </view>
+        <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
+          <!-- <image class="weui-media-box__thumb" src="{{userInfo.avatarUrl}}" /> -->
+          <image class="weui-media-box__thumb" src="{{item.user__headimgurl}}"></image>
+        </view>
+        <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+          <view class="weui-media-box__title">{{item.user__name}}
+          </view>
+          <view class="weui-media-box__desc">部门: {{item.user__ubelongpart__partname}}
+          </view>
+        </view>
+        <view class="weui-panel__ft">
+              
+        <view class="weui-media-box__title" style="background-color:orange;color:white;font-weight:bold">{{item.score}}分</view>
+              
+        <view class="weui-media-box__desc" style="background-color:green;color:white">{{item.took}}</view>
+      </view>
+      </view>
+      
+    </view>
+  </block>
+</view>
\ No newline at end of file
diff --git a/pages/examtest/rate.wxss b/pages/examtest/rate.wxss
new file mode 100644
index 0000000..6c9e363
--- /dev/null
+++ b/pages/examtest/rate.wxss
@@ -0,0 +1,6 @@
+/* pages/examtest/rate.wxss */
+.head{
+  color:#fff;
+  background-color: cornflowerblue;
+  text-align: center;
+}
\ No newline at end of file
diff --git a/pages/examtest/result.js b/pages/examtest/result.js
index 95659d9..01898f4 100644
--- a/pages/examtest/result.js
+++ b/pages/examtest/result.js
@@ -18,7 +18,8 @@ Page({
       totalscore:options.totalscore,
       rights:options.rights,
       tmnum:options.tmnum,
-      detailid: options.examtestdetailid
+      detailid: options.examtestdetailid,
+      examtestid: options.examtestid
     })
   },
 
@@ -79,5 +80,10 @@ Page({
     wx.switchTab({
       url: '/pages/main/main'
     })
+  },
+  showRate: function () {
+    wx.navigateTo({
+      url: 'rate?examtestid=' + this.data.examtestid,
+    })
   }
 })
\ No newline at end of file
diff --git a/pages/examtest/result.wxml b/pages/examtest/result.wxml
index ba65fc7..5cf8f2f 100644
--- a/pages/examtest/result.wxml
+++ b/pages/examtest/result.wxml
@@ -16,11 +16,19 @@
             <view class="weui-msg__desc">得分<span class="b">{{score}}</span>,满分{{totalscore}}</view>
             <view class="weui-msg__desc">全对<span class="b">{{rights}}</span>题,共{{tmnum}}题</view>
         </view>
-        <view class="weui-msg__opr-area">
+        <!-- <view class="weui-msg__opr-area">
             <view class="weui-btn-area">
-                <!-- <button class="weui-btn" type="primary" bindtap='detail'>考卷详情</button> -->
+                <button class="weui-btn" type="primary" bindtap='detail'>考卷详情</button>
                 <button class="weui-btn" type="primary" bindtap='back'>返回主页</button>
             </view>
-        </view>
+        </view> -->
     </view>
+    <view style="position:fixed;bottom:0;left:0;width:100%;">
+<view style="width:50%;float:left;">
+      <button class="weui-btn" type="primary" bindtap="back">返回主页</button>
+    </view>
+    <view style="width:50%;float:left;">
+      <button class="weui-btn" type="primary" bindtap="showRate">看看排名</button>
+    </view>
+</view>
 </view>
\ No newline at end of file
diff --git a/pages/images/data.png b/pages/images/data.png
new file mode 100644
index 0000000..1fdbb83
Binary files /dev/null and b/pages/images/data.png differ
diff --git a/pages/images/excel.svg b/pages/images/excel.svg
new file mode 100644
index 0000000..5d76766
--- /dev/null
+++ b/pages/images/excel.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="32px" height="32.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M687.29558 28.962342H270.072478c-47.956597 0-86.987919 39.010155-86.98792 86.980864v94.636139h46.016321V115.943911c0-22.598938 18.386772-40.978655 40.971599-40.978655h398.01083l222.976658 225.41788v588.609553c0 22.598232-18.386772 40.978655-40.98571 40.978655H270.072478c-22.584827 0-40.971599-18.380422-40.971599-40.978655V585.258165h-46.016321v303.734524c0 47.962947 39.031322 86.980158 86.98792 86.980158h580.001778c47.962947 0 86.980864-39.017211 86.980863-86.980158V281.474252L687.29558 28.962342z" fill="#509937" /><path d="M548.343509 289.320028h-61.830638v295.938843H283.558463v61.942821H548.343509z" fill="#FFFFFF" /><path d="M420.458074 537.00594V210.096745H94.066051v326.910606h326.392728v-0.001411z m-43.872843-62.638499l-77.224445-0.647699-44.798531-53.974985-44.802765 53.974985-77.232206 0.647699 84.493781-99.85231L132.527284 272.753588l73.63599 0.179211 48.399686 57.197962 48.386281-57.197962 73.636695-0.179211-84.475437 101.760838 84.474732 99.853015z" fill="#509937" /><path d="M471.708909 290.731139v295.938842H268.748151v61.942821h264.789984V290.731139z" fill="#509937" /><path d="M687.361197 61.03336v174.682806c0 35.201568 28.796536 63.991048 63.979054 63.991048h171.780856L687.361197 61.03336z" fill="#509937" /></svg>
\ No newline at end of file
diff --git a/pages/images/file.png b/pages/images/file.png
deleted file mode 100644
index afe91b2..0000000
Binary files a/pages/images/file.png and /dev/null differ
diff --git a/pages/images/file.svg b/pages/images/file.svg
new file mode 100644
index 0000000..478dc37
--- /dev/null
+++ b/pages/images/file.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="32px" height="32.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#13227a" d="M554.666667 384h234.666666L554.666667 149.333333V384M256 85.333333h341.333333l256 256v512a85.333333 85.333333 0 0 1-85.333333 85.333334H256a85.333333 85.333333 0 0 1-85.333333-85.333334V170.666667c0-47.36 37.973333-85.333333 85.333333-85.333334m213.333333 85.333334H256v682.666666h512v-384h-298.666667V170.666667z"  /></svg>
\ No newline at end of file
diff --git a/pages/images/mp4.svg b/pages/images/mp4.svg
new file mode 100644
index 0000000..a989e54
--- /dev/null
+++ b/pages/images/mp4.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1581684601094" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="41812" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M836.855172 0v217.158621h132.413794z" fill="#7C7CDA" p-id="41813"></path><path d="M969.268966 296.606897V247.172414h-167.724138V0H54.731034v1024H971.034483l-1.765517-727.393103z m-383.117242-74.151725l100.634483-143.006896h30.013793v139.475862h28.248276v35.310345h-28.248276v51.2h-37.075862v-51.2h-93.572414v-31.779311zM393.710345 79.448276h86.510345c14.124138 0 26.482759 0 33.544827 1.765517 10.593103 1.765517 21.186207 5.296552 28.248276 10.593104 7.062069 5.296552 14.124138 12.358621 19.42069 22.951724 5.296552 8.827586 7.062069 19.42069 7.062069 31.77931 0 19.42069-7.062069 37.075862-19.42069 49.434483-12.358621 14.124138-35.310345 21.186207-67.089655 21.186207h-49.434483v86.510345h-38.841379V79.448276z m-263.062069 0h51.2l51.2 155.365517 5.296552 15.889655c1.765517-5.296552 3.531034-12.358621 7.062069-19.420689l52.965517-153.6h47.668965v225.986207h-38.841379V151.834483l-52.965517 153.6H220.689655l-52.965517-155.365517v155.365517H130.648276V79.448276z m820.965517 925.131034H72.386207V388.413793h879.227586v616.165517z" fill="#7C7CDA" p-id="41814"></path><path d="M626.758621 218.924138h52.965517V144.772414zM520.827586 128.882759c-3.531034-5.296552-8.827586-8.827586-15.889655-10.593104-3.531034 0-10.593103-1.765517-24.717241-1.765517h-49.434483v67.089655h49.434483c17.655172 0 28.248276-3.531034 35.310344-8.827586 7.062069-5.296552 10.593103-14.124138 10.593104-24.717241 1.765517-10.593103 0-15.889655-5.296552-21.186207zM787.42069 573.793103l-164.193104 72.386207v-104.165517H236.57931v312.496552h386.648276V741.517241l164.193104 82.979311z" fill="#7C7CDA" p-id="41815"></path></svg>
\ No newline at end of file
diff --git a/pages/images/pdf.svg b/pages/images/pdf.svg
new file mode 100644
index 0000000..d8f9cda
--- /dev/null
+++ b/pages/images/pdf.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="32px" height="32.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#13227a" d="M163.83017 61.49775a20.478771 20.478771 0 0 0-20.478771 20.478771v860.108394a20.478771 20.478771 0 0 0 20.478771 20.478771h696.278223a20.478771 20.478771 0 0 0 20.478772-20.478771V332.698118L609.386797 61.49775H163.83017z m0-61.436314h445.556627a61.436314 61.436314 0 0 1 43.455952 18.00084L924.00216 289.242165A61.436314 61.436314 0 0 1 942.023479 332.698118v609.386797a81.915085 81.915085 0 0 1-81.915086 81.915085H163.83017a81.915085 81.915085 0 0 1-81.915085-81.915085v-860.108394a81.915085 81.915085 0 0 1 81.915085-81.915085z m472.240466 9.01066l296.942183 296.942183c19.372918 19.33196 5.652141 52.425654-21.707497 52.425655H614.363138a30.718157 30.718157 0 0 1-30.718157-30.718157v-296.942184c0-27.359638 33.093694-41.080415 52.425655-21.707497z m9.010659 95.861128v192.070396h192.070396L645.081295 104.933224zM61.436314 430.115633h901.065936a61.436314 61.436314 0 0 1 61.436314 61.436314v245.745255a61.436314 61.436314 0 0 1-61.436314 61.436314H61.436314a61.436314 61.436314 0 0 1-61.436314-61.436314v-245.745255a61.436314 61.436314 0 0 1 61.436314-61.436314z m206.937984 215.764334c29.120813 0 51.053577-6.143631 65.757334-18.471851 14.744715-12.32822 22.096594-30.431454 22.096594-54.330181 0-11.201888-1.822611-21.277443-5.447353-30.226666a59.879927 59.879927 0 0 0-15.912005-22.731436 61.927804 61.927804 0 0 0-24.881707-13.270244c-9.706938-2.764634-23.571066-4.157191-41.612863-4.157191H207.449953c-10.444173 0-18.082755 2.252665-22.874788 6.717037-4.812511 4.484851-7.208527 11.939124-7.208527 22.403776v180.786593c0 9.379277 2.191229 16.50589 6.553207 21.359358 4.382457 4.853469 10.136992 7.269964 17.284083 7.269964 6.83991 0 12.49205-2.457453 16.956422-7.372357 4.50533-4.894426 6.717037-12.082475 6.717037-21.584625V645.900446h43.517389z m197.927324-143.187569c-10.239386 0-17.652701 2.293622-22.239946 6.880868-4.587245 4.587245-6.880867 12.00056-6.880867 22.239945v171.980721c0 7.577145 0.655321 13.720777 1.986441 18.492331a18.226106 18.226106 0 0 0 8.560126 11.038058c4.382457 2.600804 10.894706 3.911445 19.516269 3.911445h61.927805a183.285003 183.285003 0 0 0 29.038897-2.088835c8.601084-1.372078 16.608284-3.768094 24.083035-7.188049 7.454273-3.419955 14.33514-7.945763 20.622123-13.597904 8.0072-7.372358 14.560406-15.707218 19.680099-25.045537 5.119693-9.33832 8.908266-19.802972 11.365718-31.434914 2.457453-11.631942 3.686179-24.472132 3.686179-38.561526 0-42.657281-12.225826-74.440334-36.657-95.349159a76.181029 76.181029 0 0 0-31.33252-16.792593c-11.529548-2.989901-25.352719-4.50533-41.449034-4.505329H466.301622z m394.216347 36.636522c7.577145 0 13.188329-1.679259 16.874507-5.037777a17.202168 17.202168 0 0 0 5.529269-13.352159c0-5.447353-1.843089-9.850289-5.529269-13.208808-3.686179-3.358518-9.317841-5.037778-16.874507-5.037778h-112.018879c-6.696558 0-12.225826 0.982981-16.546847 2.948944a18.881427 18.881427 0 0 0-9.522629 9.440713c-2.027398 4.321021-3.030858 9.891247-3.030858 16.731156v180.458933c0 9.706938 2.211707 16.956423 6.635122 21.768934 4.423415 4.792032 10.157471 7.188049 17.202168 7.188048 6.942303 0 12.614923-2.375537 17.038338-7.106133 4.423415-4.751075 6.635122-12.041518 6.635121-21.850849v-77.266404h78.228907c7.16757 0 12.553487-1.597344 16.178229-4.812512 3.624743-3.194688 5.426874-7.515709 5.426874-12.942583 0-5.447353-1.781653-9.788853-5.344959-13.044977-3.583785-3.256125-9.010659-4.873948-16.239666-4.873948h-78.228906v-60.0028h93.587985z m-375.82641 0.962503h31.352998c14.519449 0 26.888627 1.576865 37.128013 4.710117 10.239386 3.153731 18.84047 10.485131 25.82373 22.014679 7.00374 11.509069 10.485131 28.83411 10.485131 51.9956 0 32.847949-7.945763 55.988961-23.83729 69.423035a37.926684 37.926684 0 0 1-12.49205 7.208527c-4.792032 1.699738-9.420235 2.764634-13.905086 3.194689-4.484851 0.409575-10.648961 0.634842-18.553767 0.634842h-36.001679v-159.181489z m-227.826331-1.925005c21.216007 0 35.243965 3.481391 42.083875 10.403216 6.082195 6.512249 9.113053 14.929024 9.113053 25.270804 0 8.642041-1.965962 15.625302-5.938843 20.970261-3.931924 5.324481-9.66598 9.17449-17.181689 11.50907-7.515709 2.355059-16.874508 3.522349-28.076396 3.522348H224.856909v-71.675699h32.008319z"  /></svg>
\ No newline at end of file
diff --git a/pages/images/ppt.svg b/pages/images/ppt.svg
new file mode 100644
index 0000000..9f1ad7a
--- /dev/null
+++ b/pages/images/ppt.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="32px" height="32.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="#13227a" d="M906.24 316.8v-3.84a28.16 28.16 0 0 0-7.04-12.8l-256-256a28.16 28.16 0 0 0-12.8-7.04h-428.8a84.48 84.48 0 0 0-85.12 83.84v782.08a84.48 84.48 0 0 0 84.48 84.48h621.44a84.48 84.48 0 0 0 84.48-84.48V320a27.52 27.52 0 0 0-0.64-3.2z m-95.36-24.32h-159.36v-160z m11.52 640h-620.8a28.16 28.16 0 0 1-28.16-28.16V120.96a28.16 28.16 0 0 1 28.16-28.16H595.2V320a28.16 28.16 0 0 0 28.16 28.16h227.84v554.88a28.16 28.16 0 0 1-28.8 28.16z"  /><path fill="#13227a" d="M519.68 476.8H416.64v298.88h64V672H512a123.52 123.52 0 0 0 84.48-26.24 90.88 90.88 0 0 0 33.92-73.6q0.64-95.36-110.72-95.36z m-11.52 145.92h-27.52v-96h28.16q55.68 0 55.68 48t-56.32 48z"  /></svg>
\ No newline at end of file
diff --git a/pages/images/rate.png b/pages/images/rate.png
new file mode 100644
index 0000000..64782d6
Binary files /dev/null and b/pages/images/rate.png differ
diff --git a/pages/images/reset.png b/pages/images/reset.png
new file mode 100644
index 0000000..540804b
Binary files /dev/null and b/pages/images/reset.png differ
diff --git a/pages/images/search.png b/pages/images/search.png
new file mode 100644
index 0000000..fc2d61a
Binary files /dev/null and b/pages/images/search.png differ
diff --git a/pages/images/train.png b/pages/images/train.png
index cb37e51..724c0dd 100644
Binary files a/pages/images/train.png and b/pages/images/train.png differ
diff --git a/pages/images/word.svg b/pages/images/word.svg
new file mode 100644
index 0000000..5eb6535
--- /dev/null
+++ b/pages/images/word.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="32px" height="32.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M183.3 63.9c-11.2 0-23.2 4.5-31.4 13.4-8.2 9-13.4 20.2-13.4 31.4v806.6c0 11.2 4.5 23.2 13.4 31.4 9 9 20.2 13.4 31.4 13.4h657.2c11.2 0 23.2-4.5 31.4-13.4 9-9 13.4-20.2 13.4-31.4V317.8L631.4 63.9H183.3z m0 0" fill="#6CCBFF" /><path d="M885.3 317.8H676.2c-11.2 0-23.2-4.5-31.4-13.4-9-8.2-13.4-20.2-13.4-31.4V63.9l253.9 253.9z m0 0" fill="#C4EAFF" /><path d="M295.5 365.3H356L416.5 593h0.7l66.4-227.7h58.2L609 593l61.2-227.7h58.2l-89.6 293.3h-60.5L512 433.3h-0.7L444.1 658h-60.5l-88.1-292.7z m0 0" fill="#FFFFFF" /></svg>
\ No newline at end of file
diff --git a/pages/images/zip.png b/pages/images/zip.png
new file mode 100644
index 0000000..c836cb6
Binary files /dev/null and b/pages/images/zip.png differ
diff --git a/pages/images/zip.svg b/pages/images/zip.svg
new file mode 100644
index 0000000..5325174
--- /dev/null
+++ b/pages/images/zip.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1581664733662" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="34232" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M196.023083 0.00027H634.879968v257.462932h255.121932v701.000815a64.179983 64.179983 0 0 1-64.364983 64.365983H196.023083a64.179983 64.179983 0 0 1-64.365983-64.365983V64.366253A64.179983 64.179983 0 0 1 196.023083 0.00027z" fill="#EBAF38" p-id="34233"></path><path d="M825.636917 1022.83H196.023083a64.179983 64.179983 0 0 1-64.365983-64.365983V64.366253A64.179983 64.179983 0 0 1 196.023083 0.00027H634.879968v257.462932h255.121932v701.000815c0 35.108991-29.256992 64.365983-64.364983 64.365983zM196.023083 46.810258c-9.947997 0-17.553995 7.606998-17.553995 17.554995v894.097764c0 9.946997 7.605998 17.553995 17.553995 17.553996h629.613834c9.946997 0 17.553995-7.606998 17.553996-17.553996v-654.189827H588.06898V46.811258H196.023083z" fill="#D1902E" p-id="34234"></path><path d="M634.879968 0.00027l257.462932 257.462932H634.879968z" fill="#D1902E" p-id="34235"></path><path d="M300.763056 836.754049l103.569972-137.507963v-2.34H303.105055V660.040096h153.89296v29.256992l-103.569973 137.508964v2.339999h106.494972v36.863991H300.763056v-29.256993z m196.607948 29.256993v-205.969946h43.300988v205.969946h-43.299988z m172.031954-205.969946c42.715989 0 71.387981 28.671992 71.387982 71.387981 0 42.714989-30.427992 70.801981-73.727981 70.801981h-40.959989v63.779984h-43.299989v-205.969946h86.599977z m-42.714988 107.080972h31.012992c24.575994 0 39.20399-12.287997 39.203989-35.692991 0-23.405994-14.042996-36.27999-39.203989-36.27999h-31.597992v71.972981z" fill="#FFFFFF" p-id="34236"></path></svg>
\ No newline at end of file
diff --git a/pages/index/index.js b/pages/index/index.js
index 1f868c1..27d1314 100644
--- a/pages/index/index.js
+++ b/pages/index/index.js
@@ -15,8 +15,8 @@ Page({
     this.getName();
   },
   getName: function(){
-   var username = wx.getStorageSync('username')
-   var userid = wx.getStorageSync('userid')
+    var username = app.globalData.userInfo.username
+    var userid = app.globalData.userInfo.userid
     this.setData({
       username: username,
       userid: userid,
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index 9a5cc0e..be2d3f9 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -61,4 +61,12 @@
     </view>
   </view>
 </view>
-<ad unit-id="adunit-cd6a8fdc3f72f822"></ad>
\ No newline at end of file
+<ad unit-id="adunit-cd6a8fdc3f72f822"></ad>
+<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" bindtap="intro">点击下载系统/小程序文档介绍</view>
+    <view class="weui-footer__text">Copyright © 2018-2020 国检集团</view>
+    <view class="weui-footer__text">中存大数据提供技术支持</view>
+</view>
\ No newline at end of file
diff --git a/pages/main/main.js b/pages/main/main.js
index 766baa6..eef434e 100644
--- a/pages/main/main.js
+++ b/pages/main/main.js
@@ -15,6 +15,7 @@ Page({
     jytodonum: 0,
     tasknum: 0,
     serverUrl: getApp().globalData.serverUrl,
+    isGjjt:false,
     // Banner数据
     images: [],
     // 是否显示面板指示点
@@ -32,7 +33,7 @@ Page({
     // 前边距，可用于露出前一项的一小部分，接受 px 和 rpx 值
     previousMargin: 0,
     // 后边距，可用于露出后一项的一小部分，接受 px 和 rpx 值
-    nextMargin: 0
+    nextMargin: 0,
   },
 
   /**
@@ -45,17 +46,29 @@ Page({
       that.data.serverUrl + 'media/banner/2.jpg',
       that.data.serverUrl + 'media/banner/3.jpg',
       that.data.serverUrl + 'media/banner/4.jpg',
-      that.data.serverUrl + 'media/banner/5.jpg',
     ]
     that.setData({
       images: images
     })
   },
-
+  callback: function () {
+    var that = this;
+    if (getApp().globalData.userInfo.companyid == 2681) {
+      this.setData({
+        isGjjt: true,
+        user__name:getApp().globalData.userInfo.name,
+        msgList: [
+          { title: "齐心协力抗肺炎,众志成城渡难关。武汉加油!祖国加油!" },
+          { title: "'国检战疫,有我助力'知识竞赛火热进行中!" },]
+      })
+    }
+    this.getNew()
+  },
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
   onReady: function () {
+
   },
 
   /**
@@ -63,33 +76,11 @@ Page({
    */
   onShow: function () {
     var that = this
+    console.log(getApp().globalData.userInfo)
     //获取待阅读通知数目
-    //console.log(wx.getStorageSync('sessionid'))
-    if (wx.getStorageSync("sessionid").indexOf('sessionid')!=-1) {
-      wx.request({
-        url: getApp().globalData.serverUrl + 'api/check_session',
-        header: {
-          'content-type': 'application/json', // 默认值
-          'Cookie': wx.getStorageSync("sessionid"),
-        },
-        data: {},
-        success: res => {
-          if(res.data.code==1){
-            this.getNew()
-          }else{
-            getApp().callback = () => {
-              this.getNew()
-            };
-          }
-        }
-      });
-      
-    } else {
-      getApp().callback = () => {
-        this.getNew()
-      };
+    if (wx.getStorageSync('sessionid').indexOf('sessinid')!=-1){
+      that.getNew()
     }
-
   },
 
   getNew:function(){
@@ -219,7 +210,7 @@ Page({
     var that = this
     //获取待考
     wx.request({
-      url: this.data.serverUrl + 'api/examtestdetail?a=dknum',
+      url: this.data.serverUrl + 'api/examtest?a=dknum',
       header: {
         'content-type': 'application/json', // 默认值
         'Cookie': wx.getStorageSync("sessionid"),
@@ -316,8 +307,8 @@ Page({
     });
   },
   taptest: function () {
-    if (getApp().globalData.rights != undefined) {
-      if (getApp().globalData.rights.indexOf(25) != -1) {//考试功能
+    if (getApp().globalData.userInfo.perms != undefined) {
+      if (getApp().globalData.userInfo.perms.indexOf(25) != -1) {//考试功能
         wx.navigateTo({
           url: '/pages/examtest/index',
         })
@@ -335,8 +326,13 @@ Page({
     }
   },
   tapexercise: function () {
-    if (getApp().globalData.rights != undefined) {
-      if (getApp().globalData.rights.indexOf(25) != -1) {//考试功能
+    if (this.data.isGjjt) { //练习功能
+      wx.showModal({
+        content: '本次活动该功能不便访问!',
+        showCancel: false
+      })
+    } else if (getApp().globalData.userInfo.perms != undefined) {
+      if (getApp().globalData.userInfo.perms.indexOf(25) != -1) {//考试功能
         wx.navigateTo({
           url: '/pages/exercise/index',
         })
@@ -355,8 +351,8 @@ Page({
     }
   },
   tapinspect: function () {
-    if (getApp().globalData.rights != undefined) {
-      if (getApp().globalData.rights.indexOf(35) != -1) {//设备巡检
+    if (getApp().globalData.userInfo.perms != undefined) {
+      if (getApp().globalData.userInfo.perms.indexOf(35) != -1) {//设备巡检
         wx.navigateTo({
           url: '/pages/inspect/index',
         })
diff --git a/pages/main/main.wxml b/pages/main/main.wxml
index b4c0834..148d110 100644
--- a/pages/main/main.wxml
+++ b/pages/main/main.wxml
@@ -1,24 +1,24 @@
 <view class="page">
-<swiper indicator-dots="{{indicatorDots}}" 
-        autoplay="{{autoplay}}" 
-        circular="{{circular}}" 
-        vertical="{{vertical}}" 
-        interval="{{interval}}" 
-        duration="{{duration}}" 
-        previous-margin="{{previousMargin}}px" 
-        next-margin="{{nextMargin}}px">
-    
+  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" circular="{{circular}}" vertical="{{vertical}}" interval="{{interval}}" duration="{{duration}}" previous-margin="{{previousMargin}}px" next-margin="{{nextMargin}}px">
+
     <block wx:for='{{images}}' wx:key='index'>
       <swiper-item>
-        <image src='{{item}}' mode='aspectFill' class='swiper-item-images'/>
+        <image src='{{item}}' mode='aspectFill' class='swiper-item-images' />
       </swiper-item>
     </block>
 
-</swiper>
+  </swiper>
 
   <view class="page__bd">
-    <view class="weui-cells__title">数据采集</view>
-    <view class="weui-grids">
+  <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="3000" wx:if="{{isGjjt}}">
+<block wx:for="{{msgList}}" wx:key="title">
+<swiper-item>
+<view class="swiper_item">{{item.title}}</view>
+</swiper-item>
+</block>
+</swiper>
+    <view class="weui-cells__title" wx:if="{{!isGjjt}}">数据采集</view>
+    <view class="weui-grids" wx:if="{{!isGjjt}}">
       <navigator url="/pages/risktask/index" class="weui-grid" hover-class="weui-grid_active">
         <image class="weui-grid__icon" src="../images/task.png" />
         <view class="weui-grid__label">排查任务</view>
@@ -58,8 +58,33 @@
         <view class="weui-grid__label">设备巡检</view>
       </view>
     </view>
-    <view class="weui-cells__title">学习园地</view>
+    <view class="weui-cells__title">
+    <span wx:if="{{!isGjjt}}">学习园地</span>
+    <view wx:if="{{isGjjt}}">
+    <span style="color:orange;font-weight:bold">{{user__name}}</span>
+    ,进入在线考试答题吧！
+    </view>
+    
+    </view>
     <view class="weui-grids">
+      <navigator url="/pages/data/index" class="weui-grid" hover-class="weui-grid_active">
+        <image class="weui-grid__icon" src="../images/data.png" />
+        <view class="weui-grid__label">学习资料</view>
+      </navigator>
+      <view class="weui-grid" hover-class="weui-grid_active" bindtap='taptest'>
+        <image class="weui-grid__icon" src="../images/examtest.png" />
+        <view class="weui-grid__label">在线考试</view>
+        <view class="weui-badge" style="position: absolute;top: 1em;right: 1em;" wx:if="{{dknum!=0}}">{{dknum}}</view>
+      </view>
+      <navigator class="weui-grid" hover-class="weui-grid_active" url="../totalrate/index" >
+        <image class="weui-grid__icon" src="../images/rate.png" />
+        <view class="weui-grid__label">实时总排名</view>
+      </navigator>
+      <navigator url="/pages/train/train" class="weui-grid" hover-class="weui-grid_active">
+        <image class="weui-grid__icon" src="../images/train.png" />
+        <view class="weui-grid__label">线下培训</view>
+        <view class="weui-badge" style="position: absolute;top: 1em;right: 1em;" wx:if="{{dqdnum!=0}}">{{dqdnum}}</view>
+      </navigator>
       <navigator url="/pages/public/public" class="weui-grid" hover-class="weui-grid_active">
         <image class="weui-grid__icon" src="../images/public.png" />
         <view class="weui-grid__label">公告</view>
@@ -67,23 +92,28 @@
       <navigator url="/pages/notice/notice" class="weui-grid" hover-class="weui-grid_active">
         <image class="weui-grid__icon" src="../images/send.png" />
         <view class="weui-grid__label">通知</view>
-
         <view class="weui-badge" style="position: absolute;top: 1em;right: 1em;" wx:if="{{noread!=0}}">{{noread}}</view>
       </navigator>
-      <navigator url="/pages/train/train" class="weui-grid" hover-class="weui-grid_active">
-        <image class="weui-grid__icon" src="../images/train.png" />
-        <view class="weui-grid__label">线下培训</view>
-        <view class="weui-badge" style="position: absolute;top: 1em;right: 1em;" wx:if="{{dqdnum!=0}}">{{dqdnum}}</view>
-      </navigator>
-      <view  class="weui-grid" hover-class="weui-grid_active" bindtap='taptest'>
-        <image class="weui-grid__icon" src="../images/examtest.png" />
-        <view class="weui-grid__label">在线考试</view>
-        <view class="weui-badge" style="position: absolute;top: 1em;right: 1em;" wx:if="{{dknum!=0}}">{{dknum}}</view>
-      </view>
-      <view  class="weui-grid" hover-class="weui-grid_active" bindtap='tapexercise'>
+      <view class="weui-grid" hover-class="weui-grid_active" bindtap='tapexercise' wx:if="{{!isGjjt}}">
         <image class="weui-grid__icon" src="../images/exercise.png" />
         <view class="weui-grid__label">模拟练习</view>
       </view>
     </view>
+    <!-- <view class="layout_horizontal">
+      <view style="width:480rpx;background-color:orange">
+        <swiper autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
+          <block wx:for="{{hotdatalist}}" wx:key="*this">
+            <swiper-item style="text-align: center;">
+              <view style="font-weight:bold;color:white">热门资料:</view>
+              <view style="font-weight:bold;color:white">{{item}}</view>
+            </swiper-item>
+          </block>
+        </swiper>
+      </view>
+      <view style="flex:1;background-color:blue">
+        实时总排名
+      </view>
+    </view> -->
   </view>
+
 </view>
\ No newline at end of file
diff --git a/pages/main/main.wxss b/pages/main/main.wxss
index d9973d0..85813dd 100644
--- a/pages/main/main.wxss
+++ b/pages/main/main.wxss
@@ -3,3 +3,25 @@
   width: 100%;
   height: 300rpx;
 }
+/*横向布局  */
+.layout_horizontal{
+  height: 200rpx;
+  display: flex;
+  /*row 横向  column 列表  */
+  flex-direction: row;
+  padding:4rpx
+}
+.swiper_container {
+background-color: #e7e6e6;
+height: 50rpx;
+width: 100%;
+text-align: center
+}
+.swiper_item {
+font-size: 30rpx;
+font-weight: bold;
+color:darkblue;
+overflow: hidden;
+text-overflow: ellipsis;
+white-space: nowrap;
+}
\ No newline at end of file
diff --git a/pages/miss/addmiss.js b/pages/miss/addmiss.js
index e876a91..fbf20c4 100644
--- a/pages/miss/addmiss.js
+++ b/pages/miss/addmiss.js
@@ -114,7 +114,7 @@ Page({
     });
     this.data.misstime = time
     //拉取地图权限
-    if (getApp().globalData.rights.indexOf(30) != -1) {
+    if (getApp().globalData.userInfo.perms.indexOf(30) != -1) {
       this.setData({
         mapright: true
       })
diff --git a/pages/notice/detail.js b/pages/notice/detail.js
index cba195e..2a3e8c3 100644
--- a/pages/notice/detail.js
+++ b/pages/notice/detail.js
@@ -1,6 +1,5 @@
 // pages/suggest/detail.js
 var util = require('../../utils/util.js')
-var WxParse = require('../../wxParse/wxParse.js');
 Page({
 
   /**
@@ -139,11 +138,9 @@ Page({
               material: material,
               title:tzdata.notice.title,
               readpeople:tzdata.readpeople,
-              readsnum:tzdata.readsnum
+              readsnum:tzdata.readsnum,
+              content:tzdata.notice.content
             })
-            
-
-            WxParse.wxParse('article', 'html', tzdata.notice.content, this, 0)
           }
         }
       });
diff --git a/pages/notice/detail.wxml b/pages/notice/detail.wxml
index bea177f..fe4150d 100644
--- a/pages/notice/detail.wxml
+++ b/pages/notice/detail.wxml
@@ -1,4 +1,3 @@
-<import src="../../wxParse/wxParse.wxml"/>
 <view class="page">
     <view class="page__bd">
         <view class="weui-article">
@@ -13,7 +12,7 @@
   </block>
 
             <view class="weui-article__section">
-            <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
+            <rich-text nodes="{{content}}"></rich-text>
             </view>
         </view>
     </view>
diff --git a/pages/operation/operationadd.js b/pages/operation/operationadd.js
index 4bc95c6..416a5b6 100644
--- a/pages/operation/operationadd.js
+++ b/pages/operation/operationadd.js
@@ -105,7 +105,7 @@ Page({
       dateshow2: 0
     });
     //拉取地图权限
-    if (getApp().globalData.rights.indexOf(30) != -1) {
+    if (getApp().globalData.userInfo.perms.indexOf(30) != -1) {
       this.setData({
         mapright: true
       })
diff --git a/pages/public/detail.js b/pages/public/detail.js
index 949967a..3b7fe95 100644
--- a/pages/public/detail.js
+++ b/pages/public/detail.js
@@ -1,6 +1,5 @@
 // pages/suggest/detail.js
 var util = require('../../utils/util.js')
-var WxParse = require('../../wxParse/wxParse.js');
 Page({
   openfj: function (e) {
     var that = this
@@ -140,10 +139,9 @@ Page({
             this.setData({
               material: material,
               title: ggdata.notice.title,
-              reads: ggdata.notice.reads
+              reads: ggdata.notice.reads,
+              content: ggdata.notice.content
             })
-
-            WxParse.wxParse('article', 'html', ggdata.notice.content, this, 0)
           }
         }
       });
diff --git a/pages/public/detail.wxml b/pages/public/detail.wxml
index 8ec9704..194c02e 100644
--- a/pages/public/detail.wxml
+++ b/pages/public/detail.wxml
@@ -1,4 +1,3 @@
-<import src="../../wxParse/wxParse.wxml"/>
 <view class="page">
     <view class="page__bd">
         <view class="weui-article">
@@ -13,7 +12,7 @@
   </block>
 
             <view class="weui-article__section">
-            <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
+            <rich-text nodes="{{content}}"></rich-text>
             </view>
         </view>
     </view>
diff --git a/pages/suggest/add.js b/pages/suggest/add.js
index aaf3ca1..1473f1f 100644
--- a/pages/suggest/add.js
+++ b/pages/suggest/add.js
@@ -132,7 +132,7 @@ Page({
    */
   onLoad: function (options) {
     //拉取地图权限
-    if (getApp().globalData.rights.indexOf('30') != -1) {
+    if (getApp().globalData.userInfo.perms.indexOf('30') != -1) {
       this.setData({
         mapright: true
       })
diff --git a/pages/totalrate/index.js b/pages/totalrate/index.js
new file mode 100644
index 0000000..20a0cee
--- /dev/null
+++ b/pages/totalrate/index.js
@@ -0,0 +1,126 @@
+// pages/examtest/rate.js
+var util = require('../../utils/util.js')
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    page: 1,
+    serverUrl: getApp().globalData.serverUrl,
+    ratelist: []
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function () {
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    var that = this;
+    that.getRatelist(1)
+    this.data.page = 1;
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+    var that = this;
+    that.getRatelist(1);
+    wx.stopPullDownRefresh();
+    this.data.page = 1;
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+    //上拉分页,将页码加1，然后调用分页函数
+    this.data.page = this.data.page + 1;
+    this.getRatelist();
+    wx.stopPullDownRefresh();
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  getRatelist: function (page) {
+    var that = this;
+    if (page != 1) { page = that.data.page }
+    wx.showLoading({
+      title: '加载中',
+    }),
+      wx.request({
+      url: this.data.serverUrl + 'api/examtestdetail?a=totalrate&rows=20&page=' + page,
+        header: {
+          'content-type': 'application/json', // 默认值
+          'Cookie': wx.getStorageSync("sessionid"),
+        },
+        success: res => {
+          if (res.statusCode === 200) {
+            console.log(res.data)
+            if (res.data.rows.length == 0) {
+              if (page == 1) {
+                this.setData({
+                  total: 0,
+                  ratelist: []
+                })
+              }
+              else {
+                wx.showModal({
+                  content: "已经到底啦!",
+                  showCancel: false,
+                  confirmText: "确定",
+                })
+              }
+            } else {
+              let list
+              if (page == 1) {
+                list = res.data.rows
+              } else {
+                list = this.data.ratelist.concat(res.data.rows)
+              }
+              for (var i = 0; i < list.length; i++) {
+                list[i].totaltook = util.formatSeconds(list[i].totaltook)
+              }
+              this.setData({
+                total: res.data.total,
+                ratelist: list,
+                updatetime:res.data.updatetime
+              })
+            }
+          }
+          wx.hideLoading();
+        }
+      });
+  },
+})
\ No newline at end of file
diff --git a/pages/totalrate/index.json b/pages/totalrate/index.json
new file mode 100644
index 0000000..6f7af09
--- /dev/null
+++ b/pages/totalrate/index.json
@@ -0,0 +1,5 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText": "活动总排名",
+  "enablePullDownRefresh": true
+}
\ No newline at end of file
diff --git a/pages/totalrate/index.wxml b/pages/totalrate/index.wxml
new file mode 100644
index 0000000..296eae5
--- /dev/null
+++ b/pages/totalrate/index.wxml
@@ -0,0 +1,37 @@
+<view class="page">
+<view class="head" style="font-weight:bold;font-size:22px">知识竞赛总排名</view>
+<view class="head">已有
+<span style="font-weight:bold;color:orange">{{total}}</span>
+人参与   更新时间:{{updatetime}}
+</view>
+  <block wx:for="{{ratelist}}" wx:key="unique">
+    <view class="weui-panel__bd">
+      <view class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+      <view class="weui-media-box__hd weui-media-box__hd_in-appmsg" style="width:10rpx">
+          {{index+1}}
+        </view>
+        <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
+          <!-- <image class="weui-media-box__thumb" src="{{userInfo.avatarUrl}}" /> -->
+          <image class="weui-media-box__thumb" src="{{item.user__headimgurl}}"></image>
+        </view>
+        <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+          <view class="weui-media-box__title">{{item.user__name}}
+          </view>
+          <view class="weui-media-box__desc">部门: {{item.user__ubelongpart__partname}}
+          </view>
+          <view class="weui-media-box__desc">已参加
+          <span style="font-weight:bold;color:darkblue">{{item.testnum}}</span>
+          场答题
+          </view>
+        </view>
+        <view class="weui-panel__ft">
+              
+        <view class="weui-media-box__title" style="background-color:orange;color:white;font-weight:bold">{{item.totalscore}}分</view>
+              
+        <view class="weui-media-box__desc" style="background-color:green;color:white">{{item.totaltook}}</view>
+      </view>
+      </view>
+      
+    </view>
+  </block>
+</view>
\ No newline at end of file
diff --git a/pages/totalrate/index.wxss b/pages/totalrate/index.wxss
new file mode 100644
index 0000000..a458506
--- /dev/null
+++ b/pages/totalrate/index.wxss
@@ -0,0 +1,5 @@
+.head{
+  color:#fff;
+  background-color: cornflowerblue;
+  text-align: center;
+}
\ No newline at end of file
diff --git a/pages/trouble/addtrouble.js b/pages/trouble/addtrouble.js
index e83b84b..b2ef146 100644
--- a/pages/trouble/addtrouble.js
+++ b/pages/trouble/addtrouble.js
@@ -143,7 +143,7 @@ Page({
   },
   open: function () {
     var that = this
-    if(getApp().globalData.isaqy==1){
+    if(getApp().globalData.userInfo.isaqy==1){
       wx.showActionSheet({
         itemList: ['提交', '指派整改', '现场已完成整改'],
         success: function (res) {
@@ -359,7 +359,7 @@ Page({
       }
     });
     //拉取权限
-    if (getApp().globalData.rights.indexOf(30) != -1) {
+    if (getApp().globalData.userInfo.perms.indexOf(30) != -1) {
       this.setData({
         mapright: true
       })
diff --git a/pages/user/userdetail.js b/pages/user/userdetail.js
index f52d8ce..7378cb9 100644
--- a/pages/user/userdetail.js
+++ b/pages/user/userdetail.js
@@ -103,13 +103,13 @@ Page({
                 genderIndex: 1
               })
             }
-            console.log(this.data)
+            // console.log(this.data)
           }
         }
       });
   },
   unbind: function () {
-    var userid = wx.getStorageSync('userid')
+    var userid = getApp().globalData.userInfo.userid
     wx.showModal({
       title: '系统提示',
       content: '确定将平台账号与本微信号解绑吗？',
@@ -128,7 +128,7 @@ Page({
               if (res.statusCode === 200) {
                 
                 if (res.data.code == 1) {
-                  wx.removeStorageSync('sessionid')
+                  
                   wx.showToast({})
                   wx.reLaunch({
                     url: '../bind/binduser',
diff --git a/project.config.json b/project.config.json
index a283748..3c6eda7 100644
--- a/project.config.json
+++ b/project.config.json
@@ -5,7 +5,20 @@
 		"es6": true,
 		"postcss": true,
 		"minified": true,
-		"newFeature": true
+		"newFeature": true,
+		"coverView": true,
+		"autoAudits": false,
+		"showShadowRootInWxmlPanel": true,
+		"scopeDataCheck": false,
+		"checkInvalidKey": true,
+		"checkSiteMap": true,
+		"uploadWithSourceMap": true,
+		"babelSetting": {
+			"ignore": [],
+			"disablePlugins": [],
+			"outputPath": ""
+		},
+		"nodeModules": true
 	},
 	"compileType": "miniprogram",
 	"libVersion": "2.9.4",
diff --git a/utils/util.js b/utils/util.js
index c28fcb7..ca4ae76 100644
--- a/utils/util.js
+++ b/utils/util.js
@@ -30,8 +30,51 @@ let getQueryString = function (url, name) {
   if (r != null) { console.log("r = " + r) 
   console.log("r[2] = " + r[2]) 
   return r[2] } return null; } 
-  module.exports = { 
+  
+/**
+ * 格式化秒
+ * @param int  value 总秒数
+ * @return string result 格式化后的字符串
+ */
+function formatSeconds(value) {
+  var theTime = parseInt(value);// 需要转换的时间秒 
+  var theTime1 = 0;// 分 
+  var theTime2 = 0;// 小时 
+  var theTime3 = 0;// 天
+  if (theTime > 60) {
+    theTime1 = parseInt(theTime / 60);
+    theTime = parseInt(theTime % 60);
+    if (theTime1 > 60) {
+      theTime2 = parseInt(theTime1 / 60);
+      theTime1 = parseInt(theTime1 % 60);
+      if (theTime2 > 24) {
+        //大于24小时
+        theTime3 = parseInt(theTime2 / 24);
+        theTime2 = parseInt(theTime2 % 24);
+      }
+    }
+  }
+  var result = '';
+  if (theTime > 0) {
+    result = "" + parseInt(theTime) + "秒";
+  }
+  if (theTime1 > 0) {
+    result = "" + parseInt(theTime1) + "分" + result;
+  }
+  if (theTime2 > 0) {
+    result = "" + parseInt(theTime2) + "小时" + result;
+  }
+  if (theTime3 > 0) {
+    result = "" + parseInt(theTime3) + "天" + result;
+  }
+  return result;
+}
+  
+  
+module.exports = { 
     getQueryString: getQueryString, 
     formatTime: formatTime,
-    formatTime2:formatTime2
+    formatTime2:formatTime2,
+    formatSeconds:formatSeconds,
   }
+
diff --git a/wxParse/emojis/00.gif b/wxParse/emojis/00.gif
deleted file mode 100644
index 5be27cb..0000000
Binary files a/wxParse/emojis/00.gif and /dev/null differ
diff --git a/wxParse/emojis/01.gif b/wxParse/emojis/01.gif
deleted file mode 100644
index a2644a9..0000000
Binary files a/wxParse/emojis/01.gif and /dev/null differ
diff --git a/wxParse/emojis/02.gif b/wxParse/emojis/02.gif
deleted file mode 100644
index 40cfda4..0000000
Binary files a/wxParse/emojis/02.gif and /dev/null differ
diff --git a/wxParse/emojis/03.gif b/wxParse/emojis/03.gif
deleted file mode 100644
index 6d6f762..0000000
Binary files a/wxParse/emojis/03.gif and /dev/null differ
diff --git a/wxParse/emojis/04.gif b/wxParse/emojis/04.gif
deleted file mode 100644
index 6ccdaa2..0000000
Binary files a/wxParse/emojis/04.gif and /dev/null differ
diff --git a/wxParse/emojis/05.gif b/wxParse/emojis/05.gif
deleted file mode 100644
index ab0b81b..0000000
Binary files a/wxParse/emojis/05.gif and /dev/null differ
diff --git a/wxParse/emojis/06.gif b/wxParse/emojis/06.gif
deleted file mode 100644
index ceab122..0000000
Binary files a/wxParse/emojis/06.gif and /dev/null differ
diff --git a/wxParse/emojis/07.gif b/wxParse/emojis/07.gif
deleted file mode 100644
index 2f45399..0000000
Binary files a/wxParse/emojis/07.gif and /dev/null differ
diff --git a/wxParse/emojis/08.gif b/wxParse/emojis/08.gif
deleted file mode 100644
index f6c8834..0000000
Binary files a/wxParse/emojis/08.gif and /dev/null differ
diff --git a/wxParse/emojis/09.gif b/wxParse/emojis/09.gif
deleted file mode 100644
index c2d8450..0000000
Binary files a/wxParse/emojis/09.gif and /dev/null differ
diff --git a/wxParse/emojis/10.gif b/wxParse/emojis/10.gif
deleted file mode 100644
index 905c15b..0000000
Binary files a/wxParse/emojis/10.gif and /dev/null differ
diff --git a/wxParse/emojis/100.gif b/wxParse/emojis/100.gif
deleted file mode 100644
index 92ad35d..0000000
Binary files a/wxParse/emojis/100.gif and /dev/null differ
diff --git a/wxParse/emojis/101.gif b/wxParse/emojis/101.gif
deleted file mode 100644
index 1f27663..0000000
Binary files a/wxParse/emojis/101.gif and /dev/null differ
diff --git a/wxParse/emojis/102.gif b/wxParse/emojis/102.gif
deleted file mode 100644
index 748ded1..0000000
Binary files a/wxParse/emojis/102.gif and /dev/null differ
diff --git a/wxParse/emojis/103.gif b/wxParse/emojis/103.gif
deleted file mode 100644
index be9eaa0..0000000
Binary files a/wxParse/emojis/103.gif and /dev/null differ
diff --git a/wxParse/emojis/104.gif b/wxParse/emojis/104.gif
deleted file mode 100644
index d7c2066..0000000
Binary files a/wxParse/emojis/104.gif and /dev/null differ
diff --git a/wxParse/emojis/105.gif b/wxParse/emojis/105.gif
deleted file mode 100644
index 2f353ca..0000000
Binary files a/wxParse/emojis/105.gif and /dev/null differ
diff --git a/wxParse/emojis/106.gif b/wxParse/emojis/106.gif
deleted file mode 100644
index 5193534..0000000
Binary files a/wxParse/emojis/106.gif and /dev/null differ
diff --git a/wxParse/emojis/107.gif b/wxParse/emojis/107.gif
deleted file mode 100644
index 70d38d3..0000000
Binary files a/wxParse/emojis/107.gif and /dev/null differ
diff --git a/wxParse/emojis/108.gif b/wxParse/emojis/108.gif
deleted file mode 100644
index 749d500..0000000
Binary files a/wxParse/emojis/108.gif and /dev/null differ
diff --git a/wxParse/emojis/109.gif b/wxParse/emojis/109.gif
deleted file mode 100644
index 6f57d56..0000000
Binary files a/wxParse/emojis/109.gif and /dev/null differ
diff --git a/wxParse/emojis/11.gif b/wxParse/emojis/11.gif
deleted file mode 100644
index b512dd5..0000000
Binary files a/wxParse/emojis/11.gif and /dev/null differ
diff --git a/wxParse/emojis/110.gif b/wxParse/emojis/110.gif
deleted file mode 100644
index e253abc..0000000
Binary files a/wxParse/emojis/110.gif and /dev/null differ
diff --git a/wxParse/emojis/111.gif b/wxParse/emojis/111.gif
deleted file mode 100644
index 0c56723..0000000
Binary files a/wxParse/emojis/111.gif and /dev/null differ
diff --git a/wxParse/emojis/112.gif b/wxParse/emojis/112.gif
deleted file mode 100644
index c8ddce8..0000000
Binary files a/wxParse/emojis/112.gif and /dev/null differ
diff --git a/wxParse/emojis/113.gif b/wxParse/emojis/113.gif
deleted file mode 100644
index 2727104..0000000
Binary files a/wxParse/emojis/113.gif and /dev/null differ
diff --git a/wxParse/emojis/114.gif b/wxParse/emojis/114.gif
deleted file mode 100644
index 53918e2..0000000
Binary files a/wxParse/emojis/114.gif and /dev/null differ
diff --git a/wxParse/emojis/115.gif b/wxParse/emojis/115.gif
deleted file mode 100644
index 4db3369..0000000
Binary files a/wxParse/emojis/115.gif and /dev/null differ
diff --git a/wxParse/emojis/116.gif b/wxParse/emojis/116.gif
deleted file mode 100644
index 57326bd..0000000
Binary files a/wxParse/emojis/116.gif and /dev/null differ
diff --git a/wxParse/emojis/117.gif b/wxParse/emojis/117.gif
deleted file mode 100644
index 14611b6..0000000
Binary files a/wxParse/emojis/117.gif and /dev/null differ
diff --git a/wxParse/emojis/118.gif b/wxParse/emojis/118.gif
deleted file mode 100644
index 8c25500..0000000
Binary files a/wxParse/emojis/118.gif and /dev/null differ
diff --git a/wxParse/emojis/119.gif b/wxParse/emojis/119.gif
deleted file mode 100644
index 65bb468..0000000
Binary files a/wxParse/emojis/119.gif and /dev/null differ
diff --git a/wxParse/emojis/12.gif b/wxParse/emojis/12.gif
deleted file mode 100644
index 547529c..0000000
Binary files a/wxParse/emojis/12.gif and /dev/null differ
diff --git a/wxParse/emojis/120.gif b/wxParse/emojis/120.gif
deleted file mode 100644
index 5ce77c0..0000000
Binary files a/wxParse/emojis/120.gif and /dev/null differ
diff --git a/wxParse/emojis/121.gif b/wxParse/emojis/121.gif
deleted file mode 100644
index a021aba..0000000
Binary files a/wxParse/emojis/121.gif and /dev/null differ
diff --git a/wxParse/emojis/122.gif b/wxParse/emojis/122.gif
deleted file mode 100644
index 9a79e11..0000000
Binary files a/wxParse/emojis/122.gif and /dev/null differ
diff --git a/wxParse/emojis/123.gif b/wxParse/emojis/123.gif
deleted file mode 100644
index b9480be..0000000
Binary files a/wxParse/emojis/123.gif and /dev/null differ
diff --git a/wxParse/emojis/124.gif b/wxParse/emojis/124.gif
deleted file mode 100644
index 7fed477..0000000
Binary files a/wxParse/emojis/124.gif and /dev/null differ
diff --git a/wxParse/emojis/125.gif b/wxParse/emojis/125.gif
deleted file mode 100644
index e2c3c11..0000000
Binary files a/wxParse/emojis/125.gif and /dev/null differ
diff --git a/wxParse/emojis/126.gif b/wxParse/emojis/126.gif
deleted file mode 100644
index 24105c9..0000000
Binary files a/wxParse/emojis/126.gif and /dev/null differ
diff --git a/wxParse/emojis/127.gif b/wxParse/emojis/127.gif
deleted file mode 100644
index 0cead36..0000000
Binary files a/wxParse/emojis/127.gif and /dev/null differ
diff --git a/wxParse/emojis/128.gif b/wxParse/emojis/128.gif
deleted file mode 100644
index 3185861..0000000
Binary files a/wxParse/emojis/128.gif and /dev/null differ
diff --git a/wxParse/emojis/129.gif b/wxParse/emojis/129.gif
deleted file mode 100644
index ffd7c6b..0000000
Binary files a/wxParse/emojis/129.gif and /dev/null differ
diff --git a/wxParse/emojis/13.gif b/wxParse/emojis/13.gif
deleted file mode 100644
index 3475300..0000000
Binary files a/wxParse/emojis/13.gif and /dev/null differ
diff --git a/wxParse/emojis/130.gif b/wxParse/emojis/130.gif
deleted file mode 100644
index d828e3d..0000000
Binary files a/wxParse/emojis/130.gif and /dev/null differ
diff --git a/wxParse/emojis/131.gif b/wxParse/emojis/131.gif
deleted file mode 100644
index dcb096f..0000000
Binary files a/wxParse/emojis/131.gif and /dev/null differ
diff --git a/wxParse/emojis/132.gif b/wxParse/emojis/132.gif
deleted file mode 100644
index 1b272a6..0000000
Binary files a/wxParse/emojis/132.gif and /dev/null differ
diff --git a/wxParse/emojis/133.gif b/wxParse/emojis/133.gif
deleted file mode 100644
index 0d0e864..0000000
Binary files a/wxParse/emojis/133.gif and /dev/null differ
diff --git a/wxParse/emojis/134.gif b/wxParse/emojis/134.gif
deleted file mode 100644
index cf48356..0000000
Binary files a/wxParse/emojis/134.gif and /dev/null differ
diff --git a/wxParse/emojis/14.gif b/wxParse/emojis/14.gif
deleted file mode 100644
index 6a788f8..0000000
Binary files a/wxParse/emojis/14.gif and /dev/null differ
diff --git a/wxParse/emojis/15.gif b/wxParse/emojis/15.gif
deleted file mode 100644
index debab8e..0000000
Binary files a/wxParse/emojis/15.gif and /dev/null differ
diff --git a/wxParse/emojis/16.gif b/wxParse/emojis/16.gif
deleted file mode 100644
index ed5d29f..0000000
Binary files a/wxParse/emojis/16.gif and /dev/null differ
diff --git a/wxParse/emojis/17.gif b/wxParse/emojis/17.gif
deleted file mode 100644
index 85886fe..0000000
Binary files a/wxParse/emojis/17.gif and /dev/null differ
diff --git a/wxParse/emojis/18.gif b/wxParse/emojis/18.gif
deleted file mode 100644
index b6af218..0000000
Binary files a/wxParse/emojis/18.gif and /dev/null differ
diff --git a/wxParse/emojis/19.gif b/wxParse/emojis/19.gif
deleted file mode 100644
index e045ff2..0000000
Binary files a/wxParse/emojis/19.gif and /dev/null differ
diff --git a/wxParse/emojis/20.gif b/wxParse/emojis/20.gif
deleted file mode 100644
index efd650f..0000000
Binary files a/wxParse/emojis/20.gif and /dev/null differ
diff --git a/wxParse/emojis/21.gif b/wxParse/emojis/21.gif
deleted file mode 100644
index cb8cf6d..0000000
Binary files a/wxParse/emojis/21.gif and /dev/null differ
diff --git a/wxParse/emojis/22.gif b/wxParse/emojis/22.gif
deleted file mode 100644
index 96b04df..0000000
Binary files a/wxParse/emojis/22.gif and /dev/null differ
diff --git a/wxParse/emojis/23.gif b/wxParse/emojis/23.gif
deleted file mode 100644
index 96516b8..0000000
Binary files a/wxParse/emojis/23.gif and /dev/null differ
diff --git a/wxParse/emojis/24.gif b/wxParse/emojis/24.gif
deleted file mode 100644
index 5f925c7..0000000
Binary files a/wxParse/emojis/24.gif and /dev/null differ
diff --git a/wxParse/emojis/25.gif b/wxParse/emojis/25.gif
deleted file mode 100644
index 97f8b1a..0000000
Binary files a/wxParse/emojis/25.gif and /dev/null differ
diff --git a/wxParse/emojis/26.gif b/wxParse/emojis/26.gif
deleted file mode 100644
index a7cded7..0000000
Binary files a/wxParse/emojis/26.gif and /dev/null differ
diff --git a/wxParse/emojis/27.gif b/wxParse/emojis/27.gif
deleted file mode 100644
index bb46890..0000000
Binary files a/wxParse/emojis/27.gif and /dev/null differ
diff --git a/wxParse/emojis/28.gif b/wxParse/emojis/28.gif
deleted file mode 100644
index f59dd58..0000000
Binary files a/wxParse/emojis/28.gif and /dev/null differ
diff --git a/wxParse/emojis/29.gif b/wxParse/emojis/29.gif
deleted file mode 100644
index 3c5227e..0000000
Binary files a/wxParse/emojis/29.gif and /dev/null differ
diff --git a/wxParse/emojis/30.gif b/wxParse/emojis/30.gif
deleted file mode 100644
index e24a180..0000000
Binary files a/wxParse/emojis/30.gif and /dev/null differ
diff --git a/wxParse/emojis/31.gif b/wxParse/emojis/31.gif
deleted file mode 100644
index 073e743..0000000
Binary files a/wxParse/emojis/31.gif and /dev/null differ
diff --git a/wxParse/emojis/32.gif b/wxParse/emojis/32.gif
deleted file mode 100644
index 772eff2..0000000
Binary files a/wxParse/emojis/32.gif and /dev/null differ
diff --git a/wxParse/emojis/33.gif b/wxParse/emojis/33.gif
deleted file mode 100644
index 217c1c5..0000000
Binary files a/wxParse/emojis/33.gif and /dev/null differ
diff --git a/wxParse/emojis/34.gif b/wxParse/emojis/34.gif
deleted file mode 100644
index e9d4213..0000000
Binary files a/wxParse/emojis/34.gif and /dev/null differ
diff --git a/wxParse/emojis/35.gif b/wxParse/emojis/35.gif
deleted file mode 100644
index d6da2c3..0000000
Binary files a/wxParse/emojis/35.gif and /dev/null differ
diff --git a/wxParse/emojis/36.gif b/wxParse/emojis/36.gif
deleted file mode 100644
index c1e6ac9..0000000
Binary files a/wxParse/emojis/36.gif and /dev/null differ
diff --git a/wxParse/emojis/37.gif b/wxParse/emojis/37.gif
deleted file mode 100644
index 92efec6..0000000
Binary files a/wxParse/emojis/37.gif and /dev/null differ
diff --git a/wxParse/emojis/38.gif b/wxParse/emojis/38.gif
deleted file mode 100644
index 489f0f9..0000000
Binary files a/wxParse/emojis/38.gif and /dev/null differ
diff --git a/wxParse/emojis/39.gif b/wxParse/emojis/39.gif
deleted file mode 100644
index 734f6d8..0000000
Binary files a/wxParse/emojis/39.gif and /dev/null differ
diff --git a/wxParse/emojis/40.gif b/wxParse/emojis/40.gif
deleted file mode 100644
index 24a8eb6..0000000
Binary files a/wxParse/emojis/40.gif and /dev/null differ
diff --git a/wxParse/emojis/41.gif b/wxParse/emojis/41.gif
deleted file mode 100644
index 99139e1..0000000
Binary files a/wxParse/emojis/41.gif and /dev/null differ
diff --git a/wxParse/emojis/42.gif b/wxParse/emojis/42.gif
deleted file mode 100644
index f60897e..0000000
Binary files a/wxParse/emojis/42.gif and /dev/null differ
diff --git a/wxParse/emojis/43.gif b/wxParse/emojis/43.gif
deleted file mode 100644
index 4350491..0000000
Binary files a/wxParse/emojis/43.gif and /dev/null differ
diff --git a/wxParse/emojis/44.gif b/wxParse/emojis/44.gif
deleted file mode 100644
index 650d3dd..0000000
Binary files a/wxParse/emojis/44.gif and /dev/null differ
diff --git a/wxParse/emojis/45.gif b/wxParse/emojis/45.gif
deleted file mode 100644
index 5c8e071..0000000
Binary files a/wxParse/emojis/45.gif and /dev/null differ
diff --git a/wxParse/emojis/46.gif b/wxParse/emojis/46.gif
deleted file mode 100644
index f3cb074..0000000
Binary files a/wxParse/emojis/46.gif and /dev/null differ
diff --git a/wxParse/emojis/47.gif b/wxParse/emojis/47.gif
deleted file mode 100644
index 5b3057a..0000000
Binary files a/wxParse/emojis/47.gif and /dev/null differ
diff --git a/wxParse/emojis/48.gif b/wxParse/emojis/48.gif
deleted file mode 100644
index 27a30c1..0000000
Binary files a/wxParse/emojis/48.gif and /dev/null differ
diff --git a/wxParse/emojis/49.gif b/wxParse/emojis/49.gif
deleted file mode 100644
index dcfa48a..0000000
Binary files a/wxParse/emojis/49.gif and /dev/null differ
diff --git a/wxParse/emojis/50.gif b/wxParse/emojis/50.gif
deleted file mode 100644
index 029cf0f..0000000
Binary files a/wxParse/emojis/50.gif and /dev/null differ
diff --git a/wxParse/emojis/51.gif b/wxParse/emojis/51.gif
deleted file mode 100644
index 69f183f..0000000
Binary files a/wxParse/emojis/51.gif and /dev/null differ
diff --git a/wxParse/emojis/52.gif b/wxParse/emojis/52.gif
deleted file mode 100644
index d41e8aa..0000000
Binary files a/wxParse/emojis/52.gif and /dev/null differ
diff --git a/wxParse/emojis/53.gif b/wxParse/emojis/53.gif
deleted file mode 100644
index 56352dd..0000000
Binary files a/wxParse/emojis/53.gif and /dev/null differ
diff --git a/wxParse/emojis/54.gif b/wxParse/emojis/54.gif
deleted file mode 100644
index b28d848..0000000
Binary files a/wxParse/emojis/54.gif and /dev/null differ
diff --git a/wxParse/emojis/55.gif b/wxParse/emojis/55.gif
deleted file mode 100644
index e18da84..0000000
Binary files a/wxParse/emojis/55.gif and /dev/null differ
diff --git a/wxParse/emojis/56.gif b/wxParse/emojis/56.gif
deleted file mode 100644
index edf96f0..0000000
Binary files a/wxParse/emojis/56.gif and /dev/null differ
diff --git a/wxParse/emojis/57.gif b/wxParse/emojis/57.gif
deleted file mode 100644
index 3f0e2b9..0000000
Binary files a/wxParse/emojis/57.gif and /dev/null differ
diff --git a/wxParse/emojis/58.gif b/wxParse/emojis/58.gif
deleted file mode 100644
index 47b1aaa..0000000
Binary files a/wxParse/emojis/58.gif and /dev/null differ
diff --git a/wxParse/emojis/59.gif b/wxParse/emojis/59.gif
deleted file mode 100644
index 918288b..0000000
Binary files a/wxParse/emojis/59.gif and /dev/null differ
diff --git a/wxParse/emojis/60.gif b/wxParse/emojis/60.gif
deleted file mode 100644
index 66d2113..0000000
Binary files a/wxParse/emojis/60.gif and /dev/null differ
diff --git a/wxParse/emojis/61.gif b/wxParse/emojis/61.gif
deleted file mode 100644
index 034933e..0000000
Binary files a/wxParse/emojis/61.gif and /dev/null differ
diff --git a/wxParse/emojis/62.gif b/wxParse/emojis/62.gif
deleted file mode 100644
index 8d5c4fd..0000000
Binary files a/wxParse/emojis/62.gif and /dev/null differ
diff --git a/wxParse/emojis/63.gif b/wxParse/emojis/63.gif
deleted file mode 100644
index d58fcf6..0000000
Binary files a/wxParse/emojis/63.gif and /dev/null differ
diff --git a/wxParse/emojis/64.gif b/wxParse/emojis/64.gif
deleted file mode 100644
index c4e00bd..0000000
Binary files a/wxParse/emojis/64.gif and /dev/null differ
diff --git a/wxParse/emojis/65.gif b/wxParse/emojis/65.gif
deleted file mode 100644
index da23bfa..0000000
Binary files a/wxParse/emojis/65.gif and /dev/null differ
diff --git a/wxParse/emojis/66.gif b/wxParse/emojis/66.gif
deleted file mode 100644
index 310ec65..0000000
Binary files a/wxParse/emojis/66.gif and /dev/null differ
diff --git a/wxParse/emojis/67.gif b/wxParse/emojis/67.gif
deleted file mode 100644
index 51761ba..0000000
Binary files a/wxParse/emojis/67.gif and /dev/null differ
diff --git a/wxParse/emojis/68.gif b/wxParse/emojis/68.gif
deleted file mode 100644
index 345cb43..0000000
Binary files a/wxParse/emojis/68.gif and /dev/null differ
diff --git a/wxParse/emojis/69.gif b/wxParse/emojis/69.gif
deleted file mode 100644
index e0f28a0..0000000
Binary files a/wxParse/emojis/69.gif and /dev/null differ
diff --git a/wxParse/emojis/70.gif b/wxParse/emojis/70.gif
deleted file mode 100644
index 24284cf..0000000
Binary files a/wxParse/emojis/70.gif and /dev/null differ
diff --git a/wxParse/emojis/71.gif b/wxParse/emojis/71.gif
deleted file mode 100644
index a0ccf2e..0000000
Binary files a/wxParse/emojis/71.gif and /dev/null differ
diff --git a/wxParse/emojis/72.gif b/wxParse/emojis/72.gif
deleted file mode 100644
index 7e113ee..0000000
Binary files a/wxParse/emojis/72.gif and /dev/null differ
diff --git a/wxParse/emojis/73.gif b/wxParse/emojis/73.gif
deleted file mode 100644
index c0293c3..0000000
Binary files a/wxParse/emojis/73.gif and /dev/null differ
diff --git a/wxParse/emojis/74.gif b/wxParse/emojis/74.gif
deleted file mode 100644
index 1c52bde..0000000
Binary files a/wxParse/emojis/74.gif and /dev/null differ
diff --git a/wxParse/emojis/75.gif b/wxParse/emojis/75.gif
deleted file mode 100644
index 9cb9aa7..0000000
Binary files a/wxParse/emojis/75.gif and /dev/null differ
diff --git a/wxParse/emojis/76.gif b/wxParse/emojis/76.gif
deleted file mode 100644
index 27019f8..0000000
Binary files a/wxParse/emojis/76.gif and /dev/null differ
diff --git a/wxParse/emojis/77.gif b/wxParse/emojis/77.gif
deleted file mode 100644
index 8f882f5..0000000
Binary files a/wxParse/emojis/77.gif and /dev/null differ
diff --git a/wxParse/emojis/78.gif b/wxParse/emojis/78.gif
deleted file mode 100644
index d0d0856..0000000
Binary files a/wxParse/emojis/78.gif and /dev/null differ
diff --git a/wxParse/emojis/79.gif b/wxParse/emojis/79.gif
deleted file mode 100644
index 61652a7..0000000
Binary files a/wxParse/emojis/79.gif and /dev/null differ
diff --git a/wxParse/emojis/80.gif b/wxParse/emojis/80.gif
deleted file mode 100644
index 9a77936..0000000
Binary files a/wxParse/emojis/80.gif and /dev/null differ
diff --git a/wxParse/emojis/81.gif b/wxParse/emojis/81.gif
deleted file mode 100644
index 2329101..0000000
Binary files a/wxParse/emojis/81.gif and /dev/null differ
diff --git a/wxParse/emojis/82.gif b/wxParse/emojis/82.gif
deleted file mode 100644
index 644748a..0000000
Binary files a/wxParse/emojis/82.gif and /dev/null differ
diff --git a/wxParse/emojis/83.gif b/wxParse/emojis/83.gif
deleted file mode 100644
index fbf275b..0000000
Binary files a/wxParse/emojis/83.gif and /dev/null differ
diff --git a/wxParse/emojis/84.gif b/wxParse/emojis/84.gif
deleted file mode 100644
index 076f0c6..0000000
Binary files a/wxParse/emojis/84.gif and /dev/null differ
diff --git a/wxParse/emojis/85.gif b/wxParse/emojis/85.gif
deleted file mode 100644
index d254af4..0000000
Binary files a/wxParse/emojis/85.gif and /dev/null differ
diff --git a/wxParse/emojis/86.gif b/wxParse/emojis/86.gif
deleted file mode 100644
index 8f09d33..0000000
Binary files a/wxParse/emojis/86.gif and /dev/null differ
diff --git a/wxParse/emojis/87.gif b/wxParse/emojis/87.gif
deleted file mode 100644
index df70756..0000000
Binary files a/wxParse/emojis/87.gif and /dev/null differ
diff --git a/wxParse/emojis/88.gif b/wxParse/emojis/88.gif
deleted file mode 100644
index 4d8b15e..0000000
Binary files a/wxParse/emojis/88.gif and /dev/null differ
diff --git a/wxParse/emojis/89.gif b/wxParse/emojis/89.gif
deleted file mode 100644
index 05726dc..0000000
Binary files a/wxParse/emojis/89.gif and /dev/null differ
diff --git a/wxParse/emojis/90.gif b/wxParse/emojis/90.gif
deleted file mode 100644
index adaf20e..0000000
Binary files a/wxParse/emojis/90.gif and /dev/null differ
diff --git a/wxParse/emojis/91.gif b/wxParse/emojis/91.gif
deleted file mode 100644
index 608d0ad..0000000
Binary files a/wxParse/emojis/91.gif and /dev/null differ
diff --git a/wxParse/emojis/92.gif b/wxParse/emojis/92.gif
deleted file mode 100644
index b909e16..0000000
Binary files a/wxParse/emojis/92.gif and /dev/null differ
diff --git a/wxParse/emojis/93.gif b/wxParse/emojis/93.gif
deleted file mode 100644
index 7f71a8c..0000000
Binary files a/wxParse/emojis/93.gif and /dev/null differ
diff --git a/wxParse/emojis/94.gif b/wxParse/emojis/94.gif
deleted file mode 100644
index 4f26d7d..0000000
Binary files a/wxParse/emojis/94.gif and /dev/null differ
diff --git a/wxParse/emojis/95.gif b/wxParse/emojis/95.gif
deleted file mode 100644
index 5ef6d38..0000000
Binary files a/wxParse/emojis/95.gif and /dev/null differ
diff --git a/wxParse/emojis/96.gif b/wxParse/emojis/96.gif
deleted file mode 100644
index 2b709e1..0000000
Binary files a/wxParse/emojis/96.gif and /dev/null differ
diff --git a/wxParse/emojis/97.gif b/wxParse/emojis/97.gif
deleted file mode 100644
index cf29be8..0000000
Binary files a/wxParse/emojis/97.gif and /dev/null differ
diff --git a/wxParse/emojis/98.gif b/wxParse/emojis/98.gif
deleted file mode 100644
index c70e7d3..0000000
Binary files a/wxParse/emojis/98.gif and /dev/null differ
diff --git a/wxParse/emojis/99.gif b/wxParse/emojis/99.gif
deleted file mode 100644
index 05c1863..0000000
Binary files a/wxParse/emojis/99.gif and /dev/null differ
diff --git a/wxParse/html2json.js b/wxParse/html2json.js
deleted file mode 100644
index 6909559..0000000
--- a/wxParse/html2json.js
+++ /dev/null
@@ -1,303 +0,0 @@
-/**
- * html2Json 改造来自: https://github.com/Jxck/html2json
- * 
- * 
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *               垂直微信小程序开发交流社区
- * 
- * github地址: https://github.com/icindy/wxParse
- * 
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */
-
-var __placeImgeUrlHttps = "https";
-var __emojisReg = '';
-var __emojisBaseSrc = '';
-var __emojis = {};
-var wxDiscode = require('./wxDiscode.js');
-var HTMLParser = require('./htmlparser.js');
-// Empty Elements - HTML 5
-var empty = makeMap("area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr");
-// Block Elements - HTML 5
-var block = makeMap("br,a,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video");
-
-// Inline Elements - HTML 5
-var inline = makeMap("abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");
-
-// Elements that you can, intentionally, leave open
-// (and which close themselves)
-var closeSelf = makeMap("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");
-
-// Attributes that have their values filled in disabled="disabled"
-var fillAttrs = makeMap("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected");
-
-// Special Elements (can contain anything)
-var special = makeMap("wxxxcode-style,script,style,view,scroll-view,block");
-function makeMap(str) {
-    var obj = {}, items = str.split(",");
-    for (var i = 0; i < items.length; i++)
-        obj[items[i]] = true;
-    return obj;
-}
-
-function q(v) {
-    return '"' + v + '"';
-}
-
-function removeDOCTYPE(html) {
-    return html
-        .replace(/<\?xml.*\?>\n/, '')
-        .replace(/<.*!doctype.*\>\n/, '')
-        .replace(/<.*!DOCTYPE.*\>\n/, '');
-}
-
-function trimHtml(html) {
-  return html
-        .replace(/\r?\n+/g, '')
-        .replace(/<!--.*?-->/ig, '')
-        .replace(/\/\*.*?\*\//ig, '')
-        .replace(/[ ]+</ig, '<')
-}
-
-
-function html2json(html, bindName) {
-    //处理字符串
-    html = removeDOCTYPE(html);
-    html = trimHtml(html);
-    html = wxDiscode.strDiscode(html);
-    //生成node节点
-    var bufArray = [];
-    var results = {
-        node: bindName,
-        nodes: [],
-        images:[],
-        imageUrls:[]
-    };
-    var index = 0;
-    HTMLParser(html, {
-        start: function (tag, attrs, unary) {
-            //debug(tag, attrs, unary);
-            // node for this element
-            var node = {
-                node: 'element',
-                tag: tag,
-            };
-
-            if (bufArray.length === 0) {
-                node.index = index.toString()
-                index += 1
-            } else {
-                var parent = bufArray[0];
-                if (parent.nodes === undefined) {
-                    parent.nodes = [];
-                }
-                node.index = parent.index + '.' + parent.nodes.length
-            }
-
-            if (block[tag]) {
-                node.tagType = "block";
-            } else if (inline[tag]) {
-                node.tagType = "inline";
-            } else if (closeSelf[tag]) {
-                node.tagType = "closeSelf";
-            }
-
-            if (attrs.length !== 0) {
-                node.attr = attrs.reduce(function (pre, attr) {
-                    var name = attr.name;
-                    var value = attr.value;
-                    if (name == 'class') {
-                        console.dir(value);
-                        //  value = value.join("")
-                        node.classStr = value;
-                    }
-                    // has multi attibutes
-                    // make it array of attribute
-                    if (name == 'style') {
-                        console.dir(value);
-                        //  value = value.join("")
-                        node.styleStr = value;
-                    }
-                    if (value.match(/ /)) {
-                        value = value.split(' ');
-                    }
-                    
-
-                    // if attr already exists
-                    // merge it
-                    if (pre[name]) {
-                        if (Array.isArray(pre[name])) {
-                            // already array, push to last
-                            pre[name].push(value);
-                        } else {
-                            // single value, make it array
-                            pre[name] = [pre[name], value];
-                        }
-                    } else {
-                        // not exist, put it
-                        pre[name] = value;
-                    }
-
-                    return pre;
-                }, {});
-            }
-
-            //对img添加额外数据
-            if (node.tag === 'img') {
-                node.imgIndex = results.images.length;
-                var imgUrl = node.attr.src;
-                if (imgUrl[0] == '') {
-                    imgUrl.splice(0, 1);
-                }
-                imgUrl = wxDiscode.urlToHttpUrl(imgUrl, __placeImgeUrlHttps);
-                node.attr.src = imgUrl;
-                node.from = bindName;
-                results.images.push(node);
-                results.imageUrls.push(imgUrl);
-            }
-            
-            // 处理font标签样式属性
-            if (node.tag === 'font') {
-                var fontSize = ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large', '-webkit-xxx-large'];
-                var styleAttrs = {
-                    'color': 'color',
-                    'face': 'font-family',
-                    'size': 'font-size'
-                };
-                if (!node.attr.style) node.attr.style = [];
-                if (!node.styleStr) node.styleStr = '';
-                for (var key in styleAttrs) {
-                    if (node.attr[key]) {
-                        var value = key === 'size' ? fontSize[node.attr[key]-1] : node.attr[key];
-                        node.attr.style.push(styleAttrs[key]);
-                        node.attr.style.push(value);
-                        node.styleStr += styleAttrs[key] + ': ' + value + ';';
-                    }
-                }
-            }
-
-            //临时记录source资源
-            if(node.tag === 'source'){
-                results.source = node.attr.src;
-            }
-            
-            if (unary) {
-                // if this tag doesn't have end tag
-                // like <img src="hoge.png"/>
-                // add to parents
-                var parent = bufArray[0] || results;
-                if (parent.nodes === undefined) {
-                    parent.nodes = [];
-                }
-                parent.nodes.push(node);
-            } else {
-                bufArray.unshift(node);
-            }
-        },
-        end: function (tag) {
-            //debug(tag);
-            // merge into parent tag
-            var node = bufArray.shift();
-            if (node.tag !== tag) console.error('invalid state: mismatch end tag');
-
-            //当有缓存source资源时于于video补上src资源
-            if(node.tag === 'video' && results.source){
-                node.attr.src = results.source;
-                delete results.source;
-            }
-            
-            if (bufArray.length === 0) {
-                results.nodes.push(node);
-            } else {
-                var parent = bufArray[0];
-                if (parent.nodes === undefined) {
-                    parent.nodes = [];
-                }
-                parent.nodes.push(node);
-            }
-        },
-        chars: function (text) {
-            //debug(text);
-            var node = {
-                node: 'text',
-                text: text,
-                textArray:transEmojiStr(text)
-            };
-            
-            if (bufArray.length === 0) {
-                node.index = index.toString()
-                index += 1
-                results.nodes.push(node);
-            } else {
-                var parent = bufArray[0];
-                if (parent.nodes === undefined) {
-                    parent.nodes = [];
-                }
-                node.index = parent.index + '.' + parent.nodes.length
-                parent.nodes.push(node);
-            }
-        },
-        comment: function (text) {
-            //debug(text);
-            // var node = {
-            //     node: 'comment',
-            //     text: text,
-            // };
-            // var parent = bufArray[0];
-            // if (parent.nodes === undefined) {
-            //     parent.nodes = [];
-            // }
-            // parent.nodes.push(node);
-        },
-    });
-    return results;
-};
-
-function transEmojiStr(str){
-  // var eReg = new RegExp("["+__reg+' '+"]");
-//   str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
-  
-  var emojiObjs = [];
-  //如果正则表达式为空
-  if(__emojisReg.length == 0 || !__emojis){
-      var emojiObj = {}
-      emojiObj.node = "text";
-      emojiObj.text = str;
-      array = [emojiObj];
-      return array;
-  }
-  //这个地方需要调整
-  str = str.replace(/\[([^\[\]]+)\]/g,':$1:')
-  var eReg = new RegExp("[:]");
-  var array = str.split(eReg);
-  for(var i = 0; i < array.length; i++){
-    var ele = array[i];
-    var emojiObj = {};
-    if(__emojis[ele]){
-      emojiObj.node = "element";
-      emojiObj.tag = "emoji";
-      emojiObj.text = __emojis[ele];
-      emojiObj.baseSrc= __emojisBaseSrc;
-    }else{
-      emojiObj.node = "text";
-      emojiObj.text = ele;
-    }
-    emojiObjs.push(emojiObj);
-  }
-  
-  return emojiObjs;
-}
-
-function emojisInit(reg='',baseSrc="/wxParse/emojis/",emojis){
-    __emojisReg = reg;
-    __emojisBaseSrc=baseSrc;
-    __emojis=emojis;
-}
-
-module.exports = {
-    html2json: html2json,
-    emojisInit:emojisInit
-};
-
diff --git a/wxParse/htmlparser.js b/wxParse/htmlparser.js
deleted file mode 100644
index 75e33cd..0000000
--- a/wxParse/htmlparser.js
+++ /dev/null
@@ -1,192 +0,0 @@
-/**
- * 
- * htmlParser改造自: https://github.com/blowsie/Pure-JavaScript-HTML5-Parser
- * 
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *               垂直微信小程序开发交流社区
- * 
- * github地址: https://github.com/icindy/wxParse
- * 
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */
-// Regular Expressions for parsing tags and attributes
-var startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/,
-	endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/,
-	attr = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
-
-// Empty Elements - HTML 5
-var empty = makeMap("area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr");
-
-// Block Elements - HTML 5
-var block = makeMap("a,address,code,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video");
-
-// Inline Elements - HTML 5
-var inline = makeMap("abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var");
-
-// Elements that you can, intentionally, leave open
-// (and which close themselves)
-var closeSelf = makeMap("colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr");
-
-// Attributes that have their values filled in disabled="disabled"
-var fillAttrs = makeMap("checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected");
-
-// Special Elements (can contain anything)
-var special = makeMap("wxxxcode-style,script,style,view,scroll-view,block");
-
-function HTMLParser(html, handler) {
-	var index, chars, match, stack = [], last = html;
-	stack.last = function () {
-		return this[this.length - 1];
-	};
-
-	while (html) {
-		chars = true;
-
-		// Make sure we're not in a script or style element
-		if (!stack.last() || !special[stack.last()]) {
-
-			// Comment
-			if (html.indexOf("<!--") == 0) {
-				index = html.indexOf("-->");
-
-				if (index >= 0) {
-					if (handler.comment)
-						handler.comment(html.substring(4, index));
-					html = html.substring(index + 3);
-					chars = false;
-				}
-
-				// end tag
-			} else if (html.indexOf("</") == 0) {
-				match = html.match(endTag);
-
-				if (match) {
-					html = html.substring(match[0].length);
-					match[0].replace(endTag, parseEndTag);
-					chars = false;
-				}
-
-				// start tag
-			} else if (html.indexOf("<") == 0) {
-				match = html.match(startTag);
-
-				if (match) {
-					html = html.substring(match[0].length);
-					match[0].replace(startTag, parseStartTag);
-					chars = false;
-				}
-			}
-
-			if (chars) {
-				index = html.indexOf("<");
-				var text = ''
-				while (index === 0) {
-                                  text += "<";
-                                  html = html.substring(1);
-                                  index = html.indexOf("<");
-				}
-				text += index < 0 ? html : html.substring(0, index);
-				html = index < 0 ? "" : html.substring(index);
-
-				if (handler.chars)
-					handler.chars(text);
-			}
-
-		} else {
-
-			html = html.replace(new RegExp("([\\s\\S]*?)<\/" + stack.last() + "[^>]*>"), function (all, text) {
-				text = text.replace(/<!--([\s\S]*?)-->|<!\[CDATA\[([\s\S]*?)]]>/g, "$1$2");
-				if (handler.chars)
-					handler.chars(text);
-
-				return "";
-			});
-
-
-			parseEndTag("", stack.last());
-		}
-
-		if (html == last)
-			throw "Parse Error: " + html;
-		last = html;
-	}
-
-	// Clean up any remaining tags
-	parseEndTag();
-
-	function parseStartTag(tag, tagName, rest, unary) {
-		tagName = tagName.toLowerCase();
-
-		if (block[tagName]) {
-			while (stack.last() && inline[stack.last()]) {
-				parseEndTag("", stack.last());
-			}
-		}
-
-		if (closeSelf[tagName] && stack.last() == tagName) {
-			parseEndTag("", tagName);
-		}
-
-		unary = empty[tagName] || !!unary;
-
-		if (!unary)
-			stack.push(tagName);
-
-		if (handler.start) {
-			var attrs = [];
-
-			rest.replace(attr, function (match, name) {
-				var value = arguments[2] ? arguments[2] :
-					arguments[3] ? arguments[3] :
-						arguments[4] ? arguments[4] :
-							fillAttrs[name] ? name : "";
-
-				attrs.push({
-					name: name,
-					value: value,
-					escaped: value.replace(/(^|[^\\])"/g, '$1\\\"') //"
-				});
-			});
-
-			if (handler.start) {
-				handler.start(tagName, attrs, unary);
-			}
-
-		}
-	}
-
-	function parseEndTag(tag, tagName) {
-		// If no tag name is provided, clean shop
-		if (!tagName)
-			var pos = 0;
-
-		// Find the closest opened tag of the same type
-		else {
-			tagName = tagName.toLowerCase();
-			for (var pos = stack.length - 1; pos >= 0; pos--)
-				if (stack[pos] == tagName)
-					break;
-		}
-		if (pos >= 0) {
-			// Close all the open elements, up the stack
-			for (var i = stack.length - 1; i >= pos; i--)
-				if (handler.end)
-					handler.end(stack[i]);
-
-			// Remove the open elements from the stack
-			stack.length = pos;
-		}
-	}
-};
-
-
-function makeMap(str) {
-	var obj = {}, items = str.split(",");
-	for (var i = 0; i < items.length; i++)
-		obj[items[i]] = true;
-	return obj;
-}
-
-module.exports = HTMLParser;
diff --git a/wxParse/showdown.js b/wxParse/showdown.js
deleted file mode 100644
index d29206d..0000000
--- a/wxParse/showdown.js
+++ /dev/null
@@ -1,2532 +0,0 @@
-/**
- * 
- * showdown: https://github.com/showdownjs/showdown
- * 
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *               垂直微信小程序开发交流社区
- * 
- * github地址: https://github.com/icindy/wxParse
- * 
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */
-
-function getDefaultOpts(simple) {
-  'use strict';
-
-  var defaultOptions = {
-    omitExtraWLInCodeBlocks: {
-      defaultValue: false,
-      describe: 'Omit the default extra whiteline added to code blocks',
-      type: 'boolean'
-    },
-    noHeaderId: {
-      defaultValue: false,
-      describe: 'Turn on/off generated header id',
-      type: 'boolean'
-    },
-    prefixHeaderId: {
-      defaultValue: false,
-      describe: 'Specify a prefix to generated header ids',
-      type: 'string'
-    },
-    headerLevelStart: {
-      defaultValue: false,
-      describe: 'The header blocks level start',
-      type: 'integer'
-    },
-    parseImgDimensions: {
-      defaultValue: false,
-      describe: 'Turn on/off image dimension parsing',
-      type: 'boolean'
-    },
-    simplifiedAutoLink: {
-      defaultValue: false,
-      describe: 'Turn on/off GFM autolink style',
-      type: 'boolean'
-    },
-    literalMidWordUnderscores: {
-      defaultValue: false,
-      describe: 'Parse midword underscores as literal underscores',
-      type: 'boolean'
-    },
-    strikethrough: {
-      defaultValue: false,
-      describe: 'Turn on/off strikethrough support',
-      type: 'boolean'
-    },
-    tables: {
-      defaultValue: false,
-      describe: 'Turn on/off tables support',
-      type: 'boolean'
-    },
-    tablesHeaderId: {
-      defaultValue: false,
-      describe: 'Add an id to table headers',
-      type: 'boolean'
-    },
-    ghCodeBlocks: {
-      defaultValue: true,
-      describe: 'Turn on/off GFM fenced code blocks support',
-      type: 'boolean'
-    },
-    tasklists: {
-      defaultValue: false,
-      describe: 'Turn on/off GFM tasklist support',
-      type: 'boolean'
-    },
-    smoothLivePreview: {
-      defaultValue: false,
-      describe: 'Prevents weird effects in live previews due to incomplete input',
-      type: 'boolean'
-    },
-    smartIndentationFix: {
-      defaultValue: false,
-      description: 'Tries to smartly fix identation in es6 strings',
-      type: 'boolean'
-    }
-  };
-  if (simple === false) {
-    return JSON.parse(JSON.stringify(defaultOptions));
-  }
-  var ret = {};
-  for (var opt in defaultOptions) {
-    if (defaultOptions.hasOwnProperty(opt)) {
-      ret[opt] = defaultOptions[opt].defaultValue;
-    }
-  }
-  return ret;
-}
-
-/**
- * Created by Tivie on 06-01-2015.
- */
-
-// Private properties
-var showdown = {},
-    parsers = {},
-    extensions = {},
-    globalOptions = getDefaultOpts(true),
-    flavor = {
-      github: {
-        omitExtraWLInCodeBlocks:   true,
-        prefixHeaderId:            'user-content-',
-        simplifiedAutoLink:        true,
-        literalMidWordUnderscores: true,
-        strikethrough:             true,
-        tables:                    true,
-        tablesHeaderId:            true,
-        ghCodeBlocks:              true,
-        tasklists:                 true
-      },
-      vanilla: getDefaultOpts(true)
-    };
-
-/**
- * helper namespace
- * @type {{}}
- */
-showdown.helper = {};
-
-/**
- * TODO LEGACY SUPPORT CODE
- * @type {{}}
- */
-showdown.extensions = {};
-
-/**
- * Set a global option
- * @static
- * @param {string} key
- * @param {*} value
- * @returns {showdown}
- */
-showdown.setOption = function (key, value) {
-  'use strict';
-  globalOptions[key] = value;
-  return this;
-};
-
-/**
- * Get a global option
- * @static
- * @param {string} key
- * @returns {*}
- */
-showdown.getOption = function (key) {
-  'use strict';
-  return globalOptions[key];
-};
-
-/**
- * Get the global options
- * @static
- * @returns {{}}
- */
-showdown.getOptions = function () {
-  'use strict';
-  return globalOptions;
-};
-
-/**
- * Reset global options to the default values
- * @static
- */
-showdown.resetOptions = function () {
-  'use strict';
-  globalOptions = getDefaultOpts(true);
-};
-
-/**
- * Set the flavor showdown should use as default
- * @param {string} name
- */
-showdown.setFlavor = function (name) {
-  'use strict';
-  if (flavor.hasOwnProperty(name)) {
-    var preset = flavor[name];
-    for (var option in preset) {
-      if (preset.hasOwnProperty(option)) {
-        globalOptions[option] = preset[option];
-      }
-    }
-  }
-};
-
-/**
- * Get the default options
- * @static
- * @param {boolean} [simple=true]
- * @returns {{}}
- */
-showdown.getDefaultOptions = function (simple) {
-  'use strict';
-  return getDefaultOpts(simple);
-};
-
-/**
- * Get or set a subParser
- *
- * subParser(name)       - Get a registered subParser
- * subParser(name, func) - Register a subParser
- * @static
- * @param {string} name
- * @param {function} [func]
- * @returns {*}
- */
-showdown.subParser = function (name, func) {
-  'use strict';
-  if (showdown.helper.isString(name)) {
-    if (typeof func !== 'undefined') {
-      parsers[name] = func;
-    } else {
-      if (parsers.hasOwnProperty(name)) {
-        return parsers[name];
-      } else {
-        throw Error('SubParser named ' + name + ' not registered!');
-      }
-    }
-  }
-};
-
-/**
- * Gets or registers an extension
- * @static
- * @param {string} name
- * @param {object|function=} ext
- * @returns {*}
- */
-showdown.extension = function (name, ext) {
-  'use strict';
-
-  if (!showdown.helper.isString(name)) {
-    throw Error('Extension \'name\' must be a string');
-  }
-
-  name = showdown.helper.stdExtName(name);
-
-  // Getter
-  if (showdown.helper.isUndefined(ext)) {
-    if (!extensions.hasOwnProperty(name)) {
-      throw Error('Extension named ' + name + ' is not registered!');
-    }
-    return extensions[name];
-
-    // Setter
-  } else {
-    // Expand extension if it's wrapped in a function
-    if (typeof ext === 'function') {
-      ext = ext();
-    }
-
-    // Ensure extension is an array
-    if (!showdown.helper.isArray(ext)) {
-      ext = [ext];
-    }
-
-    var validExtension = validate(ext, name);
-
-    if (validExtension.valid) {
-      extensions[name] = ext;
-    } else {
-      throw Error(validExtension.error);
-    }
-  }
-};
-
-/**
- * Gets all extensions registered
- * @returns {{}}
- */
-showdown.getAllExtensions = function () {
-  'use strict';
-  return extensions;
-};
-
-/**
- * Remove an extension
- * @param {string} name
- */
-showdown.removeExtension = function (name) {
-  'use strict';
-  delete extensions[name];
-};
-
-/**
- * Removes all extensions
- */
-showdown.resetExtensions = function () {
-  'use strict';
-  extensions = {};
-};
-
-/**
- * Validate extension
- * @param {array} extension
- * @param {string} name
- * @returns {{valid: boolean, error: string}}
- */
-function validate(extension, name) {
-  'use strict';
-
-  var errMsg = (name) ? 'Error in ' + name + ' extension->' : 'Error in unnamed extension',
-    ret = {
-      valid: true,
-      error: ''
-    };
-
-  if (!showdown.helper.isArray(extension)) {
-    extension = [extension];
-  }
-
-  for (var i = 0; i < extension.length; ++i) {
-    var baseMsg = errMsg + ' sub-extension ' + i + ': ',
-        ext = extension[i];
-    if (typeof ext !== 'object') {
-      ret.valid = false;
-      ret.error = baseMsg + 'must be an object, but ' + typeof ext + ' given';
-      return ret;
-    }
-
-    if (!showdown.helper.isString(ext.type)) {
-      ret.valid = false;
-      ret.error = baseMsg + 'property "type" must be a string, but ' + typeof ext.type + ' given';
-      return ret;
-    }
-
-    var type = ext.type = ext.type.toLowerCase();
-
-    // normalize extension type
-    if (type === 'language') {
-      type = ext.type = 'lang';
-    }
-
-    if (type === 'html') {
-      type = ext.type = 'output';
-    }
-
-    if (type !== 'lang' && type !== 'output' && type !== 'listener') {
-      ret.valid = false;
-      ret.error = baseMsg + 'type ' + type + ' is not recognized. Valid values: "lang/language", "output/html" or "listener"';
-      return ret;
-    }
-
-    if (type === 'listener') {
-      if (showdown.helper.isUndefined(ext.listeners)) {
-        ret.valid = false;
-        ret.error = baseMsg + '. Extensions of type "listener" must have a property called "listeners"';
-        return ret;
-      }
-    } else {
-      if (showdown.helper.isUndefined(ext.filter) && showdown.helper.isUndefined(ext.regex)) {
-        ret.valid = false;
-        ret.error = baseMsg + type + ' extensions must define either a "regex" property or a "filter" method';
-        return ret;
-      }
-    }
-
-    if (ext.listeners) {
-      if (typeof ext.listeners !== 'object') {
-        ret.valid = false;
-        ret.error = baseMsg + '"listeners" property must be an object but ' + typeof ext.listeners + ' given';
-        return ret;
-      }
-      for (var ln in ext.listeners) {
-        if (ext.listeners.hasOwnProperty(ln)) {
-          if (typeof ext.listeners[ln] !== 'function') {
-            ret.valid = false;
-            ret.error = baseMsg + '"listeners" property must be an hash of [event name]: [callback]. listeners.' + ln +
-              ' must be a function but ' + typeof ext.listeners[ln] + ' given';
-            return ret;
-          }
-        }
-      }
-    }
-
-    if (ext.filter) {
-      if (typeof ext.filter !== 'function') {
-        ret.valid = false;
-        ret.error = baseMsg + '"filter" must be a function, but ' + typeof ext.filter + ' given';
-        return ret;
-      }
-    } else if (ext.regex) {
-      if (showdown.helper.isString(ext.regex)) {
-        ext.regex = new RegExp(ext.regex, 'g');
-      }
-      if (!ext.regex instanceof RegExp) {
-        ret.valid = false;
-        ret.error = baseMsg + '"regex" property must either be a string or a RegExp object, but ' + typeof ext.regex + ' given';
-        return ret;
-      }
-      if (showdown.helper.isUndefined(ext.replace)) {
-        ret.valid = false;
-        ret.error = baseMsg + '"regex" extensions must implement a replace string or function';
-        return ret;
-      }
-    }
-  }
-  return ret;
-}
-
-/**
- * Validate extension
- * @param {object} ext
- * @returns {boolean}
- */
-showdown.validateExtension = function (ext) {
-  'use strict';
-
-  var validateExtension = validate(ext, null);
-  if (!validateExtension.valid) {
-    console.warn(validateExtension.error);
-    return false;
-  }
-  return true;
-};
-
-/**
- * showdownjs helper functions
- */
-
-if (!showdown.hasOwnProperty('helper')) {
-  showdown.helper = {};
-}
-
-/**
- * Check if var is string
- * @static
- * @param {string} a
- * @returns {boolean}
- */
-showdown.helper.isString = function isString(a) {
-  'use strict';
-  return (typeof a === 'string' || a instanceof String);
-};
-
-/**
- * Check if var is a function
- * @static
- * @param {string} a
- * @returns {boolean}
- */
-showdown.helper.isFunction = function isFunction(a) {
-  'use strict';
-  var getType = {};
-  return a && getType.toString.call(a) === '[object Function]';
-};
-
-/**
- * ForEach helper function
- * @static
- * @param {*} obj
- * @param {function} callback
- */
-showdown.helper.forEach = function forEach(obj, callback) {
-  'use strict';
-  if (typeof obj.forEach === 'function') {
-    obj.forEach(callback);
-  } else {
-    for (var i = 0; i < obj.length; i++) {
-      callback(obj[i], i, obj);
-    }
-  }
-};
-
-/**
- * isArray helper function
- * @static
- * @param {*} a
- * @returns {boolean}
- */
-showdown.helper.isArray = function isArray(a) {
-  'use strict';
-  return a.constructor === Array;
-};
-
-/**
- * Check if value is undefined
- * @static
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.
- */
-showdown.helper.isUndefined = function isUndefined(value) {
-  'use strict';
-  return typeof value === 'undefined';
-};
-
-/**
- * Standardidize extension name
- * @static
- * @param {string} s extension name
- * @returns {string}
- */
-showdown.helper.stdExtName = function (s) {
-  'use strict';
-  return s.replace(/[_-]||\s/g, '').toLowerCase();
-};
-
-function escapeCharactersCallback(wholeMatch, m1) {
-  'use strict';
-  var charCodeToEscape = m1.charCodeAt(0);
-  return '~E' + charCodeToEscape + 'E';
-}
-
-/**
- * Callback used to escape characters when passing through String.replace
- * @static
- * @param {string} wholeMatch
- * @param {string} m1
- * @returns {string}
- */
-showdown.helper.escapeCharactersCallback = escapeCharactersCallback;
-
-/**
- * Escape characters in a string
- * @static
- * @param {string} text
- * @param {string} charsToEscape
- * @param {boolean} afterBackslash
- * @returns {XML|string|void|*}
- */
-showdown.helper.escapeCharacters = function escapeCharacters(text, charsToEscape, afterBackslash) {
-  'use strict';
-  // First we have to escape the escape characters so that
-  // we can build a character class out of them
-  var regexString = '([' + charsToEscape.replace(/([\[\]\\])/g, '\\$1') + '])';
-
-  if (afterBackslash) {
-    regexString = '\\\\' + regexString;
-  }
-
-  var regex = new RegExp(regexString, 'g');
-  text = text.replace(regex, escapeCharactersCallback);
-
-  return text;
-};
-
-var rgxFindMatchPos = function (str, left, right, flags) {
-  'use strict';
-  var f = flags || '',
-    g = f.indexOf('g') > -1,
-    x = new RegExp(left + '|' + right, 'g' + f.replace(/g/g, '')),
-    l = new RegExp(left, f.replace(/g/g, '')),
-    pos = [],
-    t, s, m, start, end;
-
-  do {
-    t = 0;
-    while ((m = x.exec(str))) {
-      if (l.test(m[0])) {
-        if (!(t++)) {
-          s = x.lastIndex;
-          start = s - m[0].length;
-        }
-      } else if (t) {
-        if (!--t) {
-          end = m.index + m[0].length;
-          var obj = {
-            left: {start: start, end: s},
-            match: {start: s, end: m.index},
-            right: {start: m.index, end: end},
-            wholeMatch: {start: start, end: end}
-          };
-          pos.push(obj);
-          if (!g) {
-            return pos;
-          }
-        }
-      }
-    }
-  } while (t && (x.lastIndex = s));
-
-  return pos;
-};
-
-/**
- * matchRecursiveRegExp
- *
- * (c) 2007 Steven Levithan <stevenlevithan.com>
- * MIT License
- *
- * Accepts a string to search, a left and right format delimiter
- * as regex patterns, and optional regex flags. Returns an array
- * of matches, allowing nested instances of left/right delimiters.
- * Use the "g" flag to return all matches, otherwise only the
- * first is returned. Be careful to ensure that the left and
- * right format delimiters produce mutually exclusive matches.
- * Backreferences are not supported within the right delimiter
- * due to how it is internally combined with the left delimiter.
- * When matching strings whose format delimiters are unbalanced
- * to the left or right, the output is intentionally as a
- * conventional regex library with recursion support would
- * produce, e.g. "<<x>" and "<x>>" both produce ["x"] when using
- * "<" and ">" as the delimiters (both strings contain a single,
- * balanced instance of "<x>").
- *
- * examples:
- * matchRecursiveRegExp("test", "\\(", "\\)")
- * returns: []
- * matchRecursiveRegExp("<t<<e>><s>>t<>", "<", ">", "g")
- * returns: ["t<<e>><s>", ""]
- * matchRecursiveRegExp("<div id=\"x\">test</div>", "<div\\b[^>]*>", "</div>", "gi")
- * returns: ["test"]
- */
-showdown.helper.matchRecursiveRegExp = function (str, left, right, flags) {
-  'use strict';
-
-  var matchPos = rgxFindMatchPos (str, left, right, flags),
-    results = [];
-
-  for (var i = 0; i < matchPos.length; ++i) {
-    results.push([
-      str.slice(matchPos[i].wholeMatch.start, matchPos[i].wholeMatch.end),
-      str.slice(matchPos[i].match.start, matchPos[i].match.end),
-      str.slice(matchPos[i].left.start, matchPos[i].left.end),
-      str.slice(matchPos[i].right.start, matchPos[i].right.end)
-    ]);
-  }
-  return results;
-};
-
-/**
- *
- * @param {string} str
- * @param {string|function} replacement
- * @param {string} left
- * @param {string} right
- * @param {string} flags
- * @returns {string}
- */
-showdown.helper.replaceRecursiveRegExp = function (str, replacement, left, right, flags) {
-  'use strict';
-
-  if (!showdown.helper.isFunction(replacement)) {
-    var repStr = replacement;
-    replacement = function () {
-      return repStr;
-    };
-  }
-
-  var matchPos = rgxFindMatchPos(str, left, right, flags),
-      finalStr = str,
-      lng = matchPos.length;
-
-  if (lng > 0) {
-    var bits = [];
-    if (matchPos[0].wholeMatch.start !== 0) {
-      bits.push(str.slice(0, matchPos[0].wholeMatch.start));
-    }
-    for (var i = 0; i < lng; ++i) {
-      bits.push(
-        replacement(
-          str.slice(matchPos[i].wholeMatch.start, matchPos[i].wholeMatch.end),
-          str.slice(matchPos[i].match.start, matchPos[i].match.end),
-          str.slice(matchPos[i].left.start, matchPos[i].left.end),
-          str.slice(matchPos[i].right.start, matchPos[i].right.end)
-        )
-      );
-      if (i < lng - 1) {
-        bits.push(str.slice(matchPos[i].wholeMatch.end, matchPos[i + 1].wholeMatch.start));
-      }
-    }
-    if (matchPos[lng - 1].wholeMatch.end < str.length) {
-      bits.push(str.slice(matchPos[lng - 1].wholeMatch.end));
-    }
-    finalStr = bits.join('');
-  }
-  return finalStr;
-};
-
-/**
- * POLYFILLS
- */
-if (showdown.helper.isUndefined(console)) {
-  console = {
-    warn: function (msg) {
-      'use strict';
-      alert(msg);
-    },
-    log: function (msg) {
-      'use strict';
-      alert(msg);
-    },
-    error: function (msg) {
-      'use strict';
-      throw msg;
-    }
-  };
-}
-
-/**
- * Created by Estevao on 31-05-2015.
- */
-
-/**
- * Showdown Converter class
- * @class
- * @param {object} [converterOptions]
- * @returns {Converter}
- */
-showdown.Converter = function (converterOptions) {
-  'use strict';
-
-  var
-      /**
-       * Options used by this converter
-       * @private
-       * @type {{}}
-       */
-      options = {},
-
-      /**
-       * Language extensions used by this converter
-       * @private
-       * @type {Array}
-       */
-      langExtensions = [],
-
-      /**
-       * Output modifiers extensions used by this converter
-       * @private
-       * @type {Array}
-       */
-      outputModifiers = [],
-
-      /**
-       * Event listeners
-       * @private
-       * @type {{}}
-       */
-      listeners = {};
-
-  _constructor();
-
-  /**
-   * Converter constructor
-   * @private
-   */
-  function _constructor() {
-    converterOptions = converterOptions || {};
-
-    for (var gOpt in globalOptions) {
-      if (globalOptions.hasOwnProperty(gOpt)) {
-        options[gOpt] = globalOptions[gOpt];
-      }
-    }
-
-    // Merge options
-    if (typeof converterOptions === 'object') {
-      for (var opt in converterOptions) {
-        if (converterOptions.hasOwnProperty(opt)) {
-          options[opt] = converterOptions[opt];
-        }
-      }
-    } else {
-      throw Error('Converter expects the passed parameter to be an object, but ' + typeof converterOptions +
-      ' was passed instead.');
-    }
-
-    if (options.extensions) {
-      showdown.helper.forEach(options.extensions, _parseExtension);
-    }
-  }
-
-  /**
-   * Parse extension
-   * @param {*} ext
-   * @param {string} [name='']
-   * @private
-   */
-  function _parseExtension(ext, name) {
-
-    name = name || null;
-    // If it's a string, the extension was previously loaded
-    if (showdown.helper.isString(ext)) {
-      ext = showdown.helper.stdExtName(ext);
-      name = ext;
-
-      // LEGACY_SUPPORT CODE
-      if (showdown.extensions[ext]) {
-        console.warn('DEPRECATION WARNING: ' + ext + ' is an old extension that uses a deprecated loading method.' +
-          'Please inform the developer that the extension should be updated!');
-        legacyExtensionLoading(showdown.extensions[ext], ext);
-        return;
-      // END LEGACY SUPPORT CODE
-
-      } else if (!showdown.helper.isUndefined(extensions[ext])) {
-        ext = extensions[ext];
-
-      } else {
-        throw Error('Extension "' + ext + '" could not be loaded. It was either not found or is not a valid extension.');
-      }
-    }
-
-    if (typeof ext === 'function') {
-      ext = ext();
-    }
-
-    if (!showdown.helper.isArray(ext)) {
-      ext = [ext];
-    }
-
-    var validExt = validate(ext, name);
-    if (!validExt.valid) {
-      throw Error(validExt.error);
-    }
-
-    for (var i = 0; i < ext.length; ++i) {
-      switch (ext[i].type) {
-
-        case 'lang':
-          langExtensions.push(ext[i]);
-          break;
-
-        case 'output':
-          outputModifiers.push(ext[i]);
-          break;
-      }
-      if (ext[i].hasOwnProperty(listeners)) {
-        for (var ln in ext[i].listeners) {
-          if (ext[i].listeners.hasOwnProperty(ln)) {
-            listen(ln, ext[i].listeners[ln]);
-          }
-        }
-      }
-    }
-
-  }
-
-  /**
-   * LEGACY_SUPPORT
-   * @param {*} ext
-   * @param {string} name
-   */
-  function legacyExtensionLoading(ext, name) {
-    if (typeof ext === 'function') {
-      ext = ext(new showdown.Converter());
-    }
-    if (!showdown.helper.isArray(ext)) {
-      ext = [ext];
-    }
-    var valid = validate(ext, name);
-
-    if (!valid.valid) {
-      throw Error(valid.error);
-    }
-
-    for (var i = 0; i < ext.length; ++i) {
-      switch (ext[i].type) {
-        case 'lang':
-          langExtensions.push(ext[i]);
-          break;
-        case 'output':
-          outputModifiers.push(ext[i]);
-          break;
-        default:// should never reach here
-          throw Error('Extension loader error: Type unrecognized!!!');
-      }
-    }
-  }
-
-  /**
-   * Listen to an event
-   * @param {string} name
-   * @param {function} callback
-   */
-  function listen(name, callback) {
-    if (!showdown.helper.isString(name)) {
-      throw Error('Invalid argument in converter.listen() method: name must be a string, but ' + typeof name + ' given');
-    }
-
-    if (typeof callback !== 'function') {
-      throw Error('Invalid argument in converter.listen() method: callback must be a function, but ' + typeof callback + ' given');
-    }
-
-    if (!listeners.hasOwnProperty(name)) {
-      listeners[name] = [];
-    }
-    listeners[name].push(callback);
-  }
-
-  function rTrimInputText(text) {
-    var rsp = text.match(/^\s*/)[0].length,
-        rgx = new RegExp('^\\s{0,' + rsp + '}', 'gm');
-    return text.replace(rgx, '');
-  }
-
-  /**
-   * Dispatch an event
-   * @private
-   * @param {string} evtName Event name
-   * @param {string} text Text
-   * @param {{}} options Converter Options
-   * @param {{}} globals
-   * @returns {string}
-   */
-  this._dispatch = function dispatch (evtName, text, options, globals) {
-    if (listeners.hasOwnProperty(evtName)) {
-      for (var ei = 0; ei < listeners[evtName].length; ++ei) {
-        var nText = listeners[evtName][ei](evtName, text, this, options, globals);
-        if (nText && typeof nText !== 'undefined') {
-          text = nText;
-        }
-      }
-    }
-    return text;
-  };
-
-  /**
-   * Listen to an event
-   * @param {string} name
-   * @param {function} callback
-   * @returns {showdown.Converter}
-   */
-  this.listen = function (name, callback) {
-    listen(name, callback);
-    return this;
-  };
-
-  /**
-   * Converts a markdown string into HTML
-   * @param {string} text
-   * @returns {*}
-   */
-  this.makeHtml = function (text) {
-    //check if text is not falsy
-    if (!text) {
-      return text;
-    }
-
-    var globals = {
-      gHtmlBlocks:     [],
-      gHtmlMdBlocks:   [],
-      gHtmlSpans:      [],
-      gUrls:           {},
-      gTitles:         {},
-      gDimensions:     {},
-      gListLevel:      0,
-      hashLinkCounts:  {},
-      langExtensions:  langExtensions,
-      outputModifiers: outputModifiers,
-      converter:       this,
-      ghCodeBlocks:    []
-    };
-
-    // attacklab: Replace ~ with ~T
-    // This lets us use tilde as an escape char to avoid md5 hashes
-    // The choice of character is arbitrary; anything that isn't
-    // magic in Markdown will work.
-    text = text.replace(/~/g, '~T');
-
-    // attacklab: Replace $ with ~D
-    // RegExp interprets $ as a special character
-    // when it's in a replacement string
-    text = text.replace(/\$/g, '~D');
-
-    // Standardize line endings
-    text = text.replace(/\r\n/g, '\n'); // DOS to Unix
-    text = text.replace(/\r/g, '\n'); // Mac to Unix
-
-    if (options.smartIndentationFix) {
-      text = rTrimInputText(text);
-    }
-
-    // Make sure text begins and ends with a couple of newlines:
-    //text = '\n\n' + text + '\n\n';
-    text = text;
-    // detab
-    text = showdown.subParser('detab')(text, options, globals);
-
-    // stripBlankLines
-    text = showdown.subParser('stripBlankLines')(text, options, globals);
-
-    //run languageExtensions
-    showdown.helper.forEach(langExtensions, function (ext) {
-      text = showdown.subParser('runExtension')(ext, text, options, globals);
-    });
-
-    // run the sub parsers
-    text = showdown.subParser('hashPreCodeTags')(text, options, globals);
-    text = showdown.subParser('githubCodeBlocks')(text, options, globals);
-    text = showdown.subParser('hashHTMLBlocks')(text, options, globals);
-    text = showdown.subParser('hashHTMLSpans')(text, options, globals);
-    text = showdown.subParser('stripLinkDefinitions')(text, options, globals);
-    text = showdown.subParser('blockGamut')(text, options, globals);
-    text = showdown.subParser('unhashHTMLSpans')(text, options, globals);
-    text = showdown.subParser('unescapeSpecialChars')(text, options, globals);
-
-    // attacklab: Restore dollar signs
-    text = text.replace(/~D/g, '$$');
-
-    // attacklab: Restore tildes
-    text = text.replace(/~T/g, '~');
-
-    // Run output modifiers
-    showdown.helper.forEach(outputModifiers, function (ext) {
-      text = showdown.subParser('runExtension')(ext, text, options, globals);
-    });
-    return text;
-  };
-
-  /**
-   * Set an option of this Converter instance
-   * @param {string} key
-   * @param {*} value
-   */
-  this.setOption = function (key, value) {
-    options[key] = value;
-  };
-
-  /**
-   * Get the option of this Converter instance
-   * @param {string} key
-   * @returns {*}
-   */
-  this.getOption = function (key) {
-    return options[key];
-  };
-
-  /**
-   * Get the options of this Converter instance
-   * @returns {{}}
-   */
-  this.getOptions = function () {
-    return options;
-  };
-
-  /**
-   * Add extension to THIS converter
-   * @param {{}} extension
-   * @param {string} [name=null]
-   */
-  this.addExtension = function (extension, name) {
-    name = name || null;
-    _parseExtension(extension, name);
-  };
-
-  /**
-   * Use a global registered extension with THIS converter
-   * @param {string} extensionName Name of the previously registered extension
-   */
-  this.useExtension = function (extensionName) {
-    _parseExtension(extensionName);
-  };
-
-  /**
-   * Set the flavor THIS converter should use
-   * @param {string} name
-   */
-  this.setFlavor = function (name) {
-    if (flavor.hasOwnProperty(name)) {
-      var preset = flavor[name];
-      for (var option in preset) {
-        if (preset.hasOwnProperty(option)) {
-          options[option] = preset[option];
-        }
-      }
-    }
-  };
-
-  /**
-   * Remove an extension from THIS converter.
-   * Note: This is a costly operation. It's better to initialize a new converter
-   * and specify the extensions you wish to use
-   * @param {Array} extension
-   */
-  this.removeExtension = function (extension) {
-    if (!showdown.helper.isArray(extension)) {
-      extension = [extension];
-    }
-    for (var a = 0; a < extension.length; ++a) {
-      var ext = extension[a];
-      for (var i = 0; i < langExtensions.length; ++i) {
-        if (langExtensions[i] === ext) {
-          langExtensions[i].splice(i, 1);
-        }
-      }
-      for (var ii = 0; ii < outputModifiers.length; ++i) {
-        if (outputModifiers[ii] === ext) {
-          outputModifiers[ii].splice(i, 1);
-        }
-      }
-    }
-  };
-
-  /**
-   * Get all extension of THIS converter
-   * @returns {{language: Array, output: Array}}
-   */
-  this.getAllExtensions = function () {
-    return {
-      language: langExtensions,
-      output: outputModifiers
-    };
-  };
-};
-
-/**
- * Turn Markdown link shortcuts into XHTML <a> tags.
- */
-showdown.subParser('anchors', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('anchors.before', text, options, globals);
-
-  var writeAnchorTag = function (wholeMatch, m1, m2, m3, m4, m5, m6, m7) {
-    if (showdown.helper.isUndefined(m7)) {
-      m7 = '';
-    }
-    wholeMatch = m1;
-    var linkText = m2,
-        linkId = m3.toLowerCase(),
-        url = m4,
-        title = m7;
-
-    if (!url) {
-      if (!linkId) {
-        // lower-case and turn embedded newlines into spaces
-        linkId = linkText.toLowerCase().replace(/ ?\n/g, ' ');
-      }
-      url = '#' + linkId;
-
-      if (!showdown.helper.isUndefined(globals.gUrls[linkId])) {
-        url = globals.gUrls[linkId];
-        if (!showdown.helper.isUndefined(globals.gTitles[linkId])) {
-          title = globals.gTitles[linkId];
-        }
-      } else {
-        if (wholeMatch.search(/\(\s*\)$/m) > -1) {
-          // Special case for explicit empty url
-          url = '';
-        } else {
-          return wholeMatch;
-        }
-      }
-    }
-
-    url = showdown.helper.escapeCharacters(url, '*_', false);
-    var result = '<a href="' + url + '"';
-
-    if (title !== '' && title !== null) {
-      title = title.replace(/"/g, '&quot;');
-      title = showdown.helper.escapeCharacters(title, '*_', false);
-      result += ' title="' + title + '"';
-    }
-
-    result += '>' + linkText + '</a>';
-
-    return result;
-  };
-
-  // First, handle reference-style links: [link text] [id]
-  /*
-   text = text.replace(/
-   (							// wrap whole match in $1
-   \[
-   (
-   (?:
-   \[[^\]]*\]		// allow brackets nested one level
-   |
-   [^\[]			// or anything else
-   )*
-   )
-   \]
-
-   [ ]?					// one optional space
-   (?:\n[ ]*)?				// one optional newline followed by spaces
-
-   \[
-   (.*?)					// id = $3
-   \]
-   )()()()()					// pad remaining backreferences
-   /g,_DoAnchors_callback);
-   */
-  text = text.replace(/(\[((?:\[[^\]]*]|[^\[\]])*)][ ]?(?:\n[ ]*)?\[(.*?)])()()()()/g, writeAnchorTag);
-
-  //
-  // Next, inline-style links: [link text](url "optional title")
-  //
-
-  /*
-   text = text.replace(/
-   (						// wrap whole match in $1
-   \[
-   (
-   (?:
-   \[[^\]]*\]	// allow brackets nested one level
-   |
-   [^\[\]]			// or anything else
-   )
-   )
-   \]
-   \(						// literal paren
-   [ \t]*
-   ()						// no id, so leave $3 empty
-   <?(.*?)>?				// href = $4
-   [ \t]*
-   (						// $5
-   (['"])				// quote char = $6
-   (.*?)				// Title = $7
-   \6					// matching quote
-   [ \t]*				// ignore any spaces/tabs between closing quote and )
-   )?						// title is optional
-   \)
-   )
-   /g,writeAnchorTag);
-   */
-  text = text.replace(/(\[((?:\[[^\]]*]|[^\[\]])*)]\([ \t]*()<?(.*?(?:\(.*?\).*?)?)>?[ \t]*((['"])(.*?)\6[ \t]*)?\))/g,
-                      writeAnchorTag);
-
-  //
-  // Last, handle reference-style shortcuts: [link text]
-  // These must come last in case you've also got [link test][1]
-  // or [link test](/foo)
-  //
-
-  /*
-   text = text.replace(/
-   (                // wrap whole match in $1
-   \[
-   ([^\[\]]+)       // link text = $2; can't contain '[' or ']'
-   \]
-   )()()()()()      // pad rest of backreferences
-   /g, writeAnchorTag);
-   */
-  text = text.replace(/(\[([^\[\]]+)])()()()()()/g, writeAnchorTag);
-
-  text = globals.converter._dispatch('anchors.after', text, options, globals);
-  return text;
-});
-
-showdown.subParser('autoLinks', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('autoLinks.before', text, options, globals);
-
-  var simpleURLRegex  = /\b(((https?|ftp|dict):\/\/|www\.)[^'">\s]+\.[^'">\s]+)(?=\s|$)(?!["<>])/gi,
-      delimUrlRegex   = /<(((https?|ftp|dict):\/\/|www\.)[^'">\s]+)>/gi,
-      simpleMailRegex = /(?:^|[ \n\t])([A-Za-z0-9!#$%&'*+-/=?^_`\{|}~\.]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)(?:$|[ \n\t])/gi,
-      delimMailRegex  = /<(?:mailto:)?([-.\w]+@[-a-z0-9]+(\.[-a-z0-9]+)*\.[a-z]+)>/gi;
-
-  text = text.replace(delimUrlRegex, replaceLink);
-  text = text.replace(delimMailRegex, replaceMail);
-  // simpleURLRegex  = /\b(((https?|ftp|dict):\/\/|www\.)[-.+~:?#@!$&'()*,;=[\]\w]+)\b/gi,
-  // Email addresses: <address@domain.foo>
-
-  if (options.simplifiedAutoLink) {
-    text = text.replace(simpleURLRegex, replaceLink);
-    text = text.replace(simpleMailRegex, replaceMail);
-  }
-
-  function replaceLink(wm, link) {
-    var lnkTxt = link;
-    if (/^www\./i.test(link)) {
-      link = link.replace(/^www\./i, 'http://www.');
-    }
-    return '<a href="' + link + '">' + lnkTxt + '</a>';
-  }
-
-  function replaceMail(wholeMatch, m1) {
-    var unescapedStr = showdown.subParser('unescapeSpecialChars')(m1);
-    return showdown.subParser('encodeEmailAddress')(unescapedStr);
-  }
-
-  text = globals.converter._dispatch('autoLinks.after', text, options, globals);
-
-  return text;
-});
-
-/**
- * These are all the transformations that form block-level
- * tags like paragraphs, headers, and list items.
- */
-showdown.subParser('blockGamut', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('blockGamut.before', text, options, globals);
-
-  // we parse blockquotes first so that we can have headings and hrs
-  // inside blockquotes
-  text = showdown.subParser('blockQuotes')(text, options, globals);
-  text = showdown.subParser('headers')(text, options, globals);
-
-  // Do Horizontal Rules:
-  var key = showdown.subParser('hashBlock')('<hr />', options, globals);
-  text = text.replace(/^[ ]{0,2}([ ]?\*[ ]?){3,}[ \t]*$/gm, key);
-  text = text.replace(/^[ ]{0,2}([ ]?\-[ ]?){3,}[ \t]*$/gm, key);
-  text = text.replace(/^[ ]{0,2}([ ]?_[ ]?){3,}[ \t]*$/gm, key);
-
-  text = showdown.subParser('lists')(text, options, globals);
-  text = showdown.subParser('codeBlocks')(text, options, globals);
-  text = showdown.subParser('tables')(text, options, globals);
-
-  // We already ran _HashHTMLBlocks() before, in Markdown(), but that
-  // was to escape raw HTML in the original Markdown source. This time,
-  // we're escaping the markup we've just created, so that we don't wrap
-  // <p> tags around block-level tags.
-  text = showdown.subParser('hashHTMLBlocks')(text, options, globals);
-  text = showdown.subParser('paragraphs')(text, options, globals);
-
-  text = globals.converter._dispatch('blockGamut.after', text, options, globals);
-
-  return text;
-});
-
-showdown.subParser('blockQuotes', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('blockQuotes.before', text, options, globals);
-  /*
-   text = text.replace(/
-   (								// Wrap whole match in $1
-   (
-   ^[ \t]*>[ \t]?			// '>' at the start of a line
-   .+\n					// rest of the first line
-   (.+\n)*					// subsequent consecutive lines
-   \n*						// blanks
-   )+
-   )
-   /gm, function(){...});
-   */
-
-  text = text.replace(/((^[ \t]{0,3}>[ \t]?.+\n(.+\n)*\n*)+)/gm, function (wholeMatch, m1) {
-    var bq = m1;
-
-    // attacklab: hack around Konqueror 3.5.4 bug:
-    // "----------bug".replace(/^-/g,"") == "bug"
-    bq = bq.replace(/^[ \t]*>[ \t]?/gm, '~0'); // trim one level of quoting
-
-    // attacklab: clean up hack
-    bq = bq.replace(/~0/g, '');
-
-    bq = bq.replace(/^[ \t]+$/gm, ''); // trim whitespace-only lines
-    bq = showdown.subParser('githubCodeBlocks')(bq, options, globals);
-    bq = showdown.subParser('blockGamut')(bq, options, globals); // recurse
-
-    bq = bq.replace(/(^|\n)/g, '$1  ');
-    // These leading spaces screw with <pre> content, so we need to fix that:
-    bq = bq.replace(/(\s*<pre>[^\r]+?<\/pre>)/gm, function (wholeMatch, m1) {
-      var pre = m1;
-      // attacklab: hack around Konqueror 3.5.4 bug:
-      pre = pre.replace(/^  /mg, '~0');
-      pre = pre.replace(/~0/g, '');
-      return pre;
-    });
-
-    return showdown.subParser('hashBlock')('<blockquote>\n' + bq + '\n</blockquote>', options, globals);
-  });
-
-  text = globals.converter._dispatch('blockQuotes.after', text, options, globals);
-  return text;
-});
-
-/**
- * Process Markdown `<pre><code>` blocks.
- */
-showdown.subParser('codeBlocks', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('codeBlocks.before', text, options, globals);
-  /*
-   text = text.replace(text,
-   /(?:\n\n|^)
-   (								// $1 = the code block -- one or more lines, starting with a space/tab
-   (?:
-   (?:[ ]{4}|\t)			// Lines must start with a tab or a tab-width of spaces - attacklab: g_tab_width
-   .*\n+
-   )+
-   )
-   (\n*[ ]{0,3}[^ \t\n]|(?=~0))	// attacklab: g_tab_width
-   /g,function(){...});
-   */
-
-  // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
-  text += '~0';
-
-  var pattern = /(?:\n\n|^)((?:(?:[ ]{4}|\t).*\n+)+)(\n*[ ]{0,3}[^ \t\n]|(?=~0))/g;
-  text = text.replace(pattern, function (wholeMatch, m1, m2) {
-    var codeblock = m1,
-        nextChar = m2,
-        end = '\n';
-
-    codeblock = showdown.subParser('outdent')(codeblock);
-    codeblock = showdown.subParser('encodeCode')(codeblock);
-    codeblock = showdown.subParser('detab')(codeblock);
-    codeblock = codeblock.replace(/^\n+/g, ''); // trim leading newlines
-    codeblock = codeblock.replace(/\n+$/g, ''); // trim trailing newlines
-
-    if (options.omitExtraWLInCodeBlocks) {
-      end = '';
-    }
-
-    codeblock = '<pre><code>' + codeblock + end + '</code></pre>';
-
-    return showdown.subParser('hashBlock')(codeblock, options, globals) + nextChar;
-  });
-
-  // attacklab: strip sentinel
-  text = text.replace(/~0/, '');
-
-  text = globals.converter._dispatch('codeBlocks.after', text, options, globals);
-  return text;
-});
-
-/**
- *
- *   *  Backtick quotes are used for <code></code> spans.
- *
- *   *  You can use multiple backticks as the delimiters if you want to
- *     include literal backticks in the code span. So, this input:
- *
- *         Just type ``foo `bar` baz`` at the prompt.
- *
- *       Will translate to:
- *
- *         <p>Just type <code>foo `bar` baz</code> at the prompt.</p>
- *
- *    There's no arbitrary limit to the number of backticks you
- *    can use as delimters. If you need three consecutive backticks
- *    in your code, use four for delimiters, etc.
- *
- *  *  You can use spaces to get literal backticks at the edges:
- *
- *         ... type `` `bar` `` ...
- *
- *       Turns to:
- *
- *         ... type <code>`bar`</code> ...
- */
-showdown.subParser('codeSpans', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('codeSpans.before', text, options, globals);
-
-  /*
-   text = text.replace(/
-   (^|[^\\])					// Character before opening ` can't be a backslash
-   (`+)						// $2 = Opening run of `
-   (							// $3 = The code block
-   [^\r]*?
-   [^`]					// attacklab: work around lack of lookbehind
-   )
-   \2							// Matching closer
-   (?!`)
-   /gm, function(){...});
-   */
-
-  if (typeof(text) === 'undefined') {
-    text = '';
-  }
-  text = text.replace(/(^|[^\\])(`+)([^\r]*?[^`])\2(?!`)/gm,
-    function (wholeMatch, m1, m2, m3) {
-      var c = m3;
-      c = c.replace(/^([ \t]*)/g, '');	// leading whitespace
-      c = c.replace(/[ \t]*$/g, '');	// trailing whitespace
-      c = showdown.subParser('encodeCode')(c);
-      return m1 + '<code>' + c + '</code>';
-    }
-  );
-
-  text = globals.converter._dispatch('codeSpans.after', text, options, globals);
-  return text;
-});
-
-/**
- * Convert all tabs to spaces
- */
-showdown.subParser('detab', function (text) {
-  'use strict';
-
-  // expand first n-1 tabs
-  text = text.replace(/\t(?=\t)/g, '    '); // g_tab_width
-
-  // replace the nth with two sentinels
-  text = text.replace(/\t/g, '~A~B');
-
-  // use the sentinel to anchor our regex so it doesn't explode
-  text = text.replace(/~B(.+?)~A/g, function (wholeMatch, m1) {
-    var leadingText = m1,
-        numSpaces = 4 - leadingText.length % 4;  // g_tab_width
-
-    // there *must* be a better way to do this:
-    for (var i = 0; i < numSpaces; i++) {
-      leadingText += ' ';
-    }
-
-    return leadingText;
-  });
-
-  // clean up sentinels
-  text = text.replace(/~A/g, '    ');  // g_tab_width
-  text = text.replace(/~B/g, '');
-
-  return text;
-
-});
-
-/**
- * Smart processing for ampersands and angle brackets that need to be encoded.
- */
-showdown.subParser('encodeAmpsAndAngles', function (text) {
-  'use strict';
-  // Ampersand-encoding based entirely on Nat Irons's Amputator MT plugin:
-  // http://bumppo.net/projects/amputator/
-  text = text.replace(/&(?!#?[xX]?(?:[0-9a-fA-F]+|\w+);)/g, '&amp;');
-
-  // Encode naked <'s
-  text = text.replace(/<(?![a-z\/?\$!])/gi, '&lt;');
-
-  return text;
-});
-
-/**
- * Returns the string, with after processing the following backslash escape sequences.
- *
- * attacklab: The polite way to do this is with the new escapeCharacters() function:
- *
- *    text = escapeCharacters(text,"\\",true);
- *    text = escapeCharacters(text,"`*_{}[]()>#+-.!",true);
- *
- * ...but we're sidestepping its use of the (slow) RegExp constructor
- * as an optimization for Firefox.  This function gets called a LOT.
- */
-showdown.subParser('encodeBackslashEscapes', function (text) {
-  'use strict';
-  text = text.replace(/\\(\\)/g, showdown.helper.escapeCharactersCallback);
-  text = text.replace(/\\([`*_{}\[\]()>#+-.!])/g, showdown.helper.escapeCharactersCallback);
-  return text;
-});
-
-/**
- * Encode/escape certain characters inside Markdown code runs.
- * The point is that in code, these characters are literals,
- * and lose their special Markdown meanings.
- */
-showdown.subParser('encodeCode', function (text) {
-  'use strict';
-
-  // Encode all ampersands; HTML entities are not
-  // entities within a Markdown code span.
-  text = text.replace(/&/g, '&amp;');
-
-  // Do the angle bracket song and dance:
-  text = text.replace(/</g, '&lt;');
-  text = text.replace(/>/g, '&gt;');
-
-  // Now, escape characters that are magic in Markdown:
-  text = showdown.helper.escapeCharacters(text, '*_{}[]\\', false);
-
-  // jj the line above breaks this:
-  //---
-  //* Item
-  //   1. Subitem
-  //            special char: *
-  // ---
-
-  return text;
-});
-
-/**
- *  Input: an email address, e.g. "foo@example.com"
- *
- *  Output: the email address as a mailto link, with each character
- *    of the address encoded as either a decimal or hex entity, in
- *    the hopes of foiling most address harvesting spam bots. E.g.:
- *
- *    <a href="&#x6D;&#97;&#105;&#108;&#x74;&#111;:&#102;&#111;&#111;&#64;&#101;
- *       x&#x61;&#109;&#x70;&#108;&#x65;&#x2E;&#99;&#111;&#109;">&#102;&#111;&#111;
- *       &#64;&#101;x&#x61;&#109;&#x70;&#108;&#x65;&#x2E;&#99;&#111;&#109;</a>
- *
- *  Based on a filter by Matthew Wickline, posted to the BBEdit-Talk
- *  mailing list: <http://tinyurl.com/yu7ue>
- *
- */
-showdown.subParser('encodeEmailAddress', function (addr) {
-  'use strict';
-
-  var encode = [
-    function (ch) {
-      return '&#' + ch.charCodeAt(0) + ';';
-    },
-    function (ch) {
-      return '&#x' + ch.charCodeAt(0).toString(16) + ';';
-    },
-    function (ch) {
-      return ch;
-    }
-  ];
-
-  addr = 'mailto:' + addr;
-
-  addr = addr.replace(/./g, function (ch) {
-    if (ch === '@') {
-      // this *must* be encoded. I insist.
-      ch = encode[Math.floor(Math.random() * 2)](ch);
-    } else if (ch !== ':') {
-      // leave ':' alone (to spot mailto: later)
-      var r = Math.random();
-      // roughly 10% raw, 45% hex, 45% dec
-      ch = (
-        r > 0.9 ? encode[2](ch) : r > 0.45 ? encode[1](ch) : encode[0](ch)
-      );
-    }
-    return ch;
-  });
-
-  addr = '<a href="' + addr + '">' + addr + '</a>';
-  addr = addr.replace(/">.+:/g, '">'); // strip the mailto: from the visible part
-
-  return addr;
-});
-
-/**
- * Within tags -- meaning between < and > -- encode [\ ` * _] so they
- * don't conflict with their use in Markdown for code, italics and strong.
- */
-showdown.subParser('escapeSpecialCharsWithinTagAttributes', function (text) {
-  'use strict';
-
-  // Build a regex to find HTML tags and comments.  See Friedl's
-  // "Mastering Regular Expressions", 2nd Ed., pp. 200-201.
-  var regex = /(<[a-z\/!$]("[^"]*"|'[^']*'|[^'">])*>|<!(--.*?--\s*)+>)/gi;
-
-  text = text.replace(regex, function (wholeMatch) {
-    var tag = wholeMatch.replace(/(.)<\/?code>(?=.)/g, '$1`');
-    tag = showdown.helper.escapeCharacters(tag, '\\`*_', false);
-    return tag;
-  });
-
-  return text;
-});
-
-/**
- * Handle github codeblocks prior to running HashHTML so that
- * HTML contained within the codeblock gets escaped properly
- * Example:
- * ```ruby
- *     def hello_world(x)
- *       puts "Hello, #{x}"
- *     end
- * ```
- */
-showdown.subParser('githubCodeBlocks', function (text, options, globals) {
-  'use strict';
-
-  // early exit if option is not enabled
-  if (!options.ghCodeBlocks) {
-    return text;
-  }
-
-  text = globals.converter._dispatch('githubCodeBlocks.before', text, options, globals);
-
-  text += '~0';
-
-  text = text.replace(/(?:^|\n)```(.*)\n([\s\S]*?)\n```/g, function (wholeMatch, language, codeblock) {
-    var end = (options.omitExtraWLInCodeBlocks) ? '' : '\n';
-
-    // First parse the github code block
-    codeblock = showdown.subParser('encodeCode')(codeblock);
-    codeblock = showdown.subParser('detab')(codeblock);
-    codeblock = codeblock.replace(/^\n+/g, ''); // trim leading newlines
-    codeblock = codeblock.replace(/\n+$/g, ''); // trim trailing whitespace
-
-    codeblock = '<pre><code' + (language ? ' class="' + language + ' language-' + language + '"' : '') + '>' + codeblock + end + '</code></pre>';
-
-    codeblock = showdown.subParser('hashBlock')(codeblock, options, globals);
-
-    // Since GHCodeblocks can be false positives, we need to
-    // store the primitive text and the parsed text in a global var,
-    // and then return a token
-    return '\n\n~G' + (globals.ghCodeBlocks.push({text: wholeMatch, codeblock: codeblock}) - 1) + 'G\n\n';
-  });
-
-  // attacklab: strip sentinel
-  text = text.replace(/~0/, '');
-
-  return globals.converter._dispatch('githubCodeBlocks.after', text, options, globals);
-});
-
-showdown.subParser('hashBlock', function (text, options, globals) {
-  'use strict';
-  text = text.replace(/(^\n+|\n+$)/g, '');
-  return '\n\n~K' + (globals.gHtmlBlocks.push(text) - 1) + 'K\n\n';
-});
-
-showdown.subParser('hashElement', function (text, options, globals) {
-  'use strict';
-
-  return function (wholeMatch, m1) {
-    var blockText = m1;
-
-    // Undo double lines
-    blockText = blockText.replace(/\n\n/g, '\n');
-    blockText = blockText.replace(/^\n/, '');
-
-    // strip trailing blank lines
-    blockText = blockText.replace(/\n+$/g, '');
-
-    // Replace the element text with a marker ("~KxK" where x is its key)
-    blockText = '\n\n~K' + (globals.gHtmlBlocks.push(blockText) - 1) + 'K\n\n';
-
-    return blockText;
-  };
-});
-
-showdown.subParser('hashHTMLBlocks', function (text, options, globals) {
-  'use strict';
-
-  var blockTags = [
-      'pre',
-      'div',
-      'h1',
-      'h2',
-      'h3',
-      'h4',
-      'h5',
-      'h6',
-      'blockquote',
-      'table',
-      'dl',
-      'ol',
-      'ul',
-      'script',
-      'noscript',
-      'form',
-      'fieldset',
-      'iframe',
-      'math',
-      'style',
-      'section',
-      'header',
-      'footer',
-      'nav',
-      'article',
-      'aside',
-      'address',
-      'audio',
-      'canvas',
-      'figure',
-      'hgroup',
-      'output',
-      'video',
-      'p'
-    ],
-    repFunc = function (wholeMatch, match, left, right) {
-      var txt = wholeMatch;
-      // check if this html element is marked as markdown
-      // if so, it's contents should be parsed as markdown
-      if (left.search(/\bmarkdown\b/) !== -1) {
-        txt = left + globals.converter.makeHtml(match) + right;
-      }
-      return '\n\n~K' + (globals.gHtmlBlocks.push(txt) - 1) + 'K\n\n';
-    };
-
-  for (var i = 0; i < blockTags.length; ++i) {
-    text = showdown.helper.replaceRecursiveRegExp(text, repFunc, '^(?: |\\t){0,3}<' + blockTags[i] + '\\b[^>]*>', '</' + blockTags[i] + '>', 'gim');
-  }
-
-  // HR SPECIAL CASE
-  text = text.replace(/(\n[ ]{0,3}(<(hr)\b([^<>])*?\/?>)[ \t]*(?=\n{2,}))/g,
-    showdown.subParser('hashElement')(text, options, globals));
-
-  // Special case for standalone HTML comments:
-  text = text.replace(/(<!--[\s\S]*?-->)/g,
-    showdown.subParser('hashElement')(text, options, globals));
-
-  // PHP and ASP-style processor instructions (<?...?> and <%...%>)
-  text = text.replace(/(?:\n\n)([ ]{0,3}(?:<([?%])[^\r]*?\2>)[ \t]*(?=\n{2,}))/g,
-    showdown.subParser('hashElement')(text, options, globals));
-  return text;
-});
-
-/**
- * Hash span elements that should not be parsed as markdown
- */
-showdown.subParser('hashHTMLSpans', function (text, config, globals) {
-  'use strict';
-
-  var matches = showdown.helper.matchRecursiveRegExp(text, '<code\\b[^>]*>', '</code>', 'gi');
-
-  for (var i = 0; i < matches.length; ++i) {
-    text = text.replace(matches[i][0], '~L' + (globals.gHtmlSpans.push(matches[i][0]) - 1) + 'L');
-  }
-  return text;
-});
-
-/**
- * Unhash HTML spans
- */
-showdown.subParser('unhashHTMLSpans', function (text, config, globals) {
-  'use strict';
-
-  for (var i = 0; i < globals.gHtmlSpans.length; ++i) {
-    text = text.replace('~L' + i + 'L', globals.gHtmlSpans[i]);
-  }
-
-  return text;
-});
-
-/**
- * Hash span elements that should not be parsed as markdown
- */
-showdown.subParser('hashPreCodeTags', function (text, config, globals) {
-  'use strict';
-
-  var repFunc = function (wholeMatch, match, left, right) {
-    // encode html entities
-    var codeblock = left + showdown.subParser('encodeCode')(match) + right;
-    return '\n\n~G' + (globals.ghCodeBlocks.push({text: wholeMatch, codeblock: codeblock}) - 1) + 'G\n\n';
-  };
-
-  text = showdown.helper.replaceRecursiveRegExp(text, repFunc, '^(?: |\\t){0,3}<pre\\b[^>]*>\\s*<code\\b[^>]*>', '^(?: |\\t){0,3}</code>\\s*</pre>', 'gim');
-  return text;
-});
-
-showdown.subParser('headers', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('headers.before', text, options, globals);
-
-  var prefixHeader = options.prefixHeaderId,
-      headerLevelStart = (isNaN(parseInt(options.headerLevelStart))) ? 1 : parseInt(options.headerLevelStart),
-
-  // Set text-style headers:
-  //	Header 1
-  //	========
-  //
-  //	Header 2
-  //	--------
-  //
-      setextRegexH1 = (options.smoothLivePreview) ? /^(.+)[ \t]*\n={2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n=+[ \t]*\n+/gm,
-      setextRegexH2 = (options.smoothLivePreview) ? /^(.+)[ \t]*\n-{2,}[ \t]*\n+/gm : /^(.+)[ \t]*\n-+[ \t]*\n+/gm;
-
-  text = text.replace(setextRegexH1, function (wholeMatch, m1) {
-
-    var spanGamut = showdown.subParser('spanGamut')(m1, options, globals),
-        hID = (options.noHeaderId) ? '' : ' id="' + headerId(m1) + '"',
-        hLevel = headerLevelStart,
-        hashBlock = '<h' + hLevel + hID + '>' + spanGamut + '</h' + hLevel + '>';
-    return showdown.subParser('hashBlock')(hashBlock, options, globals);
-  });
-
-  text = text.replace(setextRegexH2, function (matchFound, m1) {
-    var spanGamut = showdown.subParser('spanGamut')(m1, options, globals),
-        hID = (options.noHeaderId) ? '' : ' id="' + headerId(m1) + '"',
-        hLevel = headerLevelStart + 1,
-      hashBlock = '<h' + hLevel + hID + '>' + spanGamut + '</h' + hLevel + '>';
-    return showdown.subParser('hashBlock')(hashBlock, options, globals);
-  });
-
-  // atx-style headers:
-  //  # Header 1
-  //  ## Header 2
-  //  ## Header 2 with closing hashes ##
-  //  ...
-  //  ###### Header 6
-  //
-  text = text.replace(/^(#{1,6})[ \t]*(.+?)[ \t]*#*\n+/gm, function (wholeMatch, m1, m2) {
-    var span = showdown.subParser('spanGamut')(m2, options, globals),
-        hID = (options.noHeaderId) ? '' : ' id="' + headerId(m2) + '"',
-        hLevel = headerLevelStart - 1 + m1.length,
-        header = '<h' + hLevel + hID + '>' + span + '</h' + hLevel + '>';
-
-    return showdown.subParser('hashBlock')(header, options, globals);
-  });
-
-  function headerId(m) {
-    var title, escapedId = m.replace(/[^\w]/g, '').toLowerCase();
-
-    if (globals.hashLinkCounts[escapedId]) {
-      title = escapedId + '-' + (globals.hashLinkCounts[escapedId]++);
-    } else {
-      title = escapedId;
-      globals.hashLinkCounts[escapedId] = 1;
-    }
-
-    // Prefix id to prevent causing inadvertent pre-existing style matches.
-    if (prefixHeader === true) {
-      prefixHeader = 'section';
-    }
-
-    if (showdown.helper.isString(prefixHeader)) {
-      return prefixHeader + title;
-    }
-    return title;
-  }
-
-  text = globals.converter._dispatch('headers.after', text, options, globals);
-  return text;
-});
-
-/**
- * Turn Markdown image shortcuts into <img> tags.
- */
-showdown.subParser('images', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('images.before', text, options, globals);
-
-  var inlineRegExp    = /!\[(.*?)]\s?\([ \t]*()<?(\S+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*(?:(['"])(.*?)\6[ \t]*)?\)/g,
-      referenceRegExp = /!\[([^\]]*?)] ?(?:\n *)?\[(.*?)]()()()()()/g;
-
-  function writeImageTag (wholeMatch, altText, linkId, url, width, height, m5, title) {
-
-    var gUrls   = globals.gUrls,
-        gTitles = globals.gTitles,
-        gDims   = globals.gDimensions;
-
-    linkId = linkId.toLowerCase();
-
-    if (!title) {
-      title = '';
-    }
-
-    if (url === '' || url === null) {
-      if (linkId === '' || linkId === null) {
-        // lower-case and turn embedded newlines into spaces
-        linkId = altText.toLowerCase().replace(/ ?\n/g, ' ');
-      }
-      url = '#' + linkId;
-
-      if (!showdown.helper.isUndefined(gUrls[linkId])) {
-        url = gUrls[linkId];
-        if (!showdown.helper.isUndefined(gTitles[linkId])) {
-          title = gTitles[linkId];
-        }
-        if (!showdown.helper.isUndefined(gDims[linkId])) {
-          width = gDims[linkId].width;
-          height = gDims[linkId].height;
-        }
-      } else {
-        return wholeMatch;
-      }
-    }
-
-    altText = altText.replace(/"/g, '&quot;');
-    altText = showdown.helper.escapeCharacters(altText, '*_', false);
-    url = showdown.helper.escapeCharacters(url, '*_', false);
-    var result = '<img src="' + url + '" alt="' + altText + '"';
-
-    if (title) {
-      title = title.replace(/"/g, '&quot;');
-      title = showdown.helper.escapeCharacters(title, '*_', false);
-      result += ' title="' + title + '"';
-    }
-
-    if (width && height) {
-      width  = (width === '*') ? 'auto' : width;
-      height = (height === '*') ? 'auto' : height;
-
-      result += ' width="' + width + '"';
-      result += ' height="' + height + '"';
-    }
-
-    result += ' />';
-    return result;
-  }
-
-  // First, handle reference-style labeled images: ![alt text][id]
-  text = text.replace(referenceRegExp, writeImageTag);
-
-  // Next, handle inline images:  ![alt text](url =<width>x<height> "optional title")
-  text = text.replace(inlineRegExp, writeImageTag);
-
-  text = globals.converter._dispatch('images.after', text, options, globals);
-  return text;
-});
-
-showdown.subParser('italicsAndBold', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('italicsAndBold.before', text, options, globals);
-
-  if (options.literalMidWordUnderscores) {
-    //underscores
-    // Since we are consuming a \s character, we need to add it
-    text = text.replace(/(^|\s|>|\b)__(?=\S)([\s\S]+?)__(?=\b|<|\s|$)/gm, '$1<strong>$2</strong>');
-    text = text.replace(/(^|\s|>|\b)_(?=\S)([\s\S]+?)_(?=\b|<|\s|$)/gm, '$1<em>$2</em>');
-    //asterisks
-    text = text.replace(/(\*\*)(?=\S)([^\r]*?\S[*]*)\1/g, '<strong>$2</strong>');
-    text = text.replace(/(\*)(?=\S)([^\r]*?\S)\1/g, '<em>$2</em>');
-
-  } else {
-    // <strong> must go first:
-    text = text.replace(/(\*\*|__)(?=\S)([^\r]*?\S[*_]*)\1/g, '<strong>$2</strong>');
-    text = text.replace(/(\*|_)(?=\S)([^\r]*?\S)\1/g, '<em>$2</em>');
-  }
-
-  text = globals.converter._dispatch('italicsAndBold.after', text, options, globals);
-  return text;
-});
-
-/**
- * Form HTML ordered (numbered) and unordered (bulleted) lists.
- */
-showdown.subParser('lists', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('lists.before', text, options, globals);
-  /**
-   * Process the contents of a single ordered or unordered list, splitting it
-   * into individual list items.
-   * @param {string} listStr
-   * @param {boolean} trimTrailing
-   * @returns {string}
-   */
-  function processListItems (listStr, trimTrailing) {
-    // The $g_list_level global keeps track of when we're inside a list.
-    // Each time we enter a list, we increment it; when we leave a list,
-    // we decrement. If it's zero, we're not in a list anymore.
-    //
-    // We do this because when we're not inside a list, we want to treat
-    // something like this:
-    //
-    //    I recommend upgrading to version
-    //    8. Oops, now this line is treated
-    //    as a sub-list.
-    //
-    // As a single paragraph, despite the fact that the second line starts
-    // with a digit-period-space sequence.
-    //
-    // Whereas when we're inside a list (or sub-list), that line will be
-    // treated as the start of a sub-list. What a kludge, huh? This is
-    // an aspect of Markdown's syntax that's hard to parse perfectly
-    // without resorting to mind-reading. Perhaps the solution is to
-    // change the syntax rules such that sub-lists must start with a
-    // starting cardinal number; e.g. "1." or "a.".
-    globals.gListLevel++;
-
-    // trim trailing blank lines:
-    listStr = listStr.replace(/\n{2,}$/, '\n');
-
-    // attacklab: add sentinel to emulate \z
-    listStr += '~0';
-
-    var rgx = /(\n)?(^[ \t]*)([*+-]|\d+[.])[ \t]+((\[(x|X| )?])?[ \t]*[^\r]+?(\n{1,2}))(?=\n*(~0|\2([*+-]|\d+[.])[ \t]+))/gm,
-        isParagraphed = (/\n[ \t]*\n(?!~0)/.test(listStr));
-
-    listStr = listStr.replace(rgx, function (wholeMatch, m1, m2, m3, m4, taskbtn, checked) {
-      checked = (checked && checked.trim() !== '');
-      var item = showdown.subParser('outdent')(m4, options, globals),
-          bulletStyle = '';
-
-      // Support for github tasklists
-      if (taskbtn && options.tasklists) {
-        bulletStyle = ' class="task-list-item" style="list-style-type: none;"';
-        item = item.replace(/^[ \t]*\[(x|X| )?]/m, function () {
-          var otp = '<input type="checkbox" disabled style="margin: 0px 0.35em 0.25em -1.6em; vertical-align: middle;"';
-          if (checked) {
-            otp += ' checked';
-          }
-          otp += '>';
-          return otp;
-        });
-      }
-      // m1 - Leading line or
-      // Has a double return (multi paragraph) or
-      // Has sublist
-      if (m1 || (item.search(/\n{2,}/) > -1)) {
-        item = showdown.subParser('githubCodeBlocks')(item, options, globals);
-        item = showdown.subParser('blockGamut')(item, options, globals);
-      } else {
-        // Recursion for sub-lists:
-        item = showdown.subParser('lists')(item, options, globals);
-        item = item.replace(/\n$/, ''); // chomp(item)
-        if (isParagraphed) {
-          item = showdown.subParser('paragraphs')(item, options, globals);
-        } else {
-          item = showdown.subParser('spanGamut')(item, options, globals);
-        }
-      }
-      item =  '\n<li' + bulletStyle + '>' + item + '</li>\n';
-      return item;
-    });
-
-    // attacklab: strip sentinel
-    listStr = listStr.replace(/~0/g, '');
-
-    globals.gListLevel--;
-
-    if (trimTrailing) {
-      listStr = listStr.replace(/\s+$/, '');
-    }
-
-    return listStr;
-  }
-
-  /**
-   * Check and parse consecutive lists (better fix for issue #142)
-   * @param {string} list
-   * @param {string} listType
-   * @param {boolean} trimTrailing
-   * @returns {string}
-   */
-  function parseConsecutiveLists(list, listType, trimTrailing) {
-    // check if we caught 2 or more consecutive lists by mistake
-    // we use the counterRgx, meaning if listType is UL we look for UL and vice versa
-    var counterRxg = (listType === 'ul') ? /^ {0,2}\d+\.[ \t]/gm : /^ {0,2}[*+-][ \t]/gm,
-      subLists = [],
-      result = '';
-
-    if (list.search(counterRxg) !== -1) {
-      (function parseCL(txt) {
-        var pos = txt.search(counterRxg);
-        if (pos !== -1) {
-          // slice
-          result += '\n\n<' + listType + '>' + processListItems(txt.slice(0, pos), !!trimTrailing) + '</' + listType + '>\n\n';
-
-          // invert counterType and listType
-          listType = (listType === 'ul') ? 'ol' : 'ul';
-          counterRxg = (listType === 'ul') ? /^ {0,2}\d+\.[ \t]/gm : /^ {0,2}[*+-][ \t]/gm;
-
-          //recurse
-          parseCL(txt.slice(pos));
-        } else {
-          result += '\n\n<' + listType + '>' + processListItems(txt, !!trimTrailing) + '</' + listType + '>\n\n';
-        }
-      })(list);
-      for (var i = 0; i < subLists.length; ++i) {
-
-      }
-    } else {
-      result = '\n\n<' + listType + '>' + processListItems(list, !!trimTrailing) + '</' + listType + '>\n\n';
-    }
-
-    return result;
-  }
-
-  // attacklab: add sentinel to hack around khtml/safari bug:
-  // http://bugs.webkit.org/show_bug.cgi?id=11231
-  text += '~0';
-
-  // Re-usable pattern to match any entire ul or ol list:
-  var wholeList = /^(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm;
-
-  if (globals.gListLevel) {
-    text = text.replace(wholeList, function (wholeMatch, list, m2) {
-      var listType = (m2.search(/[*+-]/g) > -1) ? 'ul' : 'ol';
-      return parseConsecutiveLists(list, listType, true);
-    });
-  } else {
-    wholeList = /(\n\n|^\n?)(([ ]{0,3}([*+-]|\d+[.])[ \t]+)[^\r]+?(~0|\n{2,}(?=\S)(?![ \t]*(?:[*+-]|\d+[.])[ \t]+)))/gm;
-    //wholeList = /(\n\n|^\n?)( {0,3}([*+-]|\d+\.)[ \t]+[\s\S]+?)(?=(~0)|(\n\n(?!\t| {2,}| {0,3}([*+-]|\d+\.)[ \t])))/g;
-    text = text.replace(wholeList, function (wholeMatch, m1, list, m3) {
-
-      var listType = (m3.search(/[*+-]/g) > -1) ? 'ul' : 'ol';
-      return parseConsecutiveLists(list, listType);
-    });
-  }
-
-  // attacklab: strip sentinel
-  text = text.replace(/~0/, '');
-
-  text = globals.converter._dispatch('lists.after', text, options, globals);
-  return text;
-});
-
-/**
- * Remove one level of line-leading tabs or spaces
- */
-showdown.subParser('outdent', function (text) {
-  'use strict';
-
-  // attacklab: hack around Konqueror 3.5.4 bug:
-  // "----------bug".replace(/^-/g,"") == "bug"
-  text = text.replace(/^(\t|[ ]{1,4})/gm, '~0'); // attacklab: g_tab_width
-
-  // attacklab: clean up hack
-  text = text.replace(/~0/g, '');
-
-  return text;
-});
-
-/**
- *
- */
-showdown.subParser('paragraphs', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('paragraphs.before', text, options, globals);
-  // Strip leading and trailing lines:
-  text = text.replace(/^\n+/g, '');
-  text = text.replace(/\n+$/g, '');
-
-  var grafs = text.split(/\n{2,}/g),
-      grafsOut = [],
-      end = grafs.length; // Wrap <p> tags
-
-  for (var i = 0; i < end; i++) {
-    var str = grafs[i];
-    // if this is an HTML marker, copy it
-    if (str.search(/~(K|G)(\d+)\1/g) >= 0) {
-      grafsOut.push(str);
-    } else {
-      str = showdown.subParser('spanGamut')(str, options, globals);
-      str = str.replace(/^([ \t]*)/g, '<p>');
-      str += '</p>';
-      grafsOut.push(str);
-    }
-  }
-
-  /** Unhashify HTML blocks */
-  end = grafsOut.length;
-  for (i = 0; i < end; i++) {
-    var blockText = '',
-        grafsOutIt = grafsOut[i],
-        codeFlag = false;
-    // if this is a marker for an html block...
-    while (grafsOutIt.search(/~(K|G)(\d+)\1/) >= 0) {
-      var delim = RegExp.$1,
-          num   = RegExp.$2;
-
-      if (delim === 'K') {
-        blockText = globals.gHtmlBlocks[num];
-      } else {
-        // we need to check if ghBlock is a false positive
-        if (codeFlag) {
-          // use encoded version of all text
-          blockText = showdown.subParser('encodeCode')(globals.ghCodeBlocks[num].text);
-        } else {
-          blockText = globals.ghCodeBlocks[num].codeblock;
-        }
-      }
-      blockText = blockText.replace(/\$/g, '$$$$'); // Escape any dollar signs
-
-      grafsOutIt = grafsOutIt.replace(/(\n\n)?~(K|G)\d+\2(\n\n)?/, blockText);
-      // Check if grafsOutIt is a pre->code
-      if (/^<pre\b[^>]*>\s*<code\b[^>]*>/.test(grafsOutIt)) {
-        codeFlag = true;
-      }
-    }
-    grafsOut[i] = grafsOutIt;
-  }
-  text = grafsOut.join('\n\n');
-  // Strip leading and trailing lines:
-  text = text.replace(/^\n+/g, '');
-  text = text.replace(/\n+$/g, '');
-  return globals.converter._dispatch('paragraphs.after', text, options, globals);
-});
-
-/**
- * Run extension
- */
-showdown.subParser('runExtension', function (ext, text, options, globals) {
-  'use strict';
-
-  if (ext.filter) {
-    text = ext.filter(text, globals.converter, options);
-
-  } else if (ext.regex) {
-    // TODO remove this when old extension loading mechanism is deprecated
-    var re = ext.regex;
-    if (!re instanceof RegExp) {
-      re = new RegExp(re, 'g');
-    }
-    text = text.replace(re, ext.replace);
-  }
-
-  return text;
-});
-
-/**
- * These are all the transformations that occur *within* block-level
- * tags like paragraphs, headers, and list items.
- */
-showdown.subParser('spanGamut', function (text, options, globals) {
-  'use strict';
-
-  text = globals.converter._dispatch('spanGamut.before', text, options, globals);
-  text = showdown.subParser('codeSpans')(text, options, globals);
-  text = showdown.subParser('escapeSpecialCharsWithinTagAttributes')(text, options, globals);
-  text = showdown.subParser('encodeBackslashEscapes')(text, options, globals);
-
-  // Process anchor and image tags. Images must come first,
-  // because ![foo][f] looks like an anchor.
-  text = showdown.subParser('images')(text, options, globals);
-  text = showdown.subParser('anchors')(text, options, globals);
-
-  // Make links out of things like `<http://example.com/>`
-  // Must come after _DoAnchors(), because you can use < and >
-  // delimiters in inline links like [this](<url>).
-  text = showdown.subParser('autoLinks')(text, options, globals);
-  text = showdown.subParser('encodeAmpsAndAngles')(text, options, globals);
-  text = showdown.subParser('italicsAndBold')(text, options, globals);
-  text = showdown.subParser('strikethrough')(text, options, globals);
-
-  // Do hard breaks:
-  text = text.replace(/  +\n/g, ' <br />\n');
-
-  text = globals.converter._dispatch('spanGamut.after', text, options, globals);
-  return text;
-});
-
-showdown.subParser('strikethrough', function (text, options, globals) {
-  'use strict';
-
-  if (options.strikethrough) {
-    text = globals.converter._dispatch('strikethrough.before', text, options, globals);
-    text = text.replace(/(?:~T){2}([\s\S]+?)(?:~T){2}/g, '<del>$1</del>');
-    text = globals.converter._dispatch('strikethrough.after', text, options, globals);
-  }
-
-  return text;
-});
-
-/**
- * Strip any lines consisting only of spaces and tabs.
- * This makes subsequent regexs easier to write, because we can
- * match consecutive blank lines with /\n+/ instead of something
- * contorted like /[ \t]*\n+/
- */
-showdown.subParser('stripBlankLines', function (text) {
-  'use strict';
-  return text.replace(/^[ \t]+$/mg, '');
-});
-
-/**
- * Strips link definitions from text, stores the URLs and titles in
- * hash references.
- * Link defs are in the form: ^[id]: url "optional title"
- *
- * ^[ ]{0,3}\[(.+)\]: // id = $1  attacklab: g_tab_width - 1
- * [ \t]*
- * \n?                  // maybe *one* newline
- * [ \t]*
- * <?(\S+?)>?          // url = $2
- * [ \t]*
- * \n?                // maybe one newline
- * [ \t]*
- * (?:
- * (\n*)              // any lines skipped = $3 attacklab: lookbehind removed
- * ["(]
- * (.+?)              // title = $4
- * [")]
- * [ \t]*
- * )?                 // title is optional
- * (?:\n+|$)
- * /gm,
- * function(){...});
- *
- */
-showdown.subParser('stripLinkDefinitions', function (text, options, globals) {
-  'use strict';
-
-  var regex = /^ {0,3}\[(.+)]:[ \t]*\n?[ \t]*<?(\S+?)>?(?: =([*\d]+[A-Za-z%]{0,4})x([*\d]+[A-Za-z%]{0,4}))?[ \t]*\n?[ \t]*(?:(\n*)["|'(](.+?)["|')][ \t]*)?(?:\n+|(?=~0))/gm;
-
-  // attacklab: sentinel workarounds for lack of \A and \Z, safari\khtml bug
-  text += '~0';
-
-  text = text.replace(regex, function (wholeMatch, linkId, url, width, height, blankLines, title) {
-    linkId = linkId.toLowerCase();
-    globals.gUrls[linkId] = showdown.subParser('encodeAmpsAndAngles')(url);  // Link IDs are case-insensitive
-
-    if (blankLines) {
-      // Oops, found blank lines, so it's not a title.
-      // Put back the parenthetical statement we stole.
-      return blankLines + title;
-
-    } else {
-      if (title) {
-        globals.gTitles[linkId] = title.replace(/"|'/g, '&quot;');
-      }
-      if (options.parseImgDimensions && width && height) {
-        globals.gDimensions[linkId] = {
-          width:  width,
-          height: height
-        };
-      }
-    }
-    // Completely remove the definition from the text
-    return '';
-  });
-
-  // attacklab: strip sentinel
-  text = text.replace(/~0/, '');
-
-  return text;
-});
-
-showdown.subParser('tables', function (text, options, globals) {
-  'use strict';
-
-  if (!options.tables) {
-    return text;
-  }
-
-  var tableRgx = /^[ \t]{0,3}\|?.+\|.+\n[ \t]{0,3}\|?[ \t]*:?[ \t]*(?:-|=){2,}[ \t]*:?[ \t]*\|[ \t]*:?[ \t]*(?:-|=){2,}[\s\S]+?(?:\n\n|~0)/gm;
-
-  function parseStyles(sLine) {
-    if (/^:[ \t]*--*$/.test(sLine)) {
-      return ' style="text-align:left;"';
-    } else if (/^--*[ \t]*:[ \t]*$/.test(sLine)) {
-      return ' style="text-align:right;"';
-    } else if (/^:[ \t]*--*[ \t]*:$/.test(sLine)) {
-      return ' style="text-align:center;"';
-    } else {
-      return '';
-    }
-  }
-
-  function parseHeaders(header, style) {
-    var id = '';
-    header = header.trim();
-    if (options.tableHeaderId) {
-      id = ' id="' + header.replace(/ /g, '_').toLowerCase() + '"';
-    }
-    header = showdown.subParser('spanGamut')(header, options, globals);
-
-    return '<th' + id + style + '>' + header + '</th>\n';
-  }
-
-  function parseCells(cell, style) {
-    var subText = showdown.subParser('spanGamut')(cell, options, globals);
-    return '<td' + style + '>' + subText + '</td>\n';
-  }
-
-  function buildTable(headers, cells) {
-    var tb = '<table>\n<thead>\n<tr>\n',
-        tblLgn = headers.length;
-
-    for (var i = 0; i < tblLgn; ++i) {
-      tb += headers[i];
-    }
-    tb += '</tr>\n</thead>\n<tbody>\n';
-
-    for (i = 0; i < cells.length; ++i) {
-      tb += '<tr>\n';
-      for (var ii = 0; ii < tblLgn; ++ii) {
-        tb += cells[i][ii];
-      }
-      tb += '</tr>\n';
-    }
-    tb += '</tbody>\n</table>\n';
-    return tb;
-  }
-
-  text = globals.converter._dispatch('tables.before', text, options, globals);
-
-  text = text.replace(tableRgx, function (rawTable) {
-
-    var i, tableLines = rawTable.split('\n');
-
-    // strip wrong first and last column if wrapped tables are used
-    for (i = 0; i < tableLines.length; ++i) {
-      if (/^[ \t]{0,3}\|/.test(tableLines[i])) {
-        tableLines[i] = tableLines[i].replace(/^[ \t]{0,3}\|/, '');
-      }
-      if (/\|[ \t]*$/.test(tableLines[i])) {
-        tableLines[i] = tableLines[i].replace(/\|[ \t]*$/, '');
-      }
-    }
-
-    var rawHeaders = tableLines[0].split('|').map(function (s) { return s.trim();}),
-        rawStyles = tableLines[1].split('|').map(function (s) { return s.trim();}),
-        rawCells = [],
-        headers = [],
-        styles = [],
-        cells = [];
-
-    tableLines.shift();
-    tableLines.shift();
-
-    for (i = 0; i < tableLines.length; ++i) {
-      if (tableLines[i].trim() === '') {
-        continue;
-      }
-      rawCells.push(
-        tableLines[i]
-          .split('|')
-          .map(function (s) {
-            return s.trim();
-          })
-      );
-    }
-
-    if (rawHeaders.length < rawStyles.length) {
-      return rawTable;
-    }
-
-    for (i = 0; i < rawStyles.length; ++i) {
-      styles.push(parseStyles(rawStyles[i]));
-    }
-
-    for (i = 0; i < rawHeaders.length; ++i) {
-      if (showdown.helper.isUndefined(styles[i])) {
-        styles[i] = '';
-      }
-      headers.push(parseHeaders(rawHeaders[i], styles[i]));
-    }
-
-    for (i = 0; i < rawCells.length; ++i) {
-      var row = [];
-      for (var ii = 0; ii < headers.length; ++ii) {
-        if (showdown.helper.isUndefined(rawCells[i][ii])) {
-
-        }
-        row.push(parseCells(rawCells[i][ii], styles[ii]));
-      }
-      cells.push(row);
-    }
-
-    return buildTable(headers, cells);
-  });
-
-  text = globals.converter._dispatch('tables.after', text, options, globals);
-
-  return text;
-});
-
-/**
- * Swap back in all the special characters we've hidden.
- */
-showdown.subParser('unescapeSpecialChars', function (text) {
-  'use strict';
-
-  text = text.replace(/~E(\d+)E/g, function (wholeMatch, m1) {
-    var charCodeToReplace = parseInt(m1);
-    return String.fromCharCode(charCodeToReplace);
-  });
-  return text;
-});
-module.exports = showdown;
diff --git a/wxParse/wxDiscode.js b/wxParse/wxDiscode.js
deleted file mode 100644
index fca29bb..0000000
--- a/wxParse/wxDiscode.js
+++ /dev/null
@@ -1,207 +0,0 @@
-// HTML 支持的数学符号
-function strNumDiscode(str){
-    str = str.replace(/&forall;/g, '∀');
-    str = str.replace(/&part;/g, '∂');
-    str = str.replace(/&exists;/g, '∃');
-    str = str.replace(/&empty;/g, '∅');
-    str = str.replace(/&nabla;/g, '∇');
-    str = str.replace(/&isin;/g, '∈');
-    str = str.replace(/&notin;/g, '∉');
-    str = str.replace(/&ni;/g, '∋');
-    str = str.replace(/&prod;/g, '∏');
-    str = str.replace(/&sum;/g, '∑');
-    str = str.replace(/&minus;/g, '−');
-    str = str.replace(/&lowast;/g, '∗');
-    str = str.replace(/&radic;/g, '√');
-    str = str.replace(/&prop;/g, '∝');
-    str = str.replace(/&infin;/g, '∞');
-    str = str.replace(/&ang;/g, '∠');
-    str = str.replace(/&and;/g, '∧');
-    str = str.replace(/&or;/g, '∨');
-    str = str.replace(/&cap;/g, '∩');
-    str = str.replace(/&cap;/g, '∪');
-    str = str.replace(/&int;/g, '∫');
-    str = str.replace(/&there4;/g, '∴');
-    str = str.replace(/&sim;/g, '∼');
-    str = str.replace(/&cong;/g, '≅');
-    str = str.replace(/&asymp;/g, '≈');
-    str = str.replace(/&ne;/g, '≠');
-    str = str.replace(/&le;/g, '≤');
-    str = str.replace(/&ge;/g, '≥');
-    str = str.replace(/&sub;/g, '⊂');
-    str = str.replace(/&sup;/g, '⊃');
-    str = str.replace(/&nsub;/g, '⊄');
-    str = str.replace(/&sube;/g, '⊆');
-    str = str.replace(/&supe;/g, '⊇');
-    str = str.replace(/&oplus;/g, '⊕');
-    str = str.replace(/&otimes;/g, '⊗');
-    str = str.replace(/&perp;/g, '⊥');
-    str = str.replace(/&sdot;/g, '⋅');
-    return str;
-}
-
-//HTML 支持的希腊字母
-function strGreeceDiscode(str){
-    str = str.replace(/&Alpha;/g, 'Α');
-    str = str.replace(/&Beta;/g, 'Β');
-    str = str.replace(/&Gamma;/g, 'Γ');
-    str = str.replace(/&Delta;/g, 'Δ');
-    str = str.replace(/&Epsilon;/g, 'Ε');
-    str = str.replace(/&Zeta;/g, 'Ζ');
-    str = str.replace(/&Eta;/g, 'Η');
-    str = str.replace(/&Theta;/g, 'Θ');
-    str = str.replace(/&Iota;/g, 'Ι');
-    str = str.replace(/&Kappa;/g, 'Κ');
-    str = str.replace(/&Lambda;/g, 'Λ');
-    str = str.replace(/&Mu;/g, 'Μ');
-    str = str.replace(/&Nu;/g, 'Ν');
-    str = str.replace(/&Xi;/g, 'Ν');
-    str = str.replace(/&Omicron;/g, 'Ο');
-    str = str.replace(/&Pi;/g, 'Π');
-    str = str.replace(/&Rho;/g, 'Ρ');
-    str = str.replace(/&Sigma;/g, 'Σ');
-    str = str.replace(/&Tau;/g, 'Τ');
-    str = str.replace(/&Upsilon;/g, 'Υ');
-    str = str.replace(/&Phi;/g, 'Φ');
-    str = str.replace(/&Chi;/g, 'Χ');
-    str = str.replace(/&Psi;/g, 'Ψ');
-    str = str.replace(/&Omega;/g, 'Ω');
-
-    str = str.replace(/&alpha;/g, 'α');
-    str = str.replace(/&beta;/g, 'β');
-    str = str.replace(/&gamma;/g, 'γ');
-    str = str.replace(/&delta;/g, 'δ');
-    str = str.replace(/&epsilon;/g, 'ε');
-    str = str.replace(/&zeta;/g, 'ζ');
-    str = str.replace(/&eta;/g, 'η');
-    str = str.replace(/&theta;/g, 'θ');
-    str = str.replace(/&iota;/g, 'ι');
-    str = str.replace(/&kappa;/g, 'κ');
-    str = str.replace(/&lambda;/g, 'λ');
-    str = str.replace(/&mu;/g, 'μ');
-    str = str.replace(/&nu;/g, 'ν');
-    str = str.replace(/&xi;/g, 'ξ');
-    str = str.replace(/&omicron;/g, 'ο');
-    str = str.replace(/&pi;/g, 'π');
-    str = str.replace(/&rho;/g, 'ρ');
-    str = str.replace(/&sigmaf;/g, 'ς');
-    str = str.replace(/&sigma;/g, 'σ');
-    str = str.replace(/&tau;/g, 'τ');
-    str = str.replace(/&upsilon;/g, 'υ');
-    str = str.replace(/&phi;/g, 'φ');
-    str = str.replace(/&chi;/g, 'χ');
-    str = str.replace(/&psi;/g, 'ψ');
-    str = str.replace(/&omega;/g, 'ω');
-    str = str.replace(/&thetasym;/g, 'ϑ');
-    str = str.replace(/&upsih;/g, 'ϒ');
-    str = str.replace(/&piv;/g, 'ϖ');
-    str = str.replace(/&middot;/g, '·');
-    return str;
-}
-
-// 
-
-function strcharacterDiscode(str){
-    // 加入常用解析
-    str = str.replace(/&nbsp;/g, ' ');
-    str = str.replace(/&quot;/g, "'");
-    str = str.replace(/&amp;/g, '&');
-    // str = str.replace(/&lt;/g, '‹');
-    // str = str.replace(/&gt;/g, '›');
-
-    str = str.replace(/&lt;/g, '<');
-    str = str.replace(/&gt;/g, '>');
-    str = str.replace(/&#8226;/g, '•');
-
-    return str;
-}
-
-// HTML 支持的其他实体
-function strOtherDiscode(str){
-    str = str.replace(/&OElig;/g, 'Œ');
-    str = str.replace(/&oelig;/g, 'œ');
-    str = str.replace(/&Scaron;/g, 'Š');
-    str = str.replace(/&scaron;/g, 'š');
-    str = str.replace(/&Yuml;/g, 'Ÿ');
-    str = str.replace(/&fnof;/g, 'ƒ');
-    str = str.replace(/&circ;/g, 'ˆ');
-    str = str.replace(/&tilde;/g, '˜');
-    str = str.replace(/&ensp;/g, '');
-    str = str.replace(/&emsp;/g, '');
-    str = str.replace(/&thinsp;/g, '');
-    str = str.replace(/&zwnj;/g, '');
-    str = str.replace(/&zwj;/g, '');
-    str = str.replace(/&lrm;/g, '');
-    str = str.replace(/&rlm;/g, '');
-    str = str.replace(/&ndash;/g, '–');
-    str = str.replace(/&mdash;/g, '—');
-    str = str.replace(/&lsquo;/g, '‘');
-    str = str.replace(/&rsquo;/g, '’');
-    str = str.replace(/&sbquo;/g, '‚');
-    str = str.replace(/&ldquo;/g, '“');
-    str = str.replace(/&rdquo;/g, '”');
-    str = str.replace(/&bdquo;/g, '„');
-    str = str.replace(/&dagger;/g, '†');
-    str = str.replace(/&Dagger;/g, '‡');
-    str = str.replace(/&bull;/g, '•');
-    str = str.replace(/&hellip;/g, '…');
-    str = str.replace(/&permil;/g, '‰');
-    str = str.replace(/&prime;/g, '′');
-    str = str.replace(/&Prime;/g, '″');
-    str = str.replace(/&lsaquo;/g, '‹');
-    str = str.replace(/&rsaquo;/g, '›');
-    str = str.replace(/&oline;/g, '‾');
-    str = str.replace(/&euro;/g, '€');
-    str = str.replace(/&trade;/g, '™');
-
-    str = str.replace(/&larr;/g, '←');
-    str = str.replace(/&uarr;/g, '↑');
-    str = str.replace(/&rarr;/g, '→');
-    str = str.replace(/&darr;/g, '↓');
-    str = str.replace(/&harr;/g, '↔');
-    str = str.replace(/&crarr;/g, '↵');
-    str = str.replace(/&lceil;/g, '⌈');
-    str = str.replace(/&rceil;/g, '⌉');
-
-    str = str.replace(/&lfloor;/g, '⌊');
-    str = str.replace(/&rfloor;/g, '⌋');
-    str = str.replace(/&loz;/g, '◊');
-    str = str.replace(/&spades;/g, '♠');
-    str = str.replace(/&clubs;/g, '♣');
-    str = str.replace(/&hearts;/g, '♥');
-
-    str = str.replace(/&diams;/g, '♦');
-    str = str.replace(/&#39;/g, '\'');
-    return str;
-}
-
-function strMoreDiscode(str){
-    str = str.replace(/\r\n/g,"");  
-    str = str.replace(/\n/g,"");
-
-    str = str.replace(/code/g,"wxxxcode-style");
-    return str;
-}
-
-function strDiscode(str){
-    str = strNumDiscode(str);
-    str = strGreeceDiscode(str);
-    str = strcharacterDiscode(str);
-    str = strOtherDiscode(str);
-    str = strMoreDiscode(str);
-    return str;
-}
-function urlToHttpUrl(url,rep){
-    
-    var patt1 = new RegExp("^//");
-    var result = patt1.test(url);
-    if(result){
-        url = rep+":"+url;
-    }
-    return  url;
-}
-
-module.exports = {
-    strDiscode:strDiscode,
-    urlToHttpUrl:urlToHttpUrl
-}
\ No newline at end of file
diff --git a/wxParse/wxParse.js b/wxParse/wxParse.js
deleted file mode 100644
index 379f2f6..0000000
--- a/wxParse/wxParse.js
+++ /dev/null
@@ -1,159 +0,0 @@
-/**
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *               垂直微信小程序开发交流社区
- * 
- * github地址: https://github.com/icindy/wxParse
- * 
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */
-
-/**
- * utils函数引入
- **/
-import showdown from './showdown.js';
-import HtmlToJson from './html2json.js';
-/**
- * 配置及公有属性
- **/
-var realWindowWidth = 0;
-var realWindowHeight = 0;
-wx.getSystemInfo({
-  success: function (res) {
-    realWindowWidth = res.windowWidth
-    realWindowHeight = res.windowHeight
-  }
-})
-/**
- * 主函数入口区
- **/
-function wxParse(bindName = 'wxParseData', type='html', data='<div class="color:red;">数据不能为空</div>', target,imagePadding) {
-  var that = target;
-  var transData = {};//存放转化后的数据
-  if (type == 'html') {
-    transData = HtmlToJson.html2json(data, bindName);
-    console.log(JSON.stringify(transData, ' ', ' '));
-  } else if (type == 'md' || type == 'markdown') {
-    var converter = new showdown.Converter();
-    var html = converter.makeHtml(data);
-    transData = HtmlToJson.html2json(html, bindName);
-    console.log(JSON.stringify(transData, ' ', ' '));
-  }
-  transData.view = {};
-  transData.view.imagePadding = 0;
-  if(typeof(imagePadding) != 'undefined'){
-    transData.view.imagePadding = imagePadding
-  }
-  var bindData = {};
-  bindData[bindName] = transData;
-  that.setData(bindData)
-  that.wxParseImgLoad = wxParseImgLoad;
-  that.wxParseImgTap = wxParseImgTap;
-}
-// 图片点击事件
-function wxParseImgTap(e) {
-  var that = this;
-  var nowImgUrl = e.target.dataset.src;
-  var tagFrom = e.target.dataset.from;
-  if (typeof (tagFrom) != 'undefined' && tagFrom.length > 0) {
-    wx.previewImage({
-      current: nowImgUrl, // 当前显示图片的http链接
-      urls: that.data[tagFrom].imageUrls // 需要预览的图片http链接列表
-    })
-  }
-}
-
-/**
- * 图片视觉宽高计算函数区 
- **/
-function wxParseImgLoad(e) {
-  var that = this;
-  var tagFrom = e.target.dataset.from;
-  var idx = e.target.dataset.idx;
-  if (typeof (tagFrom) != 'undefined' && tagFrom.length > 0) {
-    calMoreImageInfo(e, idx, that, tagFrom)
-  } 
-}
-// 假循环获取计算图片视觉最佳宽高
-function calMoreImageInfo(e, idx, that, bindName) {
-  var temData = that.data[bindName];
-  if (!temData || temData.images.length == 0) {
-    return;
-  }
-  var temImages = temData.images;
-  //因为无法获取view宽度 需要自定义padding进行计算，稍后处理
-  var recal = wxAutoImageCal(e.detail.width, e.detail.height,that,bindName); 
-  // temImages[idx].width = recal.imageWidth;
-  // temImages[idx].height = recal.imageheight; 
-  // temData.images = temImages;
-  // var bindData = {};
-  // bindData[bindName] = temData;
-  // that.setData(bindData);
-  var index = temImages[idx].index
-  var key = `${bindName}`
-  for (var i of index.split('.')) key+=`.nodes[${i}]`
-  var keyW = key + '.width'
-  var keyH = key + '.height'
-  that.setData({
-    [keyW]: recal.imageWidth,
-    [keyH]: recal.imageheight,
-  })
-}
-
-// 计算视觉优先的图片宽高
-function wxAutoImageCal(originalWidth, originalHeight,that,bindName) {
-  //获取图片的原始长宽
-  var windowWidth = 0, windowHeight = 0;
-  var autoWidth = 0, autoHeight = 0;
-  var results = {};
-  var padding = that.data[bindName].view.imagePadding;
-  windowWidth = realWindowWidth-2*padding;
-  windowHeight = realWindowHeight;
-  //判断按照那种方式进行缩放
-  // console.log("windowWidth" + windowWidth);
-  if (originalWidth > windowWidth) {//在图片width大于手机屏幕width时候
-    autoWidth = windowWidth;
-    // console.log("autoWidth" + autoWidth);
-    autoHeight = (autoWidth * originalHeight) / originalWidth;
-    // console.log("autoHeight" + autoHeight);
-    results.imageWidth = autoWidth;
-    results.imageheight = autoHeight;
-  } else {//否则展示原来的数据
-    results.imageWidth = originalWidth;
-    results.imageheight = originalHeight;
-  }
-  return results;
-}
-
-function wxParseTemArray(temArrayName,bindNameReg,total,that){
-  var array = [];
-  var temData = that.data;
-  var obj = null;
-  for(var i = 0; i < total; i++){
-    var simArr = temData[bindNameReg+i].nodes;
-    array.push(simArr);
-  }
-
-  temArrayName = temArrayName || 'wxParseTemArray';
-  obj = JSON.parse('{"'+ temArrayName +'":""}');
-  obj[temArrayName] = array;
-  that.setData(obj);
-}
-
-/**
- * 配置emojis
- * 
- */
-
-function emojisInit(reg='',baseSrc="/wxParse/emojis/",emojis){
-   HtmlToJson.emojisInit(reg,baseSrc,emojis);
-}
-
-module.exports = {
-  wxParse: wxParse,
-  wxParseTemArray:wxParseTemArray,
-  emojisInit:emojisInit
-}
-
-
diff --git a/wxParse/wxParse.wxml b/wxParse/wxParse.wxml
deleted file mode 100644
index 00fa568..0000000
--- a/wxParse/wxParse.wxml
+++ /dev/null
@@ -1,967 +0,0 @@
-<!--**
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *               垂直微信小程序开发交流社区
- * 
- * github地址: https://github.com/icindy/wxParse
- * 
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */-->
-
-<!--基础元素-->
-<template name="wxParseVideo">
-  <!--增加video标签支持，并循环添加-->
-  <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-    <video class="{{item.classStr}} wxParse-{{item.tag}}-video" src="{{item.attr.src}}"></video>
-  </view>
-</template>
-
-<template name="wxParseImg">
-  <image class="{{item.classStr}} wxParse-{{item.tag}}" data-from="{{item.from}}" data-src="{{item.attr.src}}" data-idx="{{item.imgIndex}}" src="{{item.attr.src}}" mode="aspectFit" bindload="wxParseImgLoad" bindtap="wxParseImgTap" mode="widthFix" style="width:{{item.width}}px;"
-  />
-</template>
-
-<template name="WxEmojiView">
-  <view class="WxEmojiView wxParse-inline" style="{{item.styleStr}}">
-    <block wx:for="{{item.textArray}}" wx:key="">
-      <block class="{{item.text == '\\n' ? 'wxParse-hide':''}}" wx:if="{{item.node == 'text'}}">{{item.text}}</block>
-      <block wx:elif="{{item.node == 'element'}}">
-        <image class="wxEmoji" src="{{item.baseSrc}}{{item.text}}" />
-      </block>
-    </block>
-  </view>
-</template>
-
-<template name="WxParseBr">
-  <text>\n</text>
-</template>
-<!--入口模版-->
-
-<template name="wxParse">
-  <block wx:for="{{wxParseData}}" wx:key="">
-    <template is="wxParse0" data="{{item}}" />
-  </block>
-</template>
-
-
-<!--循环模版-->
-<template name="wxParse0">
-  <!--<template is="wxParse1" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse1" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse1" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse1" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-    <block wx:elif="{{item.tag == 'table'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse1" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse1" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse1" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-
-
-<!--循环模版-->
-<template name="wxParse1">
-  <!--<template is="wxParse2" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse2" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse2" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse2" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse2" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse2" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-
-<!--循环模版-->
-<template name="wxParse2">
-  <!--<template is="wxParse3" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse3" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse3" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse3" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse3" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse3" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse3">
-  <!--<template is="wxParse4" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse4" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse4" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse4" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse4" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse4" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse4">
-  <!--<template is="wxParse5" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse5" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse5" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse5" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse5" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse5" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse5">
-  <!--<template is="wxParse6" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse6" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse6" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse6" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse6" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse6" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse6">
-  <!--<template is="wxParse7" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse7" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse7" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse7" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse7" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse7" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-<!--循环模版-->
-<template name="wxParse7">
-  <!--<template is="wxParse8" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse8" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse8" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse8" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse8" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse8" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse8">
-  <!--<template is="wxParse9" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse9" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse9" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse9" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse9" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse9" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse9">
-  <!--<template is="wxParse10" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse10" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse10" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse10" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse10" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse10" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse10">
-  <!--<template is="wxParse11" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse11" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse11" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse11" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse11" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse11" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
-
-<!--循环模版-->
-<template name="wxParse11">
-  <!--<template is="wxParse12" data="{{item}}" />-->
-  <!--判断是否是标签节点-->
-  <block wx:if="{{item.node == 'element'}}">
-    <block wx:if="{{item.tag == 'button'}}">
-      <button type="default" size="mini">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse12" data="{{item}}" />
-        </block>
-      </button>
-    </block>
-    <!--li类型-->
-    <block wx:elif="{{item.tag == 'li'}}">
-      <view class="{{item.classStr}} wxParse-li" style="{{item.styleStr}}">
-        <view class="{{item.classStr}} wxParse-li-inner">
-          <view class="{{item.classStr}} wxParse-li-text">
-            <view class="{{item.classStr}} wxParse-li-circle"></view>
-          </view>
-          <view class="{{item.classStr}} wxParse-li-text">
-            <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-              <template is="wxParse12" data="{{item}}" />
-            </block>
-          </view>
-        </view>
-      </view>
-    </block>
-
-    <!--video类型-->
-    <block wx:elif="{{item.tag == 'video'}}">
-      <template is="wxParseVideo" data="{{item}}" />
-    </block>
-
-    <!--img类型-->
-    <block wx:elif="{{item.tag == 'img'}}">
-      <template is="wxParseImg" data="{{item}}" />
-    </block>
-
-    <!--a类型-->
-    <block wx:elif="{{item.tag == 'a'}}">
-      <view bindtap="wxParseTagATap" class="wxParse-inline {{item.classStr}} wxParse-{{item.tag}}" data-src="{{item.attr.href}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse12" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <block wx:elif="{{item.tag == 'br'}}">
-      <template is="WxParseBr"></template>
-    </block>
-    <!--其他块级标签-->
-    <block wx:elif="{{item.tagType == 'block'}}">
-      <view class="{{item.classStr}} wxParse-{{item.tag}}" style="{{item.styleStr}}">
-        <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-          <template is="wxParse12" data="{{item}}" />
-        </block>
-      </view>
-    </block>
-
-    <!--内联标签-->
-    <view wx:else class="{{item.classStr}} wxParse-{{item.tag}} wxParse-{{item.tagType}}" style="{{item.styleStr}}">
-      <block wx:for="{{item.nodes}}" wx:for-item="item" wx:key="">
-        <template is="wxParse12" data="{{item}}" />
-      </block>
-    </view>
-
-  </block>
-
-  <!--判断是否是文本节点-->
-  <block wx:elif="{{item.node == 'text'}}">
-    <!--如果是，直接进行-->
-    <template is="WxEmojiView" data="{{item}}" />
-  </block>
-
-</template>
\ No newline at end of file
diff --git a/wxParse/wxParse.wxss b/wxParse/wxParse.wxss
deleted file mode 100644
index 6e1d604..0000000
--- a/wxParse/wxParse.wxss
+++ /dev/null
@@ -1,206 +0,0 @@
-
-/**
- * author: Di (微信小程序开发工程师)
- * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
- *               垂直微信小程序开发交流社区
- * 
- * github地址: https://github.com/icindy/wxParse
- * 
- * for: 微信小程序富文本解析
- * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
- */
-
-.wxParse{
-    margin: 0 5px;
-    font-family: Helvetica,sans-serif;
-    font-size: 28rpx;
-    color: #666;
-    line-height: 1.8;
-}
-view{
-    word-break:break-all; overflow:auto;
-}
-.wxParse-inline{
-    display: inline;
-    margin: 0;
-    padding: 0;
-}
-/*//标题 */
-.wxParse-div{margin: 0;padding: 0;}
-.wxParse-h1{ font-size:2em; margin: .67em 0 }
-.wxParse-h2{ font-size:1.5em; margin: .75em 0 }
-.wxParse-h3{ font-size:1.17em; margin: .83em 0 }
-.wxParse-h4{ margin: 1.12em 0}
-.wxParse-h5 { font-size:.83em; margin: 1.5em 0 }
-.wxParse-h6{ font-size:.75em; margin: 1.67em 0 }
-
-.wxParse-h1 {
-  font-size: 18px;
-  font-weight: 400;
-  margin-bottom: .9em;
-}
-.wxParse-h2 {
-  font-size: 16px;
-  font-weight: 400;
-  margin-bottom: .34em;
-}
-.wxParse-h3 {
-  font-weight: 400;
-  font-size: 15px;
-  margin-bottom: .34em;
-}
-.wxParse-h4 {
-  font-weight: 400;
-  font-size: 14px;
-  margin-bottom: .24em;
-}
-.wxParse-h5 {
-  font-weight: 400;
-  font-size: 13px;
-  margin-bottom: .14em;
-}
-.wxParse-h6 {
-  font-weight: 400;
-  font-size: 12px;
-  margin-bottom: .04em;
-}
-
-.wxParse-h1, .wxParse-h2, .wxParse-h3, .wxParse-h4, .wxParse-h5, .wxParse-h6, .wxParse-b, .wxParse-strong  { font-weight: bolder }
-
-.wxParse-i,.wxParse-cite,.wxParse-em,.wxParse-var,.wxParse-address{font-style:italic}
-.wxParse-pre,.wxParse-tt,.wxParse-code,.wxParse-kbd,.wxParse-samp{font-family:monospace}
-.wxParse-pre{white-space:pre}
-.wxParse-big{font-size:1.17em}
-.wxParse-small,.wxParse-sub,.wxParse-sup{font-size:.83em}
-.wxParse-sub{vertical-align:sub}
-.wxParse-sup{vertical-align:super}
-.wxParse-s,.wxParse-strike,.wxParse-del{text-decoration:line-through}
-/*wxparse-自定义个性化的css样式*/
-/*增加video的css样式*/
-.wxParse-strong,.wxParse-s{display: inline}
-.wxParse-a{
-    color: deepskyblue;
-    word-break:break-all;
-    overflow:auto;
-}
-
-.wxParse-video{
-    text-align: center;
-    margin: 10px 0;
-}
-
-.wxParse-video-video{
-    width:100%;
-}
-
-.wxParse-img{
-    /*background-color: #efefef;*/
-    overflow: hidden;
-}
-
-.wxParse-blockquote {
-    margin: 0;
-    padding:10px 0 10px 5px;
-    font-family:Courier, Calibri,"宋体";
-    background:#f5f5f5;
-    border-left: 3px solid #dbdbdb;
-}
-
-.wxParse-code,.wxParse-wxxxcode-style{
-    display: inline;
-    background:#f5f5f5;
-}
-.wxParse-ul{
-    margin: 20rpx 10rpx;
-}
-
-.wxParse-li,.wxParse-li-inner{
-    display: flex;
-    align-items: baseline;
-    margin: 10rpx 0;
-}
-.wxParse-li-text{
-    
-    align-items: center;
-    line-height: 20px;
-}
-
-.wxParse-li-circle{
-    display: inline-flex;
-    width: 5px;
-    height: 5px;
-    background-color: #333;
-    margin-right: 5px;
-}
-
-.wxParse-li-square{
-    display: inline-flex;
-    width: 10rpx;
-    height: 10rpx;
-    background-color: #333;
-    margin-right: 5px;
-}
-.wxParse-li-ring{
-    display: inline-flex;
-    width: 10rpx;
-    height: 10rpx;
-    border: 2rpx solid #333;
-    border-radius: 50%;
-    background-color: #fff;
-    margin-right: 5px;
-}
-
-/*.wxParse-table{
-    width: 100%;
-    height: 400px;
-}
-.wxParse-thead,.wxParse-tfoot,.wxParse-tr{
-    display: flex;
-    flex-direction: row;
-}
-.wxParse-th,.wxParse-td{
-    display: flex;
-    width: 580px;
-    overflow: auto;
-}*/
-
-.wxParse-u {
-  text-decoration: underline;
-}
-.wxParse-hide{
-    display: none;
-}
-.WxEmojiView{
-    align-items: center;
-}
-.wxEmoji{
-    width: 16px;
-    height:16px;
-}
-.wxParse-tr{
-	display: flex;
-	border-right:1px solid #e0e0e0;
-	border-bottom:1px solid #e0e0e0;
-	border-top:1px solid #e0e0e0;
-}
-.wxParse-th,
-.wxParse-td{
-	flex:1;
-	padding:5px;
-	font-size:28rpx;
-	border-left:1px solid #e0e0e0;
-	word-break: break-all;
-}
-.wxParse-td:last{
-	border-top:1px solid #e0e0e0;
-}
-.wxParse-th{
-	background:#f0f0f0;
-	border-top:1px solid #e0e0e0;
-}
-.wxParse-del{
-    display: inline;
-}
-.wxParse-figure {
-  overflow: hidden;
-}