diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index f0be36e..e111d1a 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -3,8 +3,10 @@
   <component name="ChangeListManager">
     <list default="true" id="d564f57a-9f96-4262-9481-cacdf2b8445c" name="Default" comment="python学习">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/config/production_setting.py" beforeDir="false" afterPath="$PROJECT_DIR$/config/production_setting.py" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/web/controllers/api/Member.py" beforeDir="false" afterPath="$PROJECT_DIR$/web/controllers/api/Member.py" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/mina" beforeDir="false" afterPath="$PROJECT_DIR$/mina" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/mina/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/mina/app.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/mina/pages/index/index.js" beforeDir="false" afterPath="$PROJECT_DIR$/mina/pages/index/index.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/mina/project.config.json" beforeDir="false" afterPath="$PROJECT_DIR$/mina/project.config.json" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -13,60 +15,7 @@
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   <component name="FileEditorManager">
-    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/web/controllers/api/Member.py">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="160">
-              <caret line="70" column="30" lean-forward="true" selection-start-line="70" selection-start-column="30" selection-end-line="70" selection-end-column="30" />
-              <folding>
-                <element signature="e#24#65#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/common/libs/food/FoodService.py">
-          <provider selected="true" editor-type-id="text-editor" />
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/config/production_setting.py">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="217">
-              <caret line="7" lean-forward="true" selection-start-line="7" selection-end-line="7" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/config/local_setting.py">
-          <provider selected="true" editor-type-id="text-editor" />
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/common/models/member/Mendianuserinfo.py">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="217">
-              <caret line="7" selection-start-line="7" selection-end-line="7" />
-              <folding>
-                <element signature="e#16#72#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/common/models/member/Member.py">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="93">
-              <caret line="3" selection-start-line="3" selection-end-line="3" selection-end-column="30" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-    </leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300" />
   </component>
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
@@ -77,17 +26,6 @@
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>index</find>
-      <find>contact</find>
-      <find>avatar</find>
-      <find>userinfo</find>
-      <find>getUserInfo</find>
-      <find>area</find>
-      <find>/food/index</find>
-      <find>事件处理函数</find>
-      <find>toSearch</find>
-      <find>getFoodList</find>
-      <find>getBannerAndCat</find>
       <find>now-buy</find>
       <find>footer-box</find>
       <find>tobuy</find>
@@ -100,13 +38,24 @@
       <find>m-b</find>
       <find>login_wrap</find>
       <find>login_name</find>
-      <find>buildUrl</find>
       <find>pull-right</find>
       <find>checkReg</find>
       <find>foodIndex</find>
       <find>Member</find>
       <find>model_member</find>
       <find>app</find>
+      <find>login</find>
+      <find>/food/index</find>
+      <find>/member/login</find>
+      <find>mobile</find>
+      <find>走，</find>
+      <find>checkLogin</find>
+      <find>globalData</find>
+      <find>regFlag</find>
+      <find>buildUrl</find>
+      <find>token</find>
+      <find>getRequestHeader</find>
+      <find>info</find>
     </findStrings>
     <replaceStrings>
       <replace>ops_render</replace>
@@ -132,7 +81,6 @@
         <option value="$PROJECT_DIR$/config/local_setting.py" />
         <option value="$PROJECT_DIR$/requirements.txt" />
         <option value="$PROJECT_DIR$/mina/utils/util.js" />
-        <option value="$PROJECT_DIR$/mina/pages/index/index.js" />
         <option value="$PROJECT_DIR$/mina/pages/index/index.wxml" />
         <option value="$PROJECT_DIR$/mina/pages/open-location/open-location.wxml" />
         <option value="$PROJECT_DIR$/mina/pages/location/index.js" />
@@ -147,7 +95,6 @@
         <option value="$PROJECT_DIR$/mina/pages/shangpin/index.js" />
         <option value="$PROJECT_DIR$/mina/pages/shangpin/index.wxml" />
         <option value="$PROJECT_DIR$/web/controllers/api/Food.py" />
-        <option value="$PROJECT_DIR$/mina/pages/food/index.js" />
         <option value="$PROJECT_DIR$/mina/pages/food/index.json" />
         <option value="$PROJECT_DIR$/mina/pages/sdindex/index.json" />
         <option value="$PROJECT_DIR$/mina/pages/shangpin/info.wxss" />
@@ -158,9 +105,7 @@
         <option value="$PROJECT_DIR$/mina/app.json" />
         <option value="$PROJECT_DIR$/mina/pages/food/info.wxml" />
         <option value="$PROJECT_DIR$/uwsgitwo.ini" />
-        <option value="$PROJECT_DIR$/mina/app.js" />
         <option value="$PROJECT_DIR$/uwsgi.ini" />
-        <option value="$PROJECT_DIR$/web/static/js/user/login.js" />
         <option value="$PROJECT_DIR$/config/base_setting.py" />
         <option value="$PROJECT_DIR$/common/models/Mendianusetwo.py" />
         <option value="$PROJECT_DIR$/common/models/__init__.py" />
@@ -169,6 +114,10 @@
         <option value="$PROJECT_DIR$/common/models/member/Mendianuserinfo.py" />
         <option value="$PROJECT_DIR$/web/controllers/api/Member.py" />
         <option value="$PROJECT_DIR$/config/production_setting.py" />
+        <option value="$PROJECT_DIR$/web/static/js/user/login.js" />
+        <option value="$PROJECT_DIR$/mina/pages/food/index.js" />
+        <option value="$PROJECT_DIR$/mina/app.js" />
+        <option value="$PROJECT_DIR$/mina/pages/index/index.js" />
       </list>
     </option>
   </component>
@@ -204,7 +153,30 @@
             <path>
               <item name="order" type="b2602c69:ProjectViewProjectNode" />
               <item name="order" type="462c0819:PsiDirectoryNode" />
-              <item name="config" type="462c0819:PsiDirectoryNode" />
+              <item name="jobs" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="jobs" type="462c0819:PsiDirectoryNode" />
+              <item name="tasks" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="jobs" type="462c0819:PsiDirectoryNode" />
+              <item name="tasks" type="462c0819:PsiDirectoryNode" />
+              <item name="queue" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="mina" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="native" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
               <item name="order" type="b2602c69:ProjectViewProjectNode" />
@@ -215,14 +187,87 @@
               <item name="order" type="b2602c69:ProjectViewProjectNode" />
               <item name="order" type="462c0819:PsiDirectoryNode" />
               <item name="web" type="462c0819:PsiDirectoryNode" />
-              <item name="controllers" type="462c0819:PsiDirectoryNode" />
+              <item name="static" type="462c0819:PsiDirectoryNode" />
             </path>
             <path>
               <item name="order" type="b2602c69:ProjectViewProjectNode" />
               <item name="order" type="462c0819:PsiDirectoryNode" />
               <item name="web" type="462c0819:PsiDirectoryNode" />
-              <item name="controllers" type="462c0819:PsiDirectoryNode" />
-              <item name="api" type="462c0819:PsiDirectoryNode" />
+              <item name="static" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="static" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+              <item name="account" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="static" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+              <item name="finance" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="static" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+              <item name="food" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="static" type="462c0819:PsiDirectoryNode" />
+              <item name="js" type="462c0819:PsiDirectoryNode" />
+              <item name="stat" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="static" type="462c0819:PsiDirectoryNode" />
+              <item name="plugins" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="templates" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="templates" type="462c0819:PsiDirectoryNode" />
+              <item name="account" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="templates" type="462c0819:PsiDirectoryNode" />
+              <item name="common" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="templates" type="462c0819:PsiDirectoryNode" />
+              <item name="food" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="order" type="b2602c69:ProjectViewProjectNode" />
+              <item name="order" type="462c0819:PsiDirectoryNode" />
+              <item name="web" type="462c0819:PsiDirectoryNode" />
+              <item name="templates" type="462c0819:PsiDirectoryNode" />
+              <item name="member" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
@@ -281,13 +326,6 @@
       <option name="presentableId" value="Default" />
       <updated>1528044544203</updated>
     </task>
-    <task id="LOCAL-00010" summary="python学习">
-      <created>1564385286785</created>
-      <option name="number" value="00010" />
-      <option name="presentableId" value="LOCAL-00010" />
-      <option name="project" value="LOCAL" />
-      <updated>1564385286785</updated>
-    </task>
     <task id="LOCAL-00011" summary="python学习">
       <created>1564564379831</created>
       <option name="number" value="00011" />
@@ -624,7 +662,14 @@
       <option name="project" value="LOCAL" />
       <updated>1572249944731</updated>
     </task>
-    <option name="localTasksCounter" value="59" />
+    <task id="LOCAL-00059" summary="python学习">
+      <created>1583221802368</created>
+      <option name="number" value="00059" />
+      <option name="presentableId" value="LOCAL-00059" />
+      <option name="project" value="LOCAL" />
+      <updated>1583221802369</updated>
+    </task>
+    <option name="localTasksCounter" value="60" />
     <servers />
   </component>
   <component name="TodoView">
@@ -637,10 +682,9 @@
     </todo-panel>
   </component>
   <component name="ToolWindowManager">
-    <frame x="-8" y="-8" width="1696" height="1026" extended-state="7" />
-    <editor active="true" />
+    <frame x="-8" y="-8" width="1936" height="1056" extended-state="6" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.20808202" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.1654373" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info id="Project Explorer" order="3" />
@@ -657,7 +701,7 @@
       <window_info anchor="bottom" id="Database Changes" order="8" show_stripe_button="false" />
       <window_info anchor="bottom" id="Terminal" order="9" weight="0.59679407" />
       <window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
-      <window_info anchor="bottom" id="Version Control" order="11" weight="0.32799014" />
+      <window_info anchor="bottom" id="Version Control" order="11" weight="0.32698768" />
       <window_info anchor="bottom" id="Python Console" order="12" weight="0.3287841" />
       <window_info anchor="bottom" id="Console" order="13" />
       <window_info anchor="bottom" id="DB Execution Console" order="14" />
@@ -681,274 +725,7 @@
     <option name="LAST_COMMIT_MESSAGE" value="python学习" />
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/web/controllers/api/Cart.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="372">
-          <caret line="20" column="23" lean-forward="true" selection-start-line="20" selection-start-column="23" selection-end-line="20" selection-end-column="23" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/libs/Helper.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="346">
-          <caret line="55" column="4" selection-start-line="55" selection-start-column="4" selection-end-line="55" selection-end-column="4" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/libs/UrlManager.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="356">
-          <caret line="16" column="34" selection-start-line="16" selection-start-column="26" selection-end-line="16" selection-end-column="34" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/static/css/bootstrap.min.css">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/static/css/style.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="250">
-          <caret line="4279" column="4" selection-start-line="4279" selection-start-column="1" selection-end-line="4279" selection-end-column="4" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/static/js/chart.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-2036">
-          <caret line="13" column="21" lean-forward="true" selection-start-line="13" selection-start-column="21" selection-end-line="13" selection-end-column="21" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/templates/user/login.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="77">
-          <caret line="39" column="14" lean-forward="true" selection-start-line="39" selection-start-column="14" selection-end-line="39" selection-end-column="14" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/controllers/user/User.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="526">
-          <caret line="23" column="23" lean-forward="true" selection-start-line="23" selection-start-column="23" selection-end-line="23" selection-end-column="23" />
-          <folding>
-            <element signature="e#1788#2597#0" />
-            <element signature="e#2676#3975#0" />
-            <element signature="e#4025#4174#0" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/static/js/user/login.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="341">
-          <caret line="11" column="13" lean-forward="true" selection-start-line="11" selection-start-column="13" selection-end-line="11" selection-end-column="13" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/static/js/user/edit.js">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/templates/account/index.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="403">
-          <caret line="31" column="76" selection-start-line="31" selection-start-column="66" selection-end-line="31" selection-end-column="76" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/templates/account/set.html">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/static/js/common.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="219">
-          <caret line="153" column="9" lean-forward="true" selection-start-line="153" selection-start-column="9" selection-end-line="153" selection-end-column="9" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/static/js/account/set.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="341">
-          <caret line="68" column="32" lean-forward="true" selection-start-line="68" selection-start-column="32" selection-end-line="68" selection-end-column="32" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/controllers/account/Account.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="93">
-          <caret line="10" column="40" selection-start-line="10" selection-start-column="28" selection-end-line="10" selection-end-column="40" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/pages/three/three.js">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/pages/one/one.js">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/pages/one/one.json">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/pages/food/info.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-1953" />
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/app.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="372">
-          <caret line="12" selection-start-line="12" selection-end-line="12" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/app.json">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="93">
-          <caret line="3" column="20" selection-start-line="3" selection-start-column="20" selection-end-line="3" selection-end-column="20" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/controllers/member/Member.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-4895">
-          <caret line="20" lean-forward="true" selection-start-line="20" selection-end-line="20" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/stat/StatDailySite.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/Dongtai_list.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-81" />
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/stat/StatDailyMember.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/pages/index/index.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-829">
-          <caret line="48" column="17" selection-start-line="48" selection-start-column="12" selection-end-line="48" selection-end-column="17" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/mina/pages/food/index.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="308">
-          <caret line="65" column="31" selection-start-line="65" selection-start-column="31" selection-end-line="65" selection-end-column="31" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/venv/Lib/site-packages/flask/blueprints.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="261">
-          <caret line="271" column="8" selection-start-line="271" selection-start-column="8" selection-end-line="271" selection-end-column="8" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/config/base_setting.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1488">
-          <caret line="48" lean-forward="true" selection-start-line="48" selection-end-line="48" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/controllers/api/Food.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-248">
-          <caret line="14" column="13" selection-start-line="14" selection-start-column="4" selection-end-line="14" selection-end-column="13" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/web/controllers/api/__init__.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="62">
-          <caret line="2" selection-start-line="2" selection-end-line="2" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/uwsgi.ini">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="496">
-          <caret line="16" column="7" lean-forward="true" selection-start-line="16" selection-start-column="7" selection-end-line="16" selection-end-column="7" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/User.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/Mendianusertwo.py" />
-    <entry file="file://$PROJECT_DIR$/common/models/member/OauthMemberBind.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="93">
-          <caret line="6" column="6" selection-start-line="6" selection-start-column="6" selection-end-line="6" selection-end-column="6" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/venv/Lib/site-packages/flask_sqlalchemy/__init__.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="136">
-          <caret line="715" column="13" selection-start-line="715" selection-start-column="13" selection-end-line="715" selection-end-column="13" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/member/Oauth_member_bind.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/member/MemberAddress.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/member/MemberCart.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/member/MemberComments.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="372">
-          <caret line="16" lean-forward="true" selection-start-line="16" selection-end-line="16" />
-          <folding>
-            <element signature="e#16#72#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/application.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="234">
-          <caret line="16" selection-start-line="16" selection-end-line="16" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/www.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="155">
-          <caret line="23" column="41" lean-forward="true" selection-start-line="23" selection-start-column="41" selection-end-line="23" selection-end-column="41" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/__init__.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/__init__.py">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
     <entry file="file://$PROJECT_DIR$/common/models/member/Mendianusertwo.py" />
-    <entry file="file://$PROJECT_DIR$/web/controllers/api/Member.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="160">
-          <caret line="70" column="30" lean-forward="true" selection-start-line="70" selection-start-column="30" selection-end-line="70" selection-end-column="30" />
-          <folding>
-            <element signature="e#24#65#0" expanded="true" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/common/models/member/Member.py">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="93">
-          <caret line="3" selection-start-line="3" selection-end-line="3" selection-end-column="30" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/common/libs/food/FoodService.py">
       <provider selected="true" editor-type-id="text-editor" />
     </entry>
@@ -957,7 +734,7 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/common/models/member/Mendianuserinfo.py">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="217">
+        <state relative-caret-position="62">
           <caret line="7" selection-start-line="7" selection-end-line="7" />
           <folding>
             <element signature="e#16#72#0" expanded="true" />
@@ -966,9 +743,275 @@
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/config/production_setting.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="372">
+          <caret line="12" selection-start-line="12" selection-end-line="12" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/index.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-465" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/static.py">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/food/Food.py">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/user/login.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1178">
+          <caret line="38" column="18" lean-forward="true" selection-start-line="22" selection-start-column="10" selection-end-line="38" selection-end-column="18" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/common/layout_user.html">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/user/login.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="558">
+          <caret line="18" column="23" lean-forward="true" selection-start-line="18" selection-start-column="23" selection-end-line="18" selection-end-column="23" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/user/edit.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/mina/pages/index/index.json">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/common/models/member/OauthMemberBind.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="341">
+          <caret line="13" column="4" selection-start-line="13" selection-start-column="4" selection-end-line="13" selection-end-column="4" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/account/Account.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="155">
+          <caret line="12" column="29" selection-start-line="12" selection-start-column="24" selection-end-line="12" selection-end-column="29" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/member/Member.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="558">
+          <caret line="25" column="14" selection-start-line="25" selection-start-column="14" selection-end-line="25" selection-end-column="14" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/docs/mysql.md">
+      <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
+        <state split_layout="SPLIT">
+          <first_editor />
+          <second_editor />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/api/My.py">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/api/Order.py">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/api/Food.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="124">
+          <caret line="14" column="13" selection-start-line="14" selection-start-column="4" selection-end-line="14" selection-end-column="13" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/index/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="434">
+          <caret line="14" column="26" selection-start-line="14" selection-start-column="26" selection-end-line="14" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/mina/pages/food/index.wxml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="341">
+          <caret line="11" column="13" selection-start-line="11" selection-start-column="13" selection-end-line="11" selection-end-column="13" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/jobs/tasks/queue/index.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1953">
+          <caret line="73" column="39" lean-forward="true" selection-start-line="73" selection-start-column="39" selection-end-line="73" selection-end-column="39" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/mina/pages/index/index.wxml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="339">
+          <caret line="13" column="70" selection-start-line="13" selection-start-column="63" selection-end-line="13" selection-end-column="70" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/api/Member.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="279">
+          <caret line="18" column="33" selection-start-line="18" selection-start-column="33" selection-end-line="18" selection-end-column="33" />
+          <folding>
+            <element signature="e#24#65#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/furniture/Furniture.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="811">
+          <caret line="66" selection-start-line="66" selection-end-line="66" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/common/models/member/Member.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="341">
+          <caret line="11" column="10" selection-start-line="11" selection-start-column="4" selection-end-line="11" selection-end-column="10" />
+          <folding>
+            <element signature="e#16#72#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/common/libs/member/MemberService.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="527">
+          <caret line="18" column="8" selection-start-line="18" selection-start-column="8" selection-end-line="18" selection-end-column="8" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/controllers/user/User.py">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="496">
+          <caret line="22" column="47" selection-start-line="22" selection-start-column="47" selection-end-line="22" selection-end-column="47" />
+          <folding>
+            <element signature="e#1788#2597#0" />
+            <element signature="e#2676#3975#0" />
+            <element signature="e#4025#4174#0" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/mina/pages/index/index.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="649">
+          <caret line="90" column="40" lean-forward="true" selection-start-line="90" selection-start-column="40" selection-end-line="90" selection-end-column="40" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/mina/app.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1891">
+          <caret line="61" column="20" selection-start-line="61" selection-start-column="4" selection-end-line="61" selection-end-column="20" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/mina/pages/food/info.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="6045">
+          <caret line="195" column="19" selection-start-line="195" selection-start-column="19" selection-end-line="195" selection-end-column="19" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/mina/pages/food/index.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2139">
+          <caret line="69" column="24" selection-start-line="69" selection-start-column="24" selection-end-line="69" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/food/set.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-2444" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/food/index.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/food/cat.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/account/index.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/account/set.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="217">
-          <caret line="7" lean-forward="true" selection-start-line="7" selection-end-line="7" />
+          <caret line="64" column="20" lean-forward="true" selection-start-line="64" selection-start-column="20" selection-end-line="64" selection-end-column="20" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/finance/index.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/finance/pay_info.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-529" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/stat/index.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-715" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/food/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1984">
+          <caret line="64" column="40" selection-start-line="64" selection-start-column="40" selection-end-line="64" selection-end-column="40" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/member/comment.html">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/member/index.html">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/account/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="2294">
+          <caret line="74" column="21" lean-forward="true" selection-start-line="74" selection-start-column="21" selection-end-line="74" selection-end-column="21" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/food/info.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state>
+          <caret column="26" lean-forward="true" selection-start-column="26" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/common.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="465">
+          <caret line="15" column="20" lean-forward="true" selection-start-line="15" selection-start-column="20" selection-end-line="15" selection-end-column="20" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/stat/share.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/stat/member.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/static/js/stat/product.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="775">
+          <caret line="25" column="10" lean-forward="true" selection-start-line="25" selection-start-column="10" selection-end-line="25" selection-end-column="10" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/web/templates/common/layout_main.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="434">
+          <caret line="14" column="38" lean-forward="true" selection-start-line="14" selection-start-column="38" selection-end-line="14" selection-end-column="38" />
         </state>
       </provider>
     </entry>
diff --git a/mina b/mina
index bbc5e73..b84bf63 160000
--- a/mina
+++ b/mina
@@ -1 +1 @@
-Subproject commit bbc5e7348303accb5657b54848ff2641422ec027
+Subproject commit b84bf63d7aa1fba5ea5ae824242bfba37cefbba8
diff --git a/native/LICENSE b/native/LICENSE
new file mode 100644
index 0000000..8dada3e
--- /dev/null
+++ b/native/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/native/app.js b/native/app.js
new file mode 100644
index 0000000..47919bf
--- /dev/null
+++ b/native/app.js
@@ -0,0 +1,79 @@
+const WXAPI = require('apifm-wxapi')
+const CONFIG = require('config.js')
+const AUTH = require('utils/auth')
+App({
+  onLaunch: function() {
+    WXAPI.init(CONFIG.subDomain) // 从根目录的 config.js 文件中读取
+    const that = this;
+    // 检测新版本
+    const updateManager = wx.getUpdateManager()
+    updateManager.onUpdateReady(function () {
+      wx.showModal({
+        title: '更新提示',
+        content: '新版本已经准备好，是否重启应用？',
+        success(res) {
+          if (res.confirm) {
+            // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
+            updateManager.applyUpdate()
+          }
+        }
+      })
+    })
+    /**
+     * 初次加载判断网络情况
+     * 无网络状态下根据实际情况进行调整
+     */
+    wx.getNetworkType({
+      success(res) {
+        const networkType = res.networkType
+        if (networkType === 'none') {
+          that.globalData.isConnected = false
+          wx.showToast({
+            title: '当前无网络',
+            icon: 'loading',
+            duration: 2000
+          })
+        }
+      }
+    });
+    /**
+     * 监听网络状态变化
+     * 可根据业务需求进行调整
+     */
+    wx.onNetworkStatusChange(function(res) {
+      if (!res.isConnected) {
+        that.globalData.isConnected = false
+        wx.showToast({
+          title: '网络已断开',
+          icon: 'loading'
+        })
+      } else {
+        that.globalData.isConnected = true
+        wx.hideToast()
+      }
+    });
+    // 获取所有的文章分类
+    WXAPI.cmsCategories().then(res => {
+      if (res.code === 0) {
+        res.data.forEach(category => {
+          wx.setStorageSync('news_category_' + category.key, category)
+        })
+      }
+    })
+  },
+  onShow (e) {
+    if (e && e.query && e.query.cardUid) {
+      wx.setStorageSync('cardUid', e.query.cardUid)
+      wx.setStorageSync('referrer', e.query.cardUid)
+    }
+    // 自动登录
+    AUTH.checkHasLogined().then(isLogined => {
+      if (!isLogined) {
+        AUTH.login()
+      }
+    })
+  },
+  globalData: {                
+    isConnected: true
+  }
+})
\ No newline at end of file
diff --git a/native/app.json b/native/app.json
new file mode 100644
index 0000000..1973ebc
--- /dev/null
+++ b/native/app.json
@@ -0,0 +1,47 @@
+{
+  "pages": [
+    "pages/card/main",
+    "pages/cardposter/main",
+    "pages/index/main",
+    "pages/news/main",
+    "pages/products/main",
+    "pages/news-detail/main"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "black",
+    "onReachBottomDistance": 50
+  },
+  "tabBar": {
+    "color": "#6e6d6b",
+    "selectedColor": "#1296db",
+    "borderStyle": "white",
+    "backgroundColor": "#fff",
+    "list": [
+      {
+        "pagePath": "pages/card/main",
+        "iconPath": "/images/mp/mp.png",
+        "selectedIconPath": "/images/mp/mpa.png",
+        "text": "名片"
+      },
+      {
+        "pagePath": "pages/products/main",
+        "iconPath": "/images/mp/pro.png",
+        "selectedIconPath": "/images/mp/proa.png",
+        "text": "产品"
+      },
+      {
+        "pagePath": "pages/news/main",
+        "iconPath": "/images/mp/dt.png",
+        "selectedIconPath": "/images/mp/dta.png",
+        "text": "动态"
+      }
+    ]
+  },
+  "navigateToMiniProgramAppIdList": [
+    "wx56c8f077de74b07c"
+  ],
+  "sitemapLocation": "sitemap.json"
+}
\ No newline at end of file
diff --git a/native/app.wxss b/native/app.wxss
new file mode 100644
index 0000000..dae2ce0
--- /dev/null
+++ b/native/app.wxss
@@ -0,0 +1,30 @@
+@import 'weui/weui.wxss';
+
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+} 
+.wxParse-img {
+  display: block !important;
+}
+.space {
+  height:20rpx;
+  background-color: #F2f2f2;
+}
+.safeAreaOldPaddingBttom {
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.safeAreaNewPaddingBttom{
+  padding-bottom: constant(safe-area-inset-bottom);  
+}
+
+.safeAreaOldMarginBttom {
+  margin-bottom: env(safe-area-inset-bottom);
+}
+.safeAreaNewMarginBttom{
+  margin-bottom: constant(safe-area-inset-bottom);  
+}
\ No newline at end of file
diff --git a/native/config.js b/native/config.js
new file mode 100644
index 0000000..6c7fee9
--- /dev/null
+++ b/native/config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  version: "2.1.0",
+  note: '优化了名片二维码的生成效率，减少图片空间存储',
+  subDomain: "aicard", // 根据教程 https://www.yuque.com/apifm/doc/qr6l4m 查看你自己的 subDomain
+}
\ No newline at end of file
diff --git a/native/images/add-addr.png b/native/images/add-addr.png
new file mode 100644
index 0000000..a89408d
Binary files /dev/null and b/native/images/add-addr.png differ
diff --git a/native/images/addr-active.png b/native/images/addr-active.png
new file mode 100644
index 0000000..d1bfc36
Binary files /dev/null and b/native/images/addr-active.png differ
diff --git a/native/images/addr-edit.png b/native/images/addr-edit.png
new file mode 100644
index 0000000..3c63886
Binary files /dev/null and b/native/images/addr-edit.png differ
diff --git a/native/images/addr-line.png b/native/images/addr-line.png
new file mode 100644
index 0000000..21fcf06
Binary files /dev/null and b/native/images/addr-line.png differ
diff --git a/native/images/arrow-right.png b/native/images/arrow-right.png
new file mode 100644
index 0000000..a8d07cd
Binary files /dev/null and b/native/images/arrow-right.png differ
diff --git a/native/images/cart.png b/native/images/cart.png
new file mode 100644
index 0000000..6236359
Binary files /dev/null and b/native/images/cart.png differ
diff --git a/native/images/fl.png b/native/images/fl.png
new file mode 100644
index 0000000..81b4d9d
Binary files /dev/null and b/native/images/fl.png differ
diff --git a/native/images/fx.png b/native/images/fx.png
new file mode 100644
index 0000000..07a0ea2
Binary files /dev/null and b/native/images/fx.png differ
diff --git a/native/images/fxad.jpeg b/native/images/fxad.jpeg
new file mode 100644
index 0000000..dfc2bec
Binary files /dev/null and b/native/images/fxad.jpeg differ
diff --git a/native/images/gift.png b/native/images/gift.png
new file mode 100644
index 0000000..c7bc254
Binary files /dev/null and b/native/images/gift.png differ
diff --git a/native/images/gou-red.png b/native/images/gou-red.png
new file mode 100644
index 0000000..919101e
Binary files /dev/null and b/native/images/gou-red.png differ
diff --git a/native/images/gou.png b/native/images/gou.png
new file mode 100644
index 0000000..f96ac1d
Binary files /dev/null and b/native/images/gou.png differ
diff --git a/native/images/ico-add-addr.png b/native/images/ico-add-addr.png
new file mode 100644
index 0000000..2af6158
Binary files /dev/null and b/native/images/ico-add-addr.png differ
diff --git a/native/images/ico-addr.png b/native/images/ico-addr.png
new file mode 100644
index 0000000..27db866
Binary files /dev/null and b/native/images/ico-addr.png differ
diff --git a/native/images/icon-cart.png b/native/images/icon-cart.png
new file mode 100644
index 0000000..207fe26
Binary files /dev/null and b/native/images/icon-cart.png differ
diff --git a/native/images/kefu.png b/native/images/kefu.png
new file mode 100644
index 0000000..e086cec
Binary files /dev/null and b/native/images/kefu.png differ
diff --git a/native/images/more/confirm-word1.png b/native/images/more/confirm-word1.png
new file mode 100644
index 0000000..899e3ee
Binary files /dev/null and b/native/images/more/confirm-word1.png differ
diff --git a/native/images/more/loading.gif b/native/images/more/loading.gif
new file mode 100644
index 0000000..a1767c6
Binary files /dev/null and b/native/images/more/loading.gif differ
diff --git a/native/images/more/title8.png b/native/images/more/title8.png
new file mode 100644
index 0000000..761c12d
Binary files /dev/null and b/native/images/more/title8.png differ
diff --git a/native/images/more/wave.png b/native/images/more/wave.png
new file mode 100644
index 0000000..f3d1ce7
Binary files /dev/null and b/native/images/more/wave.png differ
diff --git a/native/images/mp/about.png b/native/images/mp/about.png
new file mode 100644
index 0000000..aa76ecc
Binary files /dev/null and b/native/images/mp/about.png differ
diff --git a/native/images/mp/abouta.png b/native/images/mp/abouta.png
new file mode 100644
index 0000000..37ccf78
Binary files /dev/null and b/native/images/mp/abouta.png differ
diff --git a/native/images/mp/dt.png b/native/images/mp/dt.png
new file mode 100644
index 0000000..a0ff852
Binary files /dev/null and b/native/images/mp/dt.png differ
diff --git a/native/images/mp/dta.png b/native/images/mp/dta.png
new file mode 100644
index 0000000..7ec8c36
Binary files /dev/null and b/native/images/mp/dta.png differ
diff --git a/native/images/mp/kf.png b/native/images/mp/kf.png
new file mode 100644
index 0000000..b3d6cc7
Binary files /dev/null and b/native/images/mp/kf.png differ
diff --git a/native/images/mp/mp.png b/native/images/mp/mp.png
new file mode 100644
index 0000000..4ef2cab
Binary files /dev/null and b/native/images/mp/mp.png differ
diff --git a/native/images/mp/mpa.png b/native/images/mp/mpa.png
new file mode 100644
index 0000000..398fcde
Binary files /dev/null and b/native/images/mp/mpa.png differ
diff --git a/native/images/mp/mpj.png b/native/images/mp/mpj.png
new file mode 100644
index 0000000..8192aa6
Binary files /dev/null and b/native/images/mp/mpj.png differ
diff --git a/native/images/mp/nodata-message.png b/native/images/mp/nodata-message.png
new file mode 100644
index 0000000..c0451b6
Binary files /dev/null and b/native/images/mp/nodata-message.png differ
diff --git a/native/images/mp/posters.png b/native/images/mp/posters.png
new file mode 100644
index 0000000..8458cca
Binary files /dev/null and b/native/images/mp/posters.png differ
diff --git a/native/images/mp/pro.png b/native/images/mp/pro.png
new file mode 100644
index 0000000..ba3c348
Binary files /dev/null and b/native/images/mp/pro.png differ
diff --git a/native/images/mp/proa.png b/native/images/mp/proa.png
new file mode 100644
index 0000000..e15051b
Binary files /dev/null and b/native/images/mp/proa.png differ
diff --git a/native/images/mp/pyq.png b/native/images/mp/pyq.png
new file mode 100644
index 0000000..fa5ca3d
Binary files /dev/null and b/native/images/mp/pyq.png differ
diff --git a/native/images/mp/share.png b/native/images/mp/share.png
new file mode 100644
index 0000000..1b9f56d
Binary files /dev/null and b/native/images/mp/share.png differ
diff --git a/native/images/mp/txl.png b/native/images/mp/txl.png
new file mode 100644
index 0000000..ed4efd4
Binary files /dev/null and b/native/images/mp/txl.png differ
diff --git a/native/images/mp/wx.png b/native/images/mp/wx.png
new file mode 100644
index 0000000..4ef5000
Binary files /dev/null and b/native/images/mp/wx.png differ
diff --git a/native/images/nav/cart-off.png b/native/images/nav/cart-off.png
new file mode 100644
index 0000000..e19ce52
Binary files /dev/null and b/native/images/nav/cart-off.png differ
diff --git a/native/images/nav/cart-on.png b/native/images/nav/cart-on.png
new file mode 100644
index 0000000..7465191
Binary files /dev/null and b/native/images/nav/cart-on.png differ
diff --git a/native/images/nav/home-off.png b/native/images/nav/home-off.png
new file mode 100644
index 0000000..99d0f3c
Binary files /dev/null and b/native/images/nav/home-off.png differ
diff --git a/native/images/nav/home-on.png b/native/images/nav/home-on.png
new file mode 100644
index 0000000..c41e2e8
Binary files /dev/null and b/native/images/nav/home-on.png differ
diff --git a/native/images/nav/ic_catefory_normal.png b/native/images/nav/ic_catefory_normal.png
new file mode 100644
index 0000000..4ae2cd4
Binary files /dev/null and b/native/images/nav/ic_catefory_normal.png differ
diff --git a/native/images/nav/ic_catefory_pressed.png b/native/images/nav/ic_catefory_pressed.png
new file mode 100644
index 0000000..96e2eaa
Binary files /dev/null and b/native/images/nav/ic_catefory_pressed.png differ
diff --git a/native/images/nav/my-off.png b/native/images/nav/my-off.png
new file mode 100644
index 0000000..0bc41af
Binary files /dev/null and b/native/images/nav/my-off.png differ
diff --git a/native/images/nav/my-on.png b/native/images/nav/my-on.png
new file mode 100644
index 0000000..e26021b
Binary files /dev/null and b/native/images/nav/my-on.png differ
diff --git a/native/images/nav/order-off.png b/native/images/nav/order-off.png
new file mode 100644
index 0000000..4e16462
Binary files /dev/null and b/native/images/nav/order-off.png differ
diff --git a/native/images/nav/order-on.png b/native/images/nav/order-on.png
new file mode 100644
index 0000000..76e4ade
Binary files /dev/null and b/native/images/nav/order-on.png differ
diff --git a/native/images/no-order.png b/native/images/no-order.png
new file mode 100644
index 0000000..efac379
Binary files /dev/null and b/native/images/no-order.png differ
diff --git a/native/images/nologin.png b/native/images/nologin.png
new file mode 100644
index 0000000..27f1539
Binary files /dev/null and b/native/images/nologin.png differ
diff --git a/native/images/notice.png b/native/images/notice.png
new file mode 100644
index 0000000..2cd80c9
Binary files /dev/null and b/native/images/notice.png differ
diff --git a/native/images/order-details/icon-address.png b/native/images/order-details/icon-address.png
new file mode 100644
index 0000000..49f25c7
Binary files /dev/null and b/native/images/order-details/icon-address.png differ
diff --git a/native/images/order-details/icon-ddfh.png b/native/images/order-details/icon-ddfh.png
new file mode 100644
index 0000000..9d53369
Binary files /dev/null and b/native/images/order-details/icon-ddfh.png differ
diff --git a/native/images/order-details/icon-ddfk.png b/native/images/order-details/icon-ddfk.png
new file mode 100644
index 0000000..9fa1ddc
Binary files /dev/null and b/native/images/order-details/icon-ddfk.png differ
diff --git a/native/images/order-details/icon-ddgb.png b/native/images/order-details/icon-ddgb.png
new file mode 100644
index 0000000..d53b9a3
Binary files /dev/null and b/native/images/order-details/icon-ddgb.png differ
diff --git a/native/images/order-details/icon-ddsh.png b/native/images/order-details/icon-ddsh.png
new file mode 100644
index 0000000..b72577c
Binary files /dev/null and b/native/images/order-details/icon-ddsh.png differ
diff --git a/native/images/order-details/icon-jycg.png b/native/images/order-details/icon-jycg.png
new file mode 100644
index 0000000..d24686e
Binary files /dev/null and b/native/images/order-details/icon-jycg.png differ
diff --git a/native/images/order-details/icon-wuliu.png b/native/images/order-details/icon-wuliu.png
new file mode 100644
index 0000000..720fdd4
Binary files /dev/null and b/native/images/order-details/icon-wuliu.png differ
diff --git a/native/images/order/fahuo.png b/native/images/order/fahuo.png
new file mode 100644
index 0000000..f7ca774
Binary files /dev/null and b/native/images/order/fahuo.png differ
diff --git a/native/images/order/pj.png b/native/images/order/pj.png
new file mode 100644
index 0000000..c452a18
Binary files /dev/null and b/native/images/order/pj.png differ
diff --git a/native/images/order/shouhou.png b/native/images/order/shouhou.png
new file mode 100644
index 0000000..efc62a1
Binary files /dev/null and b/native/images/order/shouhou.png differ
diff --git a/native/images/order/shouhuo.png b/native/images/order/shouhuo.png
new file mode 100644
index 0000000..a880b84
Binary files /dev/null and b/native/images/order/shouhuo.png differ
diff --git a/native/images/order/topay.png b/native/images/order/topay.png
new file mode 100644
index 0000000..165c1c6
Binary files /dev/null and b/native/images/order/topay.png differ
diff --git a/native/images/popup-close.png b/native/images/popup-close.png
new file mode 100644
index 0000000..6ff3c20
Binary files /dev/null and b/native/images/popup-close.png differ
diff --git a/native/images/qd.png b/native/images/qd.png
new file mode 100644
index 0000000..c3d3c18
Binary files /dev/null and b/native/images/qd.png differ
diff --git a/native/images/search-pic.png b/native/images/search-pic.png
new file mode 100644
index 0000000..17aad26
Binary files /dev/null and b/native/images/search-pic.png differ
diff --git a/native/images/share.png b/native/images/share.png
new file mode 100644
index 0000000..e893540
Binary files /dev/null and b/native/images/share.png differ
diff --git a/native/images/share/share1.png b/native/images/share/share1.png
new file mode 100644
index 0000000..a4457c1
Binary files /dev/null and b/native/images/share/share1.png differ
diff --git a/native/images/share/share2.png b/native/images/share/share2.png
new file mode 100644
index 0000000..69699ea
Binary files /dev/null and b/native/images/share/share2.png differ
diff --git a/native/jsconfig.json b/native/jsconfig.json
new file mode 100644
index 0000000..58d7b51
--- /dev/null
+++ b/native/jsconfig.json
@@ -0,0 +1,6 @@
+{
+	"compilerOptions": {
+		"target": "es2015",
+		"module": "commonjs"
+	}	
+}
\ No newline at end of file
diff --git a/native/miniprogram_npm/apifm-wxapi/index.js b/native/miniprogram_npm/apifm-wxapi/index.js
new file mode 100644
index 0000000..5d83c2c
--- /dev/null
+++ b/native/miniprogram_npm/apifm-wxapi/index.js
@@ -0,0 +1,979 @@
+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 = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/* eslint-disable */
+// 小程序开发api接口工具包，https://github.com/gooking/wxapi
+var API_BASE_URL = 'https://api.it120.cc';
+var subDomain = 'tz';
+
+var request = function request(url, needSubDomain, method, data) {
+  var _url = API_BASE_URL + (needSubDomain ? '/' + subDomain : '') + url;
+  return new Promise(function (resolve, reject) {
+    wx.request({
+      url: _url,
+      method: method,
+      data: data,
+      header: {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      },
+      success: function success(request) {
+        resolve(request.data);
+      },
+      fail: function fail(error) {
+        reject(error);
+      },
+      complete: function complete(aaa) {
+        // 加载完成
+      }
+    });
+  });
+};
+
+/**
+ * 小程序的promise没有finally方法，自己扩展下
+ */
+Promise.prototype.finally = function (callback) {
+  var Promise = this.constructor;
+  return this.then(function (value) {
+    Promise.resolve(callback()).then(function () {
+      return value;
+    });
+  }, function (reason) {
+    Promise.resolve(callback()).then(function () {
+      throw reason;
+    });
+  });
+};
+
+module.exports = {
+  init2: function init2(a, b) {
+    API_BASE_URL = a;
+    subDomain = b;
+  },
+  init: function init(b) {
+    subDomain = b;
+  },
+  request: request,
+  queryMobileLocation: function queryMobileLocation() {
+    var mobile = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/common/mobile-segment/location', false, 'get', { mobile: mobile });
+  },
+  nextMobileSegment: function nextMobileSegment(data) {
+    return request('/common/mobile-segment/next', false, 'post', data);
+  },
+  queryConfigValue: function queryConfigValue(key) {
+    return request('/config/value', true, 'get', { key: key });
+  },
+  queryConfigBatch: function queryConfigBatch(keys) {
+    return request('/config/values', true, 'get', { keys: keys });
+  },
+  scoreRules: function scoreRules(data) {
+    return request('/score/send/rule', true, 'post', data);
+  },
+  scoreSignRules: function scoreSignRules() {
+    return request('/score/sign/rules', true, 'get', {});
+  },
+  scoreSign: function scoreSign(token) {
+    return request('/score/sign', true, 'post', {
+      token: token
+    });
+  },
+  scoreSignLogs: function scoreSignLogs(data) {
+    return request('/score/sign/logs', true, 'post', data);
+  },
+  scoreTodaySignedInfo: function scoreTodaySignedInfo(token) {
+    return request('/score/today-signed', true, 'get', {
+      token: token
+    });
+  },
+  scoreExchange: function scoreExchange(token, number) {
+    return request('/score/exchange', true, 'post', {
+      number: number,
+      token: token
+    });
+  },
+  scoreLogs: function scoreLogs(data) {
+    return request('/score/logs', true, 'post', data);
+  },
+  shareGroupGetScore: function shareGroupGetScore(referrer, encryptedData, iv) {
+    return request('/score/share/wxa/group', true, 'post', {
+      referrer: referrer,
+      encryptedData: encryptedData,
+      iv: iv
+    });
+  },
+  kanjiaSet: function kanjiaSet(goodsId) {
+    return request('/shop/goods/kanjia/set', true, 'get', { goodsId: goodsId });
+  },
+  kanjiaJoin: function kanjiaJoin(token, kjid) {
+    return request('/shop/goods/kanjia/join', true, 'post', {
+      kjid: kjid,
+      token: token
+    });
+  },
+  kanjiaDetail: function kanjiaDetail(kjid, joiner) {
+    return request('/shop/goods/kanjia/info', true, 'get', {
+      kjid: kjid,
+      joiner: joiner
+    });
+  },
+  kanjiaHelp: function kanjiaHelp(token, kjid, joiner) {
+    var remark = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+
+    return request('/shop/goods/kanjia/help', true, 'post', {
+      kjid: kjid,
+      joinerUser: joiner,
+      token: token,
+      remark: remark
+    });
+  },
+  kanjiaClear: function kanjiaClear(token, kjid) {
+    return request('/shop/goods/kanjia/clear', true, 'post', {
+      kjid: kjid,
+      token: token
+    });
+  },
+  kanjiaMyJoinInfo: function kanjiaMyJoinInfo(token, kjid) {
+    return request('/shop/goods/kanjia/my', true, 'get', {
+      kjid: kjid,
+      token: token
+    });
+  },
+  kanjiaHelpDetail: function kanjiaHelpDetail(token, kjid, joiner) {
+    return request('/shop/goods/kanjia/myHelp', true, 'get', {
+      kjid: kjid,
+      joinerUser: joiner,
+      token: token
+    });
+  },
+  checkToken: function checkToken(token) {
+    return request('/user/check-token', true, 'get', {
+      token: token
+    });
+  },
+  addTempleMsgFormid: function addTempleMsgFormid(token, type, formId) {
+    return request('/template-msg/wxa/formId', true, 'post', {
+      token: token, type: type, formId: formId
+    });
+  },
+  sendTempleMsg: function sendTempleMsg(data) {
+    return request('/template-msg/put', true, 'post', data);
+  },
+  wxpay: function wxpay(data) {
+    return request('/pay/wx/wxapp', true, 'post', data);
+  },
+  wxpaySaobei: function wxpaySaobei(data) {
+    return request('/pay/lcsw/wxapp', true, 'post', data);
+  },
+  wxpayWepayez: function wxpayWepayez(data) {
+    return request('/pay/wepayez/wxapp', true, 'post', data);
+  },
+  alipay: function alipay(data) {
+    return request('/pay/alipay/semiAutomatic/payurl', true, 'post', data);
+  },
+  login_wx: function login_wx(code) {
+    return request('/user/wxapp/login', true, 'post', {
+      code: code,
+      type: 2
+    });
+  },
+  login_username: function login_username(data) {
+    return request('/user/username/login', true, 'post', data);
+  },
+  bindUsername: function bindUsername(token, username) {
+    var pwd = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    return request('/user/username/bindUsername', true, 'post', {
+      token: token, username: username, pwd: pwd
+    });
+  },
+  login_mobile: function login_mobile(mobile, pwd) {
+    var deviceId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    var deviceName = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+
+    return request('/user/m/login', true, 'post', {
+      mobile: mobile, pwd: pwd, deviceId: deviceId, deviceName: deviceName
+    });
+  },
+  resetPwdUseMobileCode: function resetPwdUseMobileCode(mobile, pwd, code) {
+    return request('/user/m/reset-pwd', true, 'post', {
+      mobile: mobile, pwd: pwd, code: code
+    });
+  },
+  resetPwdUseEmailCode: function resetPwdUseEmailCode(email, pwd, code) {
+    return request('/user/email/reset-pwd', true, 'post', {
+      email: email, pwd: pwd, code: code
+    });
+  },
+  register_complex: function register_complex(data) {
+    return request('/user/wxapp/register/complex', true, 'post', data);
+  },
+  register_simple: function register_simple(data) {
+    return request('/user/wxapp/register/simple', true, 'post', data);
+  },
+  register_username: function register_username(data) {
+    return request('/user/username/register', true, 'post', data);
+  },
+  register_mobile: function register_mobile(data) {
+    return request('/user/m/register', true, 'post', data);
+  },
+  banners: function banners(data) {
+    return request('/banner/list', true, 'get', data);
+  },
+  goodsCategory: function goodsCategory() {
+    return request('/shop/goods/category/all', true, 'get');
+  },
+  goods: function goods(data) {
+    return request('/shop/goods/list', true, 'post', data);
+  },
+  goodsDetail: function goodsDetail(id) {
+    return request('/shop/goods/detail', true, 'get', {
+      id: id
+    });
+  },
+  goodsLimitations: function goodsLimitations(goodsId) {
+    var priceId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+    return request('/shop/goods/limitation', true, 'get', {
+      goodsId: goodsId, priceId: priceId
+    });
+  },
+  goodsPrice: function goodsPrice(goodsId, propertyChildIds) {
+    return request('/shop/goods/price', true, 'post', {
+      goodsId: goodsId, propertyChildIds: propertyChildIds
+    });
+  },
+  goodsPriceDaily: function goodsPriceDaily(goodsId) {
+    var priceId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+    return request('/shop/goods/price/day', true, 'get', {
+      goodsId: goodsId, priceId: priceId
+    });
+  },
+  goodsPriceFreight: function goodsPriceFreight(data) {
+    return request('/shop/goods/price/freight', true, 'get', data);
+  },
+  goodsRebate: function goodsRebate(token, goodsId) {
+    return request('/shop/goods/rebate', true, 'get', {
+      token: token, goodsId: goodsId
+    });
+  },
+  goodsReputation: function goodsReputation(data) {
+    return request('/shop/goods/reputation', true, 'post', data);
+  },
+  goodsFavList: function goodsFavList(data) {
+    return request('/shop/goods/fav/list', true, 'post', data);
+  },
+  goodsFavPut: function goodsFavPut(token, goodsId) {
+    return request('/shop/goods/fav/add', true, 'post', {
+      token: token, goodsId: goodsId
+    });
+  },
+  goodsFavCheck: function goodsFavCheck(token, goodsId) {
+    return request('/shop/goods/fav/check', true, 'get', {
+      token: token, goodsId: goodsId
+    });
+  },
+  goodsFavDelete: function goodsFavDelete(token) {
+    var id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var goodsId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    return request('/shop/goods/fav/delete', true, 'post', {
+      token: token, id: id, goodsId: goodsId
+    });
+  },
+  coupons: function coupons(data) {
+    return request('/discounts/coupons', true, 'get', data);
+  },
+  couponDetail: function couponDetail(id) {
+    return request('/discounts/detail', true, 'get', {
+      id: id
+    });
+  },
+  myCoupons: function myCoupons(data) {
+    return request('/discounts/my', true, 'get', data);
+  },
+  fetchCoupons: function fetchCoupons(data) {
+    return request('/discounts/fetch', true, 'post', data);
+  },
+  sendCoupons: function sendCoupons(data) {
+    return request('/discounts/send', true, 'post', data);
+  },
+  exchangeCoupons: function exchangeCoupons(token, number, pwd) {
+    return request('/discounts/exchange', true, 'post', {
+      token: token, number: number, pwd: pwd
+    });
+  },
+  noticeList: function noticeList(data) {
+    return request('/notice/list', true, 'post', data);
+  },
+  noticeLastOne: function noticeLastOne() {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/notice/last-one', true, 'get', {
+      type: type
+    });
+  },
+  noticeDetail: function noticeDetail(id) {
+    return request('/notice/detail', true, 'get', {
+      id: id
+    });
+  },
+  addAddress: function addAddress(data) {
+    return request('/user/shipping-address/add', true, 'post', data);
+  },
+  updateAddress: function updateAddress(data) {
+    return request('/user/shipping-address/update', true, 'post', data);
+  },
+  deleteAddress: function deleteAddress(token, id) {
+    return request('/user/shipping-address/delete', true, 'post', {
+      id: id,
+      token: token
+    });
+  },
+  queryAddress: function queryAddress(token) {
+    return request('/user/shipping-address/list', true, 'get', {
+      token: token
+    });
+  },
+  defaultAddress: function defaultAddress(token) {
+    return request('/user/shipping-address/default/v2', true, 'get', {
+      token: token
+    });
+  },
+  addressDetail: function addressDetail(token, id) {
+    return request('/user/shipping-address/detail/v2', true, 'get', {
+      id: id,
+      token: token
+    });
+  },
+  pingtuanSet: function pingtuanSet(goodsId) {
+    return request('/shop/goods/pingtuan/set', true, 'get', {
+      goodsId: goodsId
+    });
+  },
+  pingtuanSets: function pingtuanSets(goodsIdArray) {
+    return request('/shop/goods/pingtuan/sets', true, 'get', {
+      goodsId: goodsIdArray.join()
+    });
+  },
+  pingtuanOpen: function pingtuanOpen(token, goodsId) {
+    return request('/shop/goods/pingtuan/open', true, 'post', {
+      goodsId: goodsId,
+      token: token
+    });
+  },
+  pingtuanList: function pingtuanList(data) {
+    return request('/shop/goods/pingtuan/list/v2', true, 'post', data);
+  },
+  pingtuanJoinUsers: function pingtuanJoinUsers(tuanId) {
+    return request('/shop/goods/pingtuan/joiner', true, 'get', { tuanId: tuanId });
+  },
+  pingtuanMyJoined: function pingtuanMyJoined(data) {
+    return request('/shop/goods/pingtuan/my-join-list', true, 'post', data);
+  },
+  friendlyPartnerList: function friendlyPartnerList() {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/friendly-partner/list', true, 'post', {
+      type: type
+    });
+  },
+  friendList: function friendList(data) {
+    return request('/user/friend/list', true, 'post', data);
+  },
+  addFriend: function addFriend(token, uid) {
+    return request('/user/friend/add', true, 'post', { token: token, uid: uid });
+  },
+  friendUserDetail: function friendUserDetail(token, uid) {
+    return request('/user/friend/detail', true, 'get', { token: token, uid: uid });
+  },
+  videoDetail: function videoDetail(videoId) {
+    return request('/media/video/detail', true, 'get', {
+      videoId: videoId
+    });
+  },
+  bindMobileWxa: function bindMobileWxa(token, encryptedData, iv) {
+    var pwd = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+
+    return request('/user/wxapp/bindMobile', true, 'post', {
+      token: token, encryptedData: encryptedData, iv: iv, pwd: pwd
+    });
+  },
+  bindMobileSms: function bindMobileSms(token, mobile, code) {
+    var pwd = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+
+    return request('/user/m/bind-mobile', true, 'post', {
+      token: token, mobile: mobile, code: code, pwd: pwd
+    });
+  },
+  userDetail: function userDetail(token) {
+    return request('/user/detail', true, 'get', {
+      token: token
+    });
+  },
+  userWxinfo: function userWxinfo(token) {
+    return request('/user/wxinfo', true, 'get', {
+      token: token
+    });
+  },
+  userAmount: function userAmount(token) {
+    return request('/user/amount', true, 'get', {
+      token: token
+    });
+  },
+  orderCreate: function orderCreate(data) {
+    return request('/order/create', true, 'post', data);
+  },
+  orderList: function orderList(data) {
+    return request('/order/list', true, 'post', data);
+  },
+  orderDetail: function orderDetail(token, id) {
+    return request('/order/detail', true, 'get', {
+      id: id,
+      token: token
+    });
+  },
+  orderDelivery: function orderDelivery(token, orderId) {
+    return request('/order/delivery', true, 'post', {
+      orderId: orderId,
+      token: token
+    });
+  },
+  orderReputation: function orderReputation(data) {
+    return request('/order/reputation', true, 'post', data);
+  },
+  orderClose: function orderClose(token, orderId) {
+    return request('/order/close', true, 'post', {
+      orderId: orderId,
+      token: token
+    });
+  },
+  orderDelete: function orderDelete(token, orderId) {
+    return request('/order/delete', true, 'post', {
+      orderId: orderId,
+      token: token
+    });
+  },
+  orderPay: function orderPay(token, orderId) {
+    return request('/order/pay', true, 'post', {
+      orderId: orderId,
+      token: token
+    });
+  },
+  orderHX: function orderHX(hxNumber) {
+    return request('/order/hx', true, 'post', {
+      hxNumber: hxNumber
+    });
+  },
+  orderStatistics: function orderStatistics(token) {
+    return request('/order/statistics', true, 'get', {
+      token: token
+    });
+  },
+  orderRefunds: function orderRefunds(token, orderId) {
+    return request('/order/refund', true, 'get', {
+      token: token,
+      orderId: orderId
+    });
+  },
+  withDrawApply: function withDrawApply(token, money) {
+    return request('/user/withDraw/apply', true, 'post', {
+      money: money,
+      token: token
+    });
+  },
+  withDrawDetail: function withDrawDetail(token, id) {
+    return request('/user/withDraw/detail', true, 'get', {
+      token: token,
+      id: id
+    });
+  },
+  withDrawLogs: function withDrawLogs(data) {
+    return request('/user/withDraw/list', true, 'post', data);
+  },
+  province: function province() {
+    return request('/common/region/v2/province', false, 'get');
+  },
+  nextRegion: function nextRegion(pid) {
+    return request('/common/region/v2/child', false, 'get', {
+      pid: pid
+    });
+  },
+  cashLogs: function cashLogs(data) {
+    return request('/user/cashLog', true, 'post', data);
+  },
+  payLogs: function payLogs(data) {
+    return request('/user/payLogs', true, 'post', data);
+  },
+  rechargeSendRules: function rechargeSendRules() {
+    return request('/user/recharge/send/rule', true, 'get');
+  },
+  payBillDiscounts: function payBillDiscounts() {
+    return request('/payBill/discounts', true, 'get');
+  },
+  payBill: function payBill(token, money) {
+    return request('/payBill/pay', true, 'post', { token: token, money: money });
+  },
+  vipLevel: function vipLevel() {
+    return request('/config/vipLevel', true, 'get');
+  },
+  fxApply: function fxApply(token, name, mobile) {
+    return request('/saleDistribution/apply', true, 'post', { token: token, name: name, mobile: mobile });
+  },
+  fxApplyProgress: function fxApplyProgress(token) {
+    return request('/saleDistribution/apply/progress', true, 'get', { token: token });
+  },
+  fxMembers: function fxMembers(data) {
+    return request('/saleDistribution/members', true, 'post', data);
+  },
+  fxCommisionLog: function fxCommisionLog(data) {
+    return request('/saleDistribution/commision/log', true, 'post', data);
+  },
+  wxaQrcode: function wxaQrcode(data) {
+    return request('/qrcode/wxa/unlimit', true, 'post', data);
+  },
+  uploadFile: function uploadFile(token, tempFilePath) {
+    var uploadUrl = API_BASE_URL + '/' + subDomain + '/dfs/upload/file';
+    return new Promise(function (resolve, reject) {
+      wx.uploadFile({
+        url: uploadUrl,
+        filePath: tempFilePath,
+        name: 'upfile',
+        formData: {
+          'token': token
+        },
+        success: function success(res) {
+          resolve(JSON.parse(res.data));
+        },
+        fail: function fail(error) {
+          reject(error);
+        },
+        complete: function complete(aaa) {
+          // 加载完成
+        }
+      });
+    });
+  },
+  uploadFileFromUrl: function uploadFileFromUrl() {
+    var remoteFileUrl = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var ext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+
+    return request('/dfs/upload/url', true, 'post', { remoteFileUrl: remoteFileUrl, ext: ext });
+  },
+  uploadFileList: function uploadFileList() {
+    var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/dfs/upload/list', true, 'post', { path: path });
+  },
+  refundApply: function refundApply(data) {
+    return request('/order/refundApply/apply', true, 'post', data);
+  },
+  refundApplyDetail: function refundApplyDetail(token, orderId) {
+    return request('/order/refundApply/info', true, 'get', {
+      token: token,
+      orderId: orderId
+    });
+  },
+  refundApplyCancel: function refundApplyCancel(token, orderId) {
+    return request('/order/refundApply/cancel', true, 'post', {
+      token: token,
+      orderId: orderId
+    });
+  },
+  cmsCategories: function cmsCategories() {
+    return request('/cms/category/list', true, 'get', {});
+  },
+  cmsCategoryDetail: function cmsCategoryDetail(id) {
+    return request('/cms/category/detail', true, 'get', { id: id });
+  },
+  cmsArticles: function cmsArticles(data) {
+    return request('/cms/news/list', true, 'post', data);
+  },
+  cmsArticleUsefulLogs: function cmsArticleUsefulLogs(data) {
+    return request('/cms/news/useful/logs', true, 'post', data);
+  },
+  cmsArticleDetail: function cmsArticleDetail(id) {
+    return request('/cms/news/detail', true, 'get', { id: id });
+  },
+  cmsArticlePreNext: function cmsArticlePreNext(id) {
+    return request('/cms/news/preNext', true, 'get', { id: id });
+  },
+  cmsArticleCreate: function cmsArticleCreate(data) {
+    return request('/cms/news/put', true, 'post', data);
+  },
+  cmsArticleDelete: function cmsArticleDelete(token, id) {
+    return request('/cms/news/del', true, 'post', { token: token, id: id });
+  },
+  cmsArticleUseless: function cmsArticleUseless(data) {
+    return request('/cms/news/useful', true, 'post', data);
+  },
+  cmsPage: function cmsPage(key) {
+    return request('/cms/page/info/v2', true, 'get', { key: key });
+  },
+  cmsTags: function cmsTags() {
+    return request('/cms/tags/list', true, 'get', {});
+  },
+  invoiceList: function invoiceList(data) {
+    return request('/invoice/list', true, 'post', data);
+  },
+  invoiceApply: function invoiceApply(data) {
+    return request('/invoice/apply', true, 'post', data);
+  },
+  invoiceDetail: function invoiceDetail(token, id) {
+    return request('/invoice/info', true, 'get', { token: token, id: id });
+  },
+  depositList: function depositList(data) {
+    return request('/deposit/list', true, 'post', data);
+  },
+  payDeposit: function payDeposit(data) {
+    return request('/deposit/pay', true, 'post', data);
+  },
+  depositInfo: function depositInfo(token, id) {
+    return request('/deposit/info', true, 'get', { token: token, id: id });
+  },
+  depositBackApply: function depositBackApply(token, id) {
+    return request('/deposit/back/apply', true, 'post', { token: token, id: id });
+  },
+  fetchShops: function fetchShops(data) {
+    return request('/shop/subshop/list', true, 'post', data);
+  },
+  shopSubdetail: function shopSubdetail(id) {
+    return request('/shop/subshop/detail/v2', true, 'get', { id: id });
+  },
+  addComment: function addComment(data) {
+    return request('/comment/add', true, 'post', data);
+  },
+  commentList: function commentList(data) {
+    return request('/comment/list', true, 'post', data);
+  },
+  modifyUserInfo: function modifyUserInfo(data) {
+    return request('/user/modify', true, 'post', data);
+  },
+  uniqueId: function uniqueId() {
+    var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/uniqueId/get', true, 'get', { type: type });
+  },
+  queryBarcode: function queryBarcode() {
+    var barcode = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/barcode/info', true, 'get', { barcode: barcode });
+  },
+  luckyInfo: function luckyInfo(id) {
+    return request('/luckyInfo/info', true, 'get', { id: id });
+  },
+  luckyInfoJoin: function luckyInfoJoin(id, token) {
+    return request('/luckyInfo/join', true, 'post', { id: id, token: token });
+  },
+  luckyInfoJoinMy: function luckyInfoJoinMy(id, token) {
+    return request('/luckyInfo/join/my', true, 'get', { id: id, token: token });
+  },
+  luckyInfoJoinLogs: function luckyInfoJoinLogs(data) {
+    return request('/luckyInfo/join/logs', true, 'post', data);
+  },
+  jsonList: function jsonList(data) {
+    return request('/json/list', true, 'post', data);
+  },
+  jsonSet: function jsonSet(data) {
+    return request('/json/set', true, 'post', data);
+  },
+  jsonDelete: function jsonDelete() {
+    var token = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var id = arguments[1];
+
+    return request('/json/delete', true, 'post', { token: token, id: id });
+  },
+  graphValidateCodeUrl: function graphValidateCodeUrl() {
+    var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Math.random();
+
+    var _url = API_BASE_URL + '/' + subDomain + '/verification/pic/get?key=' + key;
+    return _url;
+  },
+  graphValidateCodeCheck: function graphValidateCodeCheck() {
+    var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Math.random();
+    var code = arguments[1];
+
+    return request('/verification/pic/check', true, 'post', { key: key, code: code });
+  },
+  shortUrl: function shortUrl() {
+    var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/common/short-url/shorten', false, 'post', { url: url });
+  },
+  smsValidateCode: function smsValidateCode(mobile) {
+    var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var picCode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    return request('/verification/sms/get', true, 'get', { mobile: mobile, key: key, picCode: picCode });
+  },
+  smsValidateCodeCheck: function smsValidateCodeCheck(mobile, code) {
+    return request('/verification/sms/check', true, 'post', { mobile: mobile, code: code });
+  },
+  mailValidateCode: function mailValidateCode(mail) {
+    return request('/verification/mail/get', true, 'get', { mail: mail });
+  },
+  mailValidateCodeCheck: function mailValidateCodeCheck(mail, code) {
+    return request('/verification/mail/check', true, 'post', { mail: mail, code: code });
+  },
+  mapDistance: function mapDistance(lat1, lng1, lat2, lng2) {
+    return request('/common/map/distance', false, 'get', { lat1: lat1, lng1: lng1, lat2: lat2, lng2: lng2 });
+  },
+  mapQQAddress: function mapQQAddress() {
+    var location = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var coord_type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '5';
+
+    return request('/common/map/qq/address', false, 'get', { location: location, coord_type: coord_type });
+  },
+  mapQQSearch: function mapQQSearch(data) {
+    return request('/common/map/qq/search', false, 'post', data);
+  },
+  virtualTraderList: function virtualTraderList(data) {
+    return request('/virtualTrader/list', true, 'post', data);
+  },
+  virtualTraderDetail: function virtualTraderDetail(token, id) {
+    return request('/virtualTrader/info', true, 'get', { token: token, id: id });
+  },
+  virtualTraderBuy: function virtualTraderBuy(token, id) {
+    return request('/virtualTrader/buy', true, 'post', { token: token, id: id });
+  },
+  virtualTraderMyBuyLogs: function virtualTraderMyBuyLogs(data) {
+    return request('/virtualTrader/buy/logs', true, 'post', data);
+  },
+  queuingTypes: function queuingTypes() {
+    var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+
+    return request('/queuing/types', true, 'get', { status: status });
+  },
+  queuingGet: function queuingGet(token, typeId) {
+    var mobile = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    return request('/queuing/get', true, 'post', { token: token, typeId: typeId, mobile: mobile });
+  },
+  queuingMy: function queuingMy(token) {
+    var typeId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+    var status = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    return request('/queuing/my', true, 'get', { token: token, typeId: typeId, status: status });
+  },
+  idcardCheck: function idcardCheck(token, name, idCardNo) {
+    return request('/user/idcard', true, 'post', { token: token, name: name, idCardNo: idCardNo });
+  },
+  loginout: function loginout(token) {
+    return request('/user/loginout', true, 'get', { token: token });
+  },
+  userLevelList: function userLevelList(data) {
+    return request('/user/level/list', true, 'post', data);
+  },
+  userLevelDetail: function userLevelDetail(levelId) {
+    return request('/user/level/info', true, 'get', { id: levelId });
+  },
+  userLevelPrices: function userLevelPrices(levelId) {
+    return request('/user/level/prices', true, 'get', { levelId: levelId });
+  },
+  userLevelBuy: function userLevelBuy(token, priceId) {
+    var isAutoRenew = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var remark = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+
+    return request('/user/level/buy', true, 'post', {
+      token: token,
+      userLevelPriceId: priceId,
+      isAutoRenew: isAutoRenew,
+      remark: remark
+    });
+  },
+  userLevelBuyLogs: function userLevelBuyLogs(data) {
+    return request('/user/level/buyLogs', true, 'post', data);
+  },
+  messageList: function messageList(data) {
+    return request('/user/message/list', true, 'post', data);
+  },
+  messageRead: function messageRead(token, id) {
+    return request('/user/message/read', true, 'post', { token: token, id: id });
+  },
+  messageDelete: function messageDelete(token, id) {
+    return request('/user/message/del', true, 'post', { token: token, id: id });
+  },
+  bindOpenid: function bindOpenid(token, code) {
+    return request('/user/wxapp/bindOpenid', true, 'post', {
+      token: token, code: code,
+      type: 2
+    });
+  },
+  encryptedData: function encryptedData(code, _encryptedData, iv) {
+    return request('/user/wxapp/decode/encryptedData', true, 'post', {
+      code: code, encryptedData: _encryptedData, iv: iv
+    });
+  },
+  scoreDeductionRules: function scoreDeductionRules() {
+    return request('/score/deduction/rules', true, 'get', {});
+  },
+  voteItems: function voteItems(data) {
+    return request('/vote/items', true, 'post', data);
+  },
+  voteItemDetail: function voteItemDetail(id) {
+    return request('/vote/info', true, 'get', { id: id });
+  },
+  vote: function vote(token, voteId, items, remark) {
+    return request('/vote/vote', true, 'post', {
+      token: token, voteId: voteId,
+      items: items.join(),
+      remark: remark
+    });
+  },
+  myVote: function myVote(token, voteId) {
+    return request('/vote/vote/info', true, 'get', {
+      token: token, voteId: voteId
+    });
+  },
+  voteLogs: function voteLogs(data) {
+    return request('/vote/vote/list', true, 'post', data);
+  },
+  yuyueItems: function yuyueItems(data) {
+    return request('/yuyue/items', true, 'post', data);
+  },
+  yuyueItemDetail: function yuyueItemDetail(id) {
+    return request('/yuyue/info', true, 'get', { id: id });
+  },
+  yuyueJoin: function yuyueJoin(data) {
+    return request('/yuyue/join', true, 'post', data);
+  },
+  yuyueJoinPay: function yuyueJoinPay(token, joinId) {
+    return request('/yuyue/pay', true, 'post', {
+      token: token, joinId: joinId
+    });
+  },
+  yuyueJoinUpdate: function yuyueJoinUpdate(token, joinId, extJsonStr) {
+    return request('/yuyue/join/update', true, 'post', {
+      token: token, joinId: joinId, extJsonStr: extJsonStr
+    });
+  },
+  yuyueMyJoinInfo: function yuyueMyJoinInfo(token, joinId) {
+    return request('/yuyue/join/info', true, 'post', {
+      token: token, joinId: joinId
+    });
+  },
+  yuyueMyJoinLogs: function yuyueMyJoinLogs(data) {
+    return request('/yuyue/join/list', true, 'post', data);
+  },
+  yuyueTeams: function yuyueTeams(data) {
+    return request('/yuyue/info/teams', true, 'post', data);
+  },
+  yuyueTeamDetail: function yuyueTeamDetail(teamId) {
+    return request('/yuyue/info/team', true, 'get', { teamId: teamId });
+  },
+  yuyueTeamMembers: function yuyueTeamMembers(data) {
+    return request('/yuyue/info/team/members', true, 'post', data);
+  },
+  yuyueTeamDeleteMember: function yuyueTeamDeleteMember(token, joinId) {
+    return request('/yuyue/info/team/members/del', true, 'post', data);
+  },
+  register_email: function register_email(data) {
+    return request('/user/email/register', true, 'post', data);
+  },
+  login_email: function login_email(data) {
+    return request('/user/email/login', true, 'post', data);
+  },
+  bindEmail: function bindEmail(token, email, code) {
+    var pwd = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
+
+    return request('/user/email/bindUsername', true, 'post', {
+      token: token, email: email, code: code, pwd: pwd
+    });
+  }
+};
+
+/***/ })
+/******/ ]);
\ No newline at end of file
diff --git a/native/package-lock.json b/native/package-lock.json
new file mode 100644
index 0000000..535e177
--- /dev/null
+++ b/native/package-lock.json
@@ -0,0 +1,13 @@
+{
+  "name": "wechat-app-mall",
+  "version": "7.0.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "apifm-wxapi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/apifm-wxapi/-/apifm-wxapi-2.0.0.tgz",
+      "integrity": "sha512-I8B8KbQ/zb43SYlWWKsE9qFeqG344OkfYuC4dZvHExAa4FbRC0Hna6Z2sehGXqkN3ILEbt5r7gjK5m1uC++1kQ=="
+    }
+  }
+}
diff --git a/native/package.json b/native/package.json
new file mode 100644
index 0000000..da6c17c
--- /dev/null
+++ b/native/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "wechat-app-mall",
+  "version": "7.0.0",
+  "description": "微信小程序商城，微信小程序微店",
+  "main": "app.js",
+  "dependencies": {
+    "apifm-wxapi": "^2.0.0"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EastWorld/wechat-app-mall.git"
+  },
+  "keywords": [
+    "微店",
+    "小店",
+    "微商城"
+  ],
+  "author": "gooking",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/EastWorld/wechat-app-mall/issues"
+  },
+  "homepage": "https://github.com/EastWorld/wechat-app-mall#readme"
+}
diff --git a/native/pages/card/main.js b/native/pages/card/main.js
new file mode 100644
index 0000000..c0f9425
--- /dev/null
+++ b/native/pages/card/main.js
@@ -0,0 +1,226 @@
+const WXAPI = require('apifm-wxapi')
+const AUTH = require('../../utils/auth')
+const APP = getApp()
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    wxlogin: true,
+    showMpjbutton: false,
+
+    openShare: false,
+    cardUserInfo: undefined,
+    kActionType: {},
+    content: '...',
+    qrcode: undefined
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (e) {
+    if (e.scene) { // 扫码
+      const scene = decodeURIComponent(e.scene)
+      wx.setStorageSync('referrer', scene)
+      wx.setStorageSync('cardUid', scene)
+    }    
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  async onShow () {
+    AUTH.checkHasLogined().then(isLogined => {
+      this.setData({
+        wxlogin: isLogined
+      })
+    })
+    await WXAPI.queryConfigBatch('mallName,DEFAULT_FRIEND_UID').then(function (res) {
+      if (res.code == 0) {
+        res.data.forEach(config => {
+          wx.setStorageSync(config.key, config.value);
+        })
+      }
+    })
+    
+    const cardUid = await this.getCardUid()
+    this.getCardInfo(cardUid)
+    const qrcode = APP.globalData._haibaoimg_qrcode
+    if (!qrcode) {
+      // 获取二维码
+      WXAPI.wxaQrcode({
+        scene: cardUid,
+        page: 'pages/card/main',
+        is_hyaline: false,
+        expireHours: 1
+      }).then(res => {
+        if(res.code == 0){
+          APP.globalData._haibaoimg_qrcode = res.data
+          this.setData({
+            qrcode: res.data
+          })
+        }
+      })
+    } else {
+      this.setData({
+        qrcode
+      })
+    }
+  },
+  async getCardUid(){
+    let cardUid = wx.getStorageSync('cardUid')
+    const uid = wx.getStorageSync('uid')
+    if (!cardUid) {
+      // 没有通过链接或者扫码进来
+      if (uid) {
+        // 当前用户已登录
+        const res = await WXAPI.userDetail(wx.getStorageSync('token'))
+        if (res.code == 0 && res.data.userLevel && res.data.userLevel.name === 'aicard') {
+          return uid
+        }
+      }
+      // 读取默认设置
+      cardUid = wx.getStorageSync('DEFAULT_FRIEND_UID')
+    }    
+    return cardUid
+  },
+  async getCardInfo(cardUid){
+    const uid = wx.getStorageSync('uid')
+    const token = wx.getStorageSync('token')
+    if (uid) {
+      // 添加到我的名片夹
+      WXAPI.addFriend(token, cardUid)
+    }
+    // 读取名片详情信息
+    const res = await WXAPI.friendUserDetail(token, cardUid)
+    if (res.code == 0) {
+      const _data = {
+        kActionType: {}
+      }
+      if (res.data.userLevel && res.data.userLevel.maxUser && res.data.userLevel.maxUser > 1) {
+        _data.showMpjbutton = true
+      }
+      _data.cardUserInfo = res.data
+      if (_data.cardUserInfo.ext) {
+        Object.keys(_data.cardUserInfo.ext).forEach(k => {
+          // kActionType
+          const v = _data.cardUserInfo.ext[k]
+          _data.kActionType[k] = v
+        })
+      }
+      wx.setNavigationBarTitle({
+        title: _data.cardUserInfo.base.nick + ' - ' + wx.getStorageSync('mallName')
+      })
+      this.setData(_data)
+    }
+  },
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+    return {
+      title: '您好，我是 ' + wx.getStorageSync('mallName') + ' 的' + this.data.cardUserInfo.base.nick + '，请惠存我的名片。',
+      path: '/pages/card/main?cardUid=' + this.data.cardUserInfo.base.id,
+      imageUrl: this.data.cardUserInfo.base.avatarUrl
+    }
+  },
+  callPhone(){
+    wx.makePhoneCall({
+      phoneNumber: this.data.cardUserInfo.base.mobile
+    })
+  },
+  copyData(e){
+    const v = e.currentTarget.dataset.v
+    wx.setClipboardData({
+      data: v,
+      success: (res) => {
+        wx.showToast({
+          title: '复制成功',
+          icon: 'success'
+        })
+      }
+    })
+  },
+  goIndex(){
+    wx.navigateTo({
+      url: '/pages/index/main'
+    })
+  },
+  createHaibao() { // 生成海报
+    wx.chooseImage({
+      count: 1,
+      success: (res) => {
+        console.log(res)
+        wx.setStorageSync('_haibaoimg', res.tempFilePaths[0])
+        this.cardposter()
+      }
+    })
+  },
+  cardposter() {
+    wx.navigateTo({ 
+        url: '/pages/cardposter/main?cardUid=' + this.data.cardUserInfo.base.id
+    })
+  },
+  addPhoneContact() {
+    // 调用登录接口
+    wx.addPhoneContact({
+      photoFilePath: this.data.cardUserInfo.base.avatarUrl,
+      organization: wx.getStorageSync('mallName'),
+      title: this.data.cardUserInfo.ext['职位'],
+      firstName: this.data.cardUserInfo.base.nick,
+      mobilePhoneNumber: this.data.cardUserInfo.base.mobile
+    })
+  },
+  cancelLogin() {
+    this.setData({
+      wxlogin: true
+    })
+  },
+  processLogin(e) {
+    if (!e.detail.userInfo) {
+      wx.showToast({
+        title: '已取消',
+        icon: 'none',
+      })
+      return;
+    }
+    AUTH.register(this);
+  },
+})
\ No newline at end of file
diff --git a/native/pages/card/main.json b/native/pages/card/main.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/native/pages/card/main.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/native/pages/card/main.wxml b/native/pages/card/main.wxml
new file mode 100644
index 0000000..fcc101d
--- /dev/null
+++ b/native/pages/card/main.wxml
@@ -0,0 +1,51 @@
+<view class="container">
+  <view class="max-width">
+    <image class="userinfo-avatar" src="{{cardUserInfo.base.avatarUrl}}" mode="widthFix" />
+  </view>
+  <view class="profile-box">
+    <view class="profile">
+      <view class="name">{{ cardUserInfo.base.nick }}</view>
+      <view class="position">{{ cardUserInfo.ext ? cardUserInfo.ext['职位'] : '-' }}</view>
+    </view>
+    <view class="profile2">
+      <view class="name">手机</view>
+      <view class="position">{{cardUserInfo.base.mobile}}</view>
+      <view class="action">
+        <button class="action" bindtap="callPhone">拨打</button>
+      </view>
+    </view>
+    <view wx:for="{{cardUserInfo.ext}}" wx:for-index='k' wx:key="index" class="profile2">
+      <view class="name">{{k}}</view>
+      <view class="position">{{item}}</view>
+      <view class="action">
+        <button class="action" data-v="{{item}}" bindtap="copyData">复制</button>
+      </view>
+    </view>
+  </view>
+  <view class="action-buttons">
+    <view class="button" bindtap="createHaibao">
+      <image class="img" src="/images/mp/posters.png" />
+      <view class="txt">生成海报</view>
+    </view>
+    <view class="button" bindtap="addPhoneContact">
+      <image class="img" src="/images/mp/txl.png" />
+      <view class="txt">存入通讯录</view>
+    </view>
+    <view class="button">
+      <button open-type="share" plain="true" style="border:none;">
+        <image class="img" style="margin-left:0;" src="/images/mp/share.png" />
+      </button>
+      <view class="txt">分享好友</view>
+    </view>
+  </view>
+  <view>
+    <image wx:if="{{ qrcode }}" class="qrcode" src="{{qrcode}}" />
+  </view>
+  <view wx:if="{{showMpjbutton}}" class="sharempj" bindtap="goIndex">
+    <image class="shareimg" src="/images/mp/mpj.png" />
+  </view>
+</view>
+
+
+<import src="/template/login/index.wxml" />
+<template is="apifmLogin" data="{{wxlogin: wxlogin}}" />
\ No newline at end of file
diff --git a/native/pages/card/main.wxss b/native/pages/card/main.wxss
new file mode 100644
index 0000000..4889200
--- /dev/null
+++ b/native/pages/card/main.wxss
@@ -0,0 +1,140 @@
+@import "/template/login/index.wxss";
+.container {
+  width: 750rpx;
+  background-color: #faf9f9;
+}
+.max-width {
+  width: 750rpx;
+  background-color: #ffffff;
+}
+.userinfo-avatar {
+  width: 750rpx;
+}
+.profile-box {
+  position: relative;
+  width:650rpx;
+  background-color: #ffffff;
+  bottom:100rpx;
+}
+.action-buttons {
+  width: 750rpx;
+  display: flex;
+  text-align: center;
+}
+.action-buttons .button {
+  width: 250rpx;
+  text-align: center;
+}
+.action-buttons .button .img {
+  width: 180rpx;
+  height: 180rpx;
+  margin-left: 35rpx;
+  display: block;
+}
+.action-buttons .button .txt {
+  font-size: 12px;
+  display: block;
+}
+.profile {
+  text-align: left;
+  padding: 20rpx;
+  color:#555555;
+  display: flex;
+  flex-direction: row;
+  align-items:flex-end;
+}
+.profile .name {
+  font-size: 20px;
+}
+.profile .position {
+  font-size: 12px;
+  margin-left: 30rpx;
+}
+.phone {
+  text-align: left;
+  padding: 20rpx;
+  font-size: 14px;
+}
+.profile2 {
+  text-align: left;
+  padding: 20rpx;
+  color:#555555;
+  display: flex;
+  flex-direction: row;
+  justify-content:space-between;
+  align-items:flex-end;
+}
+.profile2 .name {
+  font-size: 16px;
+  width:120rpx;
+}
+.profile2 .position {
+  font-size: 14px;
+  width:400rpx;
+}
+.profile2 .action {
+  font-size: 12px;
+  width:120rpx;
+}
+.share {
+  position:fixed;
+  right:0rpx;
+  top: 600rpx;
+}
+.sharempj {
+  position:fixed;
+  left:0rpx;
+  top: 60rpx;
+}
+.share .shareimg {
+  width:110rpx;
+  height:110rpx;
+}
+.sharempj .shareimg {
+  width:90rpx;
+  height:60rpx;
+}
+.shareFloatDiv1 {
+  position:fixed;
+  width:100%;
+  height:100%;
+  background-color:#555;filter:Alpha(Opacity=60);opacity:0.6;
+}
+.shareFloatDiv2 {
+  position:fixed;
+  width:100%;
+  height:400rpx;
+  background-color: #ffffff;
+  bottom: 0rpx;
+}
+.shareFloatDiv2 .p1 {
+  height:260rpx;
+  display: flex;
+  flex-direction: row;
+}
+.shareFloatDiv2 .p1 .wx {
+  font-size: 14px;
+  width:375rpx;
+  text-align: center;
+  padding-top: 50rpx;
+}
+.shareFloatDiv2 .p1 .wx .shareimg {
+  width:150rpx;
+  height:150rpx;
+}
+.shareFloatDiv2 .p2 {
+  height:20rpx;
+  background-color: #EEEEEE;
+}
+.shareFloatDiv2 .p3 {
+  height:100rpx;
+  line-height: 100rpx;
+  text-align: center;
+  color:#555555;
+  font-size: 14px;
+}
+.qrcode {
+  width:300rpx;
+  height:300rpx;
+  margin-top: 50rpx;
+}
\ No newline at end of file
diff --git a/native/pages/cardposter/main.js b/native/pages/cardposter/main.js
new file mode 100644
index 0000000..8f8e100
--- /dev/null
+++ b/native/pages/cardposter/main.js
@@ -0,0 +1,133 @@
+const WXAPI = require('apifm-wxapi')
+const APP = getApp()
+import imageUtil from '../../utils/image.js'
+
+
+let ctx
+
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    canvasstyle: '',
+    cardUid: undefined,
+    cardUserInfo: undefined
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (e) {
+    if (e && e.cardUid) {
+      this.setData({
+        cardUid: e.cardUid
+      })
+    }
+    wx.showLoading({
+      title: ''
+    })
+    this.downLoadTouxiang()
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+  downLoadTouxiang() {
+    let _this = this
+    wx.getImageInfo({
+      src: wx.getStorageSync('_haibaoimg'),
+      success: (res) => {
+        const imageSize = imageUtil(res.width, res.height)
+        const additionHeight = 50
+        const qrcodeWidth = imageSize.windowWidth / 3
+        _this.setData({
+          canvasstyle: 'height:' + (imageSize.imageHeight + additionHeight + qrcodeWidth) + 'px'
+        })
+        ctx = wx.createCanvasContext('firstCanvas')
+        ctx.setFillStyle('#fff')
+        ctx.fillRect(0, 0, imageSize.windowWidth, imageSize.imageHeight + additionHeight + qrcodeWidth)
+        ctx.drawImage(res.path, imageSize.x, imageSize.y, imageSize.imageWidth, imageSize.imageHeight)
+        // 画二维码
+        const left = (imageSize.imageWidth - qrcodeWidth) / 2
+        const top = imageSize.imageHeight + additionHeight / 2
+        wx.getImageInfo({
+          src: APP.globalData._haibaoimg_qrcode,
+          success: (res) => {
+            ctx.drawImage(res.path, left, top, qrcodeWidth, qrcodeWidth)
+            setTimeout(function () {
+              wx.hideLoading()
+              ctx.draw()
+            }, 1000)
+          }
+        })
+      }
+    })
+  },
+  saveToMobile() {
+    wx.canvasToTempFilePath({
+      canvasId: 'firstCanvas',
+      success: function (res) {
+        let tempFilePath = res.tempFilePath
+        wx.saveImageToPhotosAlbum({
+          filePath: tempFilePath,
+          success: (res) => {
+            wx.showModal({
+              content: '名片海报已保存到手机相册',
+              showCancel: false,
+              confirmText: '知道了',
+              confirmColor: '#333'
+            })
+          },
+          fail: (res) => {
+            wx.showToast({
+              title: res.errMsg,
+              icon: 'none',
+              duration: 2000
+            })
+          }
+        })
+      }
+    })
+  },
+})
\ No newline at end of file
diff --git a/native/pages/cardposter/main.json b/native/pages/cardposter/main.json
new file mode 100644
index 0000000..3ff87b2
--- /dev/null
+++ b/native/pages/cardposter/main.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "生成海报"
+}
\ No newline at end of file
diff --git a/native/pages/cardposter/main.wxml b/native/pages/cardposter/main.wxml
new file mode 100644
index 0000000..d5b9bbb
--- /dev/null
+++ b/native/pages/cardposter/main.wxml
@@ -0,0 +1,4 @@
+<view class="container">
+  <canvas class="canvas" style="{{canvasstyle}}" canvas-id="firstCanvas"></canvas>
+  <button class="button" type="primary" bindtap="saveToMobile">保存到手机相册</button>
+</view>
\ No newline at end of file
diff --git a/native/pages/cardposter/main.wxss b/native/pages/cardposter/main.wxss
new file mode 100644
index 0000000..cc64c47
--- /dev/null
+++ b/native/pages/cardposter/main.wxss
@@ -0,0 +1,8 @@
+.canvas {
+  width:750rpx;
+}
+.button {
+  width: 700rpx;
+  margin-top: 30rpx;
+  margin-bottom: 30rpx;
+}
\ No newline at end of file
diff --git a/native/pages/index/main.js b/native/pages/index/main.js
new file mode 100644
index 0000000..caab9f2
--- /dev/null
+++ b/native/pages/index/main.js
@@ -0,0 +1,118 @@
+const AUTH = require('../../utils/auth')
+const WXAPI = require('apifm-wxapi')
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    wxlogin: true,
+
+    cardList: [],
+    cardUid: undefined
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    wx.setNavigationBarTitle({
+      title: '名片夹 - ' + wx.getStorageSync('mallName')
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    AUTH.checkHasLogined().then(isLogined => {
+      this.setData({
+        wxlogin: isLogined
+      })
+      if (isLogined) {
+        this.fetchFriends();
+      }
+    })
+  },
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+  goCard(e) {
+    const uid = e.currentTarget.dataset.id
+    wx.setStorageSync('cardUid', uid)
+    wx.switchTab({
+      url: '/pages/card/main'
+    })
+  },
+  async fetchFriends() {
+    // 判断自己是不是名片
+    const token = wx.getStorageSync('token')
+    const cardList = []
+    let res = await WXAPI.userDetail(token)
+    if (res.code == 0 && res.data.userLevel && res.data.userLevel.name === 'aicard') {
+      cardList.push(res.data)
+    }
+    res = await WXAPI.friendList({
+      token: token
+    })
+    if (res.code == 0) {
+      for (let i = 0; i < res.data.result.length; i++){
+        const element = res.data.result[i]
+        const _res = await WXAPI.friendUserDetail(token, element.uids)
+        if (_res.code === 0) {
+          cardList.push(_res.data)
+        }
+      }
+    }
+    this.setData({
+      cardList
+    })
+  },
+  cancelLogin() {
+    wx.switchTab({
+      url: '/pages/card/main'
+    })
+  },
+  processLogin(e) {
+    if (!e.detail.userInfo) {
+      wx.showToast({
+        title: '已取消',
+        icon: 'none',
+      })
+      return;
+    }
+    AUTH.register(this);
+  },
+})
\ No newline at end of file
diff --git a/native/pages/index/main.json b/native/pages/index/main.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/native/pages/index/main.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/native/pages/index/main.wxml b/native/pages/index/main.wxml
new file mode 100644
index 0000000..a84bb53
--- /dev/null
+++ b/native/pages/index/main.wxml
@@ -0,0 +1,17 @@
+<import src="/template/login/index.wxml" />
+
+<view class="container">
+  <view wx:if="{{item.ext}}" wx:for="{{cardList}}" wx:key="id" class="card" data-id="{{item.base.id}}" bindtap="goCard">
+    <view class="profile">
+      <view class="name">{{ item.base.nick }}</view>
+      <view class="position">{{ item.ext['职位'] }}</view>
+      <view class="phone">{{ item.base.mobile }}</view>
+      <view class="mail">{{ item.ext['邮箱'] }}</view>
+    </view>
+    <view class="photo">
+      <image class="userinfo-avatar" src="{{item.base.avatarUrl}}" mode="widthFix" />
+    </view>
+  </view>
+</view>
+
+<template is="apifmLogin" data="{{wxlogin: wxlogin}}" />
\ No newline at end of file
diff --git a/native/pages/index/main.wxss b/native/pages/index/main.wxss
new file mode 100644
index 0000000..377a968
--- /dev/null
+++ b/native/pages/index/main.wxss
@@ -0,0 +1,38 @@
+@import "/template/login/index.wxss";
+
+.card {
+  display: flex;
+  flex-direction: row;
+  width: 680rpx;
+  height: 300rpx;
+  background-color: #ffffff;
+  border-radius:10px;
+  margin-top: 30rpx;
+}
+.card .profile {
+  width: 400rpx;
+  color:#555555;
+  padding-left: 20rpx;
+}
+.card .profile .name {
+  font-size: 30px;
+}
+.card .profile .position {
+  font-size: 20px;
+}
+.card .profile .phone {
+  margin-top: 60rpx;
+  font-size: 15px;
+}
+.card .profile .mail {
+  font-size: 15px;
+}
+.card .photo {
+  width: 280rpx;
+  height: 300rpx;
+  overflow: hidden;
+}
+.card .photo .userinfo-avatar {
+  width: 280rpx;
+  border-radius: 10px;
+}
\ No newline at end of file
diff --git a/native/pages/news-detail/main.js b/native/pages/news-detail/main.js
new file mode 100644
index 0000000..d4b2de6
--- /dev/null
+++ b/native/pages/news-detail/main.js
@@ -0,0 +1,81 @@
+const WxParse = require('../../wxParse/wxParse.js');
+const WXAPI = require('apifm-wxapi')
+
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    newsId: undefined,
+    newsObject: {
+      title: undefined,
+      content: undefined
+    }
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (e) {
+    this.setData({
+      newsId: e.newsId
+    })
+    this.fetchNewsContent()
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+  fetchNewsContent() {
+    WXAPI.cmsArticleDetail(this.data.newsId).then(res => {
+      if (res.code === 0) {
+        this.setData({
+          newsObject: res.data
+        })
+        wx.setNavigationBarTitle({
+          title: res.data.title + ' - ' + wx.getStorageSync('mallName')
+        })
+        WxParse.wxParse('article', 'html', res.data.content, this, 5);
+      }
+    })
+  }
+})
\ No newline at end of file
diff --git a/native/pages/news-detail/main.json b/native/pages/news-detail/main.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/native/pages/news-detail/main.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/native/pages/news-detail/main.wxml b/native/pages/news-detail/main.wxml
new file mode 100644
index 0000000..9c6f190
--- /dev/null
+++ b/native/pages/news-detail/main.wxml
@@ -0,0 +1,9 @@
+<import src="../../wxParse/wxParse.wxml" />
+
+<div class="container" style="background-color: #fff">
+  <div class="title">{{newsObject.title}}</div>
+  <div class="datetime">{{newsObject.dateAdd}}</div>
+  <div class="wxparse-content">
+    <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
+  </div>
+</div>
\ No newline at end of file
diff --git a/native/pages/news-detail/main.wxss b/native/pages/news-detail/main.wxss
new file mode 100644
index 0000000..3965330
--- /dev/null
+++ b/native/pages/news-detail/main.wxss
@@ -0,0 +1,17 @@
+@import "/wxParse/wxParse.wxss";
+
+.title {
+  text-align: left;
+  width:700rpx;
+}
+.datetime {
+  width:700rpx;
+  font-size: 12px;
+  margin-top: 10px;
+  color:#aaa;
+}
+.wxparse-content {
+  width: 700rpx;
+  text-align: left;
+  font-size: 14px;
+}
\ No newline at end of file
diff --git a/native/pages/news/main.js b/native/pages/news/main.js
new file mode 100644
index 0000000..59d4778
--- /dev/null
+++ b/native/pages/news/main.js
@@ -0,0 +1,82 @@
+const WXAPI = require('apifm-wxapi')
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    newsList: undefined,
+    content: '...'
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    wx.setNavigationBarTitle({
+      title: wx.getStorageSync('mallName')
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    this.fetchNews()
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+  fetchNews() {
+    WXAPI.cmsArticles({
+      categoryId: wx.getStorageSync('news_category_dt').id
+    }).then(res => {
+      if (res.code === 0) {
+        this.setData({
+          newsList: res.data
+        })
+      } else {
+        this.setData({
+          newsList: []
+        })
+      }
+    })
+  },
+  goDetail(e) {
+    wx.navigateTo({
+      url: '/pages/news-detail/main?newsId=' + e.currentTarget.dataset.id
+    })
+  }
+})
\ No newline at end of file
diff --git a/native/pages/news/main.json b/native/pages/news/main.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/native/pages/news/main.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/native/pages/news/main.wxml b/native/pages/news/main.wxml
new file mode 100644
index 0000000..f7b8cc3
--- /dev/null
+++ b/native/pages/news/main.wxml
@@ -0,0 +1,18 @@
+<div class="container" style="background-color: #fff;">
+  <div wx:if="{{!newsList}}" class="noData">
+    <image class="logo" src="/images/mp/nodata-message.png" mode="widthFix" />
+    <div>暂无数据 ~ </div>
+  </div>
+  <div wx:for="{{newsList}}" wx:for-index='id' class="newsList" bindtap="goDetail" data-id="{{item.id}}">
+    <div class="title">{{item.title}}</div>
+    <div class="descriptDiv">
+      <div class="word" :style="item.pic ? 'width: 75%;' : ''">
+        <div class="descript">{{item.descript}}</div>
+        <div style="clear:both;" />
+      </div>
+      <div wx:if="{{item.pic}}" class="cover">
+        <image class="cover-img" src="{{item.pic}}" mode="widthFix" />
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/native/pages/news/main.wxss b/native/pages/news/main.wxss
new file mode 100644
index 0000000..2260edf
--- /dev/null
+++ b/native/pages/news/main.wxss
@@ -0,0 +1,43 @@
+.noData {  
+  text-align: center;
+  font-size: 12px;
+  color:#666;
+  width: 750rpx;
+  height:200rpx;
+  padding-top: 100rpx;
+}
+.noData .logo {
+  width:300rpx;
+  margin-top:180rpx;
+}
+.newsList {
+  width: 720rpx;
+  padding-top:30rpx;
+  padding-bottom:30rpx;
+  border-bottom: 1px solid #f0f0f0;
+  display: flex;
+  flex-direction: column;
+}
+.title {
+  width: 100%;
+}
+.descriptDiv {
+  margin-top:10rpx;
+  display: flex;
+  flex-direction: row;
+}
+.descript {
+  font-size: 13px;
+  color:#666;
+}
+.word {
+  line-height: 25px;
+}
+.cover {
+  width: 25%;
+}
+
+.cover-img {
+  width: 100%;
+  border-radius: 10px;
+}
\ No newline at end of file
diff --git a/native/pages/products/main.js b/native/pages/products/main.js
new file mode 100644
index 0000000..f56af7c
--- /dev/null
+++ b/native/pages/products/main.js
@@ -0,0 +1,82 @@
+const WXAPI = require('apifm-wxapi')
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    newsList: undefined,
+    content: '...'
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    wx.setNavigationBarTitle({
+      title: wx.getStorageSync('mallName')
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+    this.fetchNews()
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+  fetchNews() {
+    WXAPI.cmsArticles({
+      categoryId: wx.getStorageSync('news_category_zs').id
+    }).then(res => {
+      if (res.code === 0) {
+        this.setData({
+          newsList: res.data
+        })
+      } else {
+        this.setData({
+          newsList: []
+        })
+      }
+    })
+  },
+  goDetail(e) {
+    wx.navigateTo({
+      url: '/pages/news-detail/main?newsId=' + e.currentTarget.dataset.id
+    })
+  }
+})
\ No newline at end of file
diff --git a/native/pages/products/main.json b/native/pages/products/main.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/native/pages/products/main.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/native/pages/products/main.wxml b/native/pages/products/main.wxml
new file mode 100644
index 0000000..31ef791
--- /dev/null
+++ b/native/pages/products/main.wxml
@@ -0,0 +1,13 @@
+<div class="container" style="background-color: #fff;">
+  <div wx:if="{{!newsList}}" class="noData">
+    <image class="logo" src="/static/images/nodata-message.png" mode="widthFix" />
+    <div>暂无数据 ~ </div>
+  </div>
+  <div wx:for="{{newsList}}" wx:for-index='id' class="newsList" bindtap="goDetail" data-id="{{item.id}}">
+    <div wx:if="{{item.pic}}" class="cover">
+      <image class="cover-img" src="{{item.pic}}" mode="widthFix" />
+    </div>
+    <div class="title">{{item.title}}</div>
+    <div class="descript">{{item.descript}}</div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/native/pages/products/main.wxss b/native/pages/products/main.wxss
new file mode 100644
index 0000000..8692721
--- /dev/null
+++ b/native/pages/products/main.wxss
@@ -0,0 +1,36 @@
+.noData {  
+  text-align: center;
+  font-size: 12px;
+  color:#666;
+  width: 750rpx;
+  height:200rpx;
+  padding-top: 100rpx;
+}
+.noData .logo {
+  width:300rpx;
+  margin-top:180rpx;
+}
+.newsList {
+  width: 720rpx;
+  padding-top:30rpx;
+  padding-bottom:30rpx;
+  border-bottom: 1px solid #f0f0f0;
+  display: flex;
+  flex-direction: column;
+}
+.cover {
+  width: 100%;
+}
+.cover-img {
+  width: 100%;
+  border-radius: 10px;
+}
+.title {
+  margin-top: 10px;
+}
+.descript {
+  margin-top: 10px;
+  line-height: 25px;
+  font-size: 13px;
+  color:#666;
+}
\ No newline at end of file
diff --git a/native/project.config.json b/native/project.config.json
new file mode 100644
index 0000000..535e884
--- /dev/null
+++ b/native/project.config.json
@@ -0,0 +1,106 @@
+{
+	"description": "项目配置文件。",
+	"setting": {
+		"urlCheck": false,
+		"es6": true,
+		"enhance": true,
+		"postcss": false,
+		"minified": true,
+		"newFeature": true,
+		"nodeModules": false,
+		"autoAudits": false,
+		"checkInvalidKey": true,
+		"checkSiteMap": true,
+		"uploadWithSourceMap": true,
+		"babelSetting": {
+			"ignore": [],
+			"disablePlugins": [],
+			"outputPath": ""
+		}
+	},
+	"compileType": "miniprogram",
+	"libVersion": "2.9.4",
+	"appid": "wx872cc8cc1327641a",
+	"projectname": "%E5%90%8D%E7%89%87%E5%B0%8F%E7%A8%8B%E5%BA%8F",
+	"scripts": {},
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {
+		"search": {
+			"current": -1,
+			"list": []
+		},
+		"conversation": {
+			"current": -1,
+			"list": []
+		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
+		"game": {
+			"current": -1,
+			"list": []
+		},
+		"miniprogram": {
+			"current": 7,
+			"list": [
+				{
+					"id": -1,
+					"name": "home",
+					"pathName": "pages/index/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "商品详情页面",
+					"pathName": "pages/goods-details/index",
+					"query": "id=134&inviter_id=456",
+					"scene": 1011
+				},
+				{
+					"id": -1,
+					"name": "商品详情页面",
+					"pathName": "pages/goods-details/index",
+					"query": "id= 6761",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "砍价详情页面",
+					"pathName": "pages/goods-details/index",
+					"query": "id=6765",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "砍价详情页面",
+					"pathName": "pages/goods-details/index",
+					"query": "id=6765&kjJoinUid=701677",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "拼团",
+					"pathName": "pages/goods-details/index",
+					"query": "id=6761",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "生成海报",
+					"pathName": "pages/goods-details/poster",
+					"query": "goodsid=6761",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "分销中心",
+					"pathName": "pages/fx/apply-status",
+					"scene": null
+				}
+			]
+		}
+	}
+}
\ No newline at end of file
diff --git a/native/sitemap.json b/native/sitemap.json
new file mode 100644
index 0000000..ca02add
--- /dev/null
+++ b/native/sitemap.json
@@ -0,0 +1,7 @@
+{
+  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
+  "rules": [{
+  "action": "allow",
+  "page": "*"
+  }]
+}
\ No newline at end of file
diff --git a/native/template/calendar/index.js b/native/template/calendar/index.js
new file mode 100644
index 0000000..42431ed
--- /dev/null
+++ b/native/template/calendar/index.js
@@ -0,0 +1,1362 @@
+let info;
+let currentPage = {};
+
+function getSystemInfo() {
+  if (info) return info;
+  info = wx.getSystemInfoSync();
+  return info;
+}
+
+function isIos() {
+  const sys = getSystemInfo();
+  return /iphone|ios/i.test(sys.platform);
+}
+
+/**
+ * 获取当前页面实例
+ */
+function getCurrentPage() {
+  const pages = getCurrentPages();
+  const last = pages.length - 1;
+  return pages[last];
+}
+
+/**
+ * new Date 区分平台
+ * @param {number} year
+ * @param {number} month
+ * @param {number} day
+ */
+function newDate(year, month, day) {
+  let cur = `${year}-${month}-${day}`;
+  if (isIos()) {
+    cur = `${year}/${month}/${day}`;
+  }
+  return new Date(cur);
+}
+
+/**
+ *  todo 数组去重
+ * @param {array} array todo 数组
+ */
+function uniqueTodoLabels(array = []) {
+  let uniqueObject = {};
+  let uniqueArray = [];
+  array.forEach(item => {
+    uniqueObject[`${item.year}-${item.month}-${item.day}`] = item;
+  });
+  for (let i in uniqueObject) {
+    uniqueArray.push(uniqueObject[i]);
+  }
+  return uniqueArray;
+}
+
+/**
+ * 上滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isUpSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+    if (deltaY < -60 && deltaX < 20 && deltaX > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+/**
+ * 下滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isDownSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+    if (deltaY > 60 && deltaX < 20 && deltaX > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+/**
+ * 左滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isLeftSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+    if (deltaX < -60 && deltaY < 20 && deltaY > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+/**
+ * 右滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isRightSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+
+    if (deltaX > 60 && deltaY < 20 && deltaY > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+
+// function info(msg) {
+//   console.log('%cInfo: %c' + msg, 'color:#FF0080;font-weight:bold', 'color: #FF509B');
+// }
+
+function warn(msg) {
+  console.log(
+    '%cWarn: %c' + msg,
+    'color:#FF6600;font-weight:bold',
+    'color: #FF9933'
+  );
+}
+
+function tips(msg) {
+  console.log(
+    '%cTips: %c' + msg,
+    'color:#00B200;font-weight:bold',
+    'color: #00CC33'
+  );
+}
+
+const conf = {
+  /**
+   * 计算指定月份共多少天
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  getThisMonthDays(year, month) {
+    return new Date(year, month, 0).getDate();
+  },
+  /**
+   * 计算指定月份第一天星期几
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  getFirstDayOfWeek(year, month) {
+    return new Date(Date.UTC(year, month - 1, 1)).getDay();
+  },
+  /**
+   * 计算指定日期星期几
+   * @param {number} year 年份
+   * @param {number} month  月份
+   * @param {number} date 日期
+   */
+  getDayOfWeek(year, month, date) {
+    return new Date(Date.UTC(year, month - 1, date)).getDay();
+  },
+  /**
+   * 渲染日历
+   * @param {number} curYear
+   * @param {number} curMonth
+   * @param {number} curDate
+   */
+  renderCalendar(curYear, curMonth, curDate) {
+    conf.calculateEmptyGrids.call(this, curYear, curMonth);
+    conf.calculateDays.call(this, curYear, curMonth, curDate);
+    const { todoLabels } = this.data.calendar || {};
+    const { afterCalendarRender } = this.config;
+    if (todoLabels && todoLabels instanceof Array) {
+      conf.setTodoLabels.call(this);
+    }
+
+    if (
+      afterCalendarRender &&
+      typeof afterCalendarRender === 'function' &&
+      !this.firstRender
+    ) {
+      afterCalendarRender(this);
+      this.firstRender = true;
+    }
+  },
+  /**
+   * 计算当前月份前后两月应占的格子
+   * @param {number} year 年份
+   * @param {number} month 月份
+   */
+  calculateEmptyGrids(year, month) {
+    conf.calculatePrevMonthGrids.call(this, year, month);
+    conf.calculateNextMonthGrids.call(this, year, month);
+  },
+  /**
+   * 计算上月应占的格子
+   * @param {number} year 年份
+   * @param {number} month 月份
+   */
+  calculatePrevMonthGrids(year, month) {
+    let empytGrids = [];
+    const prevMonthDays = conf.getThisMonthDays(year, month - 1);
+    const firstDayOfWeek = conf.getFirstDayOfWeek(year, month);
+    if (firstDayOfWeek > 0) {
+      const len = prevMonthDays - firstDayOfWeek;
+      for (let i = prevMonthDays; i > len; i--) {
+        empytGrids.push(i);
+      }
+      this.setData({
+        'calendar.empytGrids': empytGrids.reverse()
+      });
+    } else {
+      this.setData({
+        'calendar.empytGrids': null
+      });
+    }
+  },
+  /**
+   * 计算下月应占的格子
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  calculateNextMonthGrids(year, month) {
+    let lastEmptyGrids = [];
+    const thisMonthDays = conf.getThisMonthDays(year, month);
+    const lastDayWeek = conf.getDayOfWeek(year, month, thisMonthDays);
+    if (+lastDayWeek !== 6) {
+      const len = 7 - (lastDayWeek + 1);
+      for (let i = 1; i <= len; i++) {
+        lastEmptyGrids.push(i);
+      }
+      this.setData({
+        'calendar.lastEmptyGrids': lastEmptyGrids
+      });
+    } else {
+      this.setData({
+        'calendar.lastEmptyGrids': null
+      });
+    }
+  },
+  /**
+   * 设置日历面板数据
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  calculateDays(year, month, curDate) {
+    let days = [];
+    const {
+      todayTimestamp,
+      disableDays = [],
+      enableArea = [],
+      enableDays = [],
+      enableAreaTimestamp = []
+    } = this.data.calendar;
+    const thisMonthDays = conf.getThisMonthDays(year, month);
+    let expectEnableDaysTimestamp = converEnableDaysToTimestamp(enableDays);
+    if (enableArea.length) {
+      expectEnableDaysTimestamp = delRepeatedEnableDay(enableDays, enableArea);
+    }
+    let selectedDay = [];
+    if (this.config.noDefault) {
+      selectedDay = [];
+      this.config.noDefault = false;
+    } else {
+      selectedDay = curDate
+        ? [
+            {
+              day: curDate,
+              choosed: true,
+              year,
+              month
+            }
+          ]
+        : this.data.calendar.selectedDay;
+    }
+    for (let i = 1; i <= thisMonthDays; i++) {
+      days.push({
+        day: i,
+        choosed: false,
+        year,
+        month
+      });
+    }
+    const selectedDayCol = selectedDay.map(
+      d => `${d.year}-${d.month}-${d.day}`
+    );
+    const disableDaysCol = disableDays.map(
+      d => `${d.year}-${d.month}-${d.day}`
+    );
+    days.forEach(item => {
+      const cur = `${item.year}-${item.month}-${item.day}`;
+      if (selectedDayCol.indexOf(cur) !== -1) item.choosed = true;
+      if (disableDaysCol.indexOf(cur) !== -1) item.disable = true;
+      const timestamp = newDate(item.year, item.month, item.day).getTime();
+      let setDisable = false;
+      if (enableAreaTimestamp.length) {
+        if (
+          (+enableAreaTimestamp[0] > +timestamp ||
+            +timestamp > +enableAreaTimestamp[1]) &&
+          !expectEnableDaysTimestamp.includes(+timestamp)
+        ) {
+          setDisable = true;
+        }
+      } else if (
+        expectEnableDaysTimestamp.length &&
+        !expectEnableDaysTimestamp.includes(+timestamp)
+      ) {
+        setDisable = true;
+      }
+      if (setDisable) {
+        item.disable = true;
+        item.choosed = false;
+      }
+      if (
+        this.config.disablePastDay &&
+        timestamp - todayTimestamp < 0 &&
+        !item.disable
+      ) {
+        item.disable = true;
+      }
+    });
+    const tmp = { 'calendar.days': days };
+    if (curDate) {
+      tmp['calendar.selectedDay'] = selectedDay;
+    }
+    this.setData(tmp);
+  },
+  /**
+   * 当改变月份时触发
+   * @param {object} param
+   */
+  whenChangeMonth({ curYear, curMonth, newYear, newMonth }) {
+    const { whenChangeMonth } = this.config || {};
+    if (typeof whenChangeMonth === 'function') {
+      whenChangeMonth(
+        {
+          year: curYear,
+          month: curMonth
+        },
+        {
+          year: newYear,
+          month: newMonth
+        }
+      );
+    }
+  },
+  /**
+   * 选择上一月
+   */
+  choosePrevMonth() {
+    const { curYear, curMonth } = this.data.calendar;
+    let newYear = curYear;
+    let newMonth = curMonth - 1;
+    if (newMonth < 1) {
+      newYear = curYear - 1;
+      newMonth = 12;
+    }
+    conf.whenChangeMonth.call(this, { curYear, curMonth, newYear, newMonth });
+    this.setData({
+      'calendar.curYear': newYear,
+      'calendar.curMonth': newMonth
+    });
+    conf.renderCalendar.call(this, newYear, newMonth);
+  },
+  /**
+   * 选择下一月
+   */
+  chooseNextMonth() {
+    const { curYear, curMonth } = this.data.calendar;
+    let newYear = curYear;
+    let newMonth = curMonth + 1;
+    if (newMonth > 12) {
+      newYear = curYear + 1;
+      newMonth = 1;
+    }
+    conf.whenChangeMonth.call(this, { curYear, curMonth, newYear, newMonth });
+    this.setData({
+      'calendar.curYear': newYear,
+      'calendar.curMonth': newMonth
+    });
+    conf.renderCalendar.call(this, newYear, newMonth);
+  },
+  /**
+   * 日期点击事件
+   * @param {!object} e 事件对象
+   */
+  tapDayItem(e) {
+    const { idx, disable } = e.currentTarget.dataset;
+    if (disable) return;
+    let currentSelected = {}; // 当前选中日期
+    let { days, selectedDay: selectedDays } = this.data.calendar || []; // 所有选中日期
+    const config = this.config;
+    const { multi, onTapDay } = config;
+    const opts = {
+      e,
+      idx,
+      onTapDay,
+      currentSelected,
+      selectedDays,
+      days: days.slice()
+    };
+    if (multi) {
+      conf.whenMulitSelect.call(this, opts);
+    } else {
+      conf.whenSingleSelect.call(this, opts);
+    }
+  },
+  /**
+   * 点击日期后触发事件
+   * @param {object} currentSelected 当前选择的日期
+   * @param {array} selectedDays  多选状态下选中的日期
+   */
+  afterTapDay(currentSelected, selectedDays) {
+    const config = this.config;
+    const { multi, afterTapDay } = config;
+    if (afterTapDay && typeof afterTapDay === 'function') {
+      if (!multi) {
+        config.afterTapDay(currentSelected);
+      } else {
+        config.afterTapDay(currentSelected, selectedDays);
+      }
+    }
+  },
+  /**
+   * 多选
+   * @param {object} opts
+   */
+  whenMulitSelect(opts = {}) {
+    let { currentSelected, selectedDays } = opts;
+    const { days, idx, onTapDay, e } = opts;
+    days[idx].choosed = !days[idx].choosed;
+    if (!days[idx].choosed) {
+      days[idx].cancel = true; // 该次点击是否为取消日期操作
+      currentSelected = days[idx];
+      selectedDays = selectedDays.filter(
+        item =>
+          `${item.year}-${item.month}-${item.day}` !==
+          `${currentSelected.year}-${currentSelected.month}-${
+            currentSelected.day
+          }`
+      );
+    } else {
+      currentSelected = days[idx];
+      selectedDays.push(currentSelected);
+    }
+    if (onTapDay && typeof onTapDay === 'function') {
+      return this.config.onTapDay(currentSelected, e);
+    }
+    this.setData({
+      'calendar.days': days,
+      'calendar.selectedDay': selectedDays
+    });
+    conf.afterTapDay.call(this, currentSelected, selectedDays);
+  },
+  /**
+   * 单选
+   * @param {object} opts
+   */
+  whenSingleSelect(opts = {}) {
+    let { currentSelected, selectedDays = [] } = opts;
+    let shouldMarkerTodoDay = [];
+    const { days, idx, onTapDay, e } = opts;
+    const { month: sMonth, year: sYear } = selectedDays[0] || {};
+    const { month: dMonth, year: dYear } = days[0] || {};
+    const { calendar = {} } = this.data;
+    if (sMonth === dMonth && sYear === dYear && !this.weekMode) {
+      days[selectedDays[0].day - 1].choosed = false;
+    }
+    if (this.weekMode) {
+      days.forEach((item, idx) => {
+        if (item.day === selectedDays[0].day) days[idx].choosed = false;
+      });
+    }
+    if (calendar.todoLabels) {
+      // 过滤所有待办日期中当月有待办事项的日期
+      shouldMarkerTodoDay = calendar.todoLabels.filter(
+        item => +item.year === dYear && +item.month === dMonth
+      );
+    }
+    shouldMarkerTodoDay.forEach(item => {
+      // hasTodo 是否有待办事项
+      if (this.weekMode) {
+        days.forEach((_item, idx) => {
+          if (+_item.day === +item.day) {
+            const day = days[idx];
+            day.hasTodo = true;
+            day.todoText = item.todoText;
+            if (
+              selectedDays &&
+              selectedDays.length &&
+              +selectedDays[0].day === +item.day
+            ) {
+              day.showTodoLabel = true;
+            }
+          }
+        });
+      } else {
+        const day = days[item.day - 1];
+        day.hasTodo = true;
+        day.todoText = item.todoText;
+        if (
+          selectedDays &&
+          selectedDays.length &&
+          +selectedDays[0].day === +item.day
+        ) {
+          // showTodoLabel 是否显示待办标记
+          days[selectedDays[0].day - 1].showTodoLabel = true;
+        }
+      }
+    });
+    const currentDay = days[idx];
+    if (currentDay.showTodoLabel) currentDay.showTodoLabel = false;
+    currentDay.choosed = true;
+    currentSelected = currentDay;
+    if (onTapDay && typeof onTapDay === 'function') {
+      return this.config.onTapDay(currentSelected, e);
+    }
+    this.setData({
+      'calendar.days': days,
+      'calendar.selectedDay': [currentSelected]
+    });
+    conf.afterTapDay.call(this, currentSelected);
+  },
+  /**
+   * 设置代办事项标志
+   * @param {object} options 代办事项配置
+   */
+  setTodoLabels(options = {}) {
+    const { calendar } = this.data;
+    if (!calendar || !calendar.days) {
+      return warn('请等待日历初始化完成后再调用该方法');
+    }
+    const days = calendar.days.slice();
+    const { curYear, curMonth } = calendar;
+    const { days: todoDays = [], pos = 'bottom', dotColor = '' } = options;
+    const { todoLabels = [], todoLabelPos, todoLabelColor } = calendar;
+    const shouldMarkerTodoDay = todoDays.filter(
+      item => +item.year === curYear && +item.month === curMonth
+    );
+    let currentMonthTodoLabels = todoLabels.filter(
+      item => +item.year === curYear && +item.month === curMonth
+    );
+    shouldMarkerTodoDay.concat(currentMonthTodoLabels).forEach(item => {
+      let target = {};
+      if (this.weekMode) {
+        target = days.find(d => +d.day === +item.day);
+      } else {
+        target = days[item.day - 1];
+      }
+      if (target) target.showTodoLabel = !target.choosed;
+      if (target.showTodoLabel && item.todoText)
+        target.todoText = item.todoText;
+    });
+    const o = {
+      'calendar.days': days,
+      'calendar.todoLabels': uniqueTodoLabels(todoDays.concat(todoLabels))
+    };
+    if (pos && pos !== todoLabelPos) o['calendar.todoLabelPos'] = pos;
+    if (dotColor && dotColor !== todoLabelColor) {
+      o['calendar.todoLabelColor'] = dotColor;
+    }
+    this.setData(o);
+  },
+  /**
+   * 筛选待办事项
+   * @param {array} todos 需要删除待办标记的日期
+   */
+  filterTodos(todos) {
+    const { todoLabels } = this.data.calendar;
+    const deleteTodo = todos.map(
+      item => `${item.year}-${item.month}-${item.day}`
+    );
+    return todoLabels.filter(
+      item =>
+        deleteTodo.indexOf(`${item.year}-${item.month}-${item.day}`) === -1
+    );
+  },
+  /**
+   *  删除指定日期的待办标识
+   * @param {array} todos 需要删除待办标记的日期
+   */
+  deleteTodoLabels(todos) {
+    if (!(todos instanceof Array) || !todos.length) return;
+    const todoLabels = conf.filterTodos.call(this, todos);
+    const { days, curYear, curMonth } = this.data.calendar;
+    const currentMonthTodoLabels = todoLabels.filter(
+      item => curYear === +item.year && curMonth === +item.month
+    );
+    days.forEach(item => {
+      item.showTodoLabel = false;
+    });
+    currentMonthTodoLabels.forEach(item => {
+      days[item.day - 1].showTodoLabel = !days[item.day - 1].choosed;
+    });
+    this.setData({
+      'calendar.days': days,
+      'calendar.todoLabels': todoLabels
+    });
+  },
+  /**
+   * 清空所有日期的待办标识
+   */
+  clearTodoLabels() {
+    const { days = [] } = this.data.calendar;
+    const _days = [].concat(days);
+    _days.forEach(item => {
+      item.showTodoLabel = false;
+    });
+    this.setData({
+      'calendar.days': _days,
+      'calendar.todoLabels': []
+    });
+  },
+  /**
+   * 跳转至今天
+   */
+  jumpToToday() {
+    const date = new Date();
+    const curYear = date.getFullYear();
+    const curMonth = date.getMonth() + 1;
+    const curDate = date.getDate();
+    const timestamp = newDate(curYear, curMonth, curDate).getTime();
+    this.setData({
+      'calendar.curYear': curYear,
+      'calendar.curMonth': curMonth,
+      'calendar.selectedDay': [
+        {
+          year: curYear,
+          day: curDate,
+          month: curMonth,
+          choosed: true
+        }
+      ],
+      'calendar.todayTimestamp': timestamp
+    });
+    conf.renderCalendar.call(this, curYear, curMonth, curDate);
+  },
+  /**
+   * 日历滑动开始
+   * @param {object} e
+   */
+  calendarTouchstart(e) {
+    const t = e.touches[0];
+    const startX = t.clientX;
+    const startY = t.clientY;
+    currentPage.slideLock = true; // 滑动事件加锁
+    currentPage.setData({
+      'gesture.startX': startX,
+      'gesture.startY': startY
+    });
+  },
+  /**
+   * 日历滑动中
+   * @param {object} e
+   */
+  calendarTouchmove(e) {
+    const self = currentPage;
+    if (isLeftSlide.call(self, e)) {
+      self.setData({
+        'calendar.leftSwipe': 1
+      });
+      if (self.weekMode) return conf.calculateNextWeekDays.call(self);
+      conf.chooseNextMonth.call(self);
+    }
+    if (isRightSlide.call(self, e)) {
+      self.setData({
+        'calendar.rightSwipe': 1
+      });
+      if (self.weekMode) return conf.calculatePrevWeekDays.call(self);
+      conf.choosePrevMonth.call(self);
+    }
+  },
+  calendarTouchend(e) {
+    const self = currentPage;
+    self.setData({
+      'calendar.leftSwipe': 0,
+      'calendar.rightSwipe': 0
+    });
+  },
+  /**
+   * 更新当前年月
+   */
+  updateCurrYearAndMonth(type) {
+    let { days, curYear, curMonth } = this.data.calendar;
+    const { month: firstMonth } = days[0];
+    const { month: lastMonth } = days[days.length - 1];
+    const lastDayOfThisMonth = conf.getThisMonthDays(curYear, curMonth);
+    const lastDayOfThisWeek = days[days.length - 1];
+    const firstDayOfThisWeek = days[0];
+    if (
+      (lastDayOfThisWeek.day + 7 > lastDayOfThisMonth ||
+        (curMonth === firstMonth && firstMonth !== lastMonth)) &&
+      type === 'next'
+    ) {
+      curMonth = curMonth + 1;
+      if (curMonth > 12) {
+        curYear = curYear + 1;
+        curMonth = 1;
+      }
+    } else if (
+      (+firstDayOfThisWeek.day <= 7 ||
+        (curMonth === lastMonth && firstMonth !== lastMonth)) &&
+      type === 'prev'
+    ) {
+      curMonth = curMonth - 1;
+      if (curMonth <= 0) {
+        curYear = curYear - 1;
+        curMonth = 12;
+      }
+    }
+    return {
+      Uyear: curYear,
+      Umonth: curMonth
+    };
+  },
+  /**
+   * 计算周视图下当前这一周和当月的最后一天
+   */
+  calculateLastDay() {
+    const { days, curYear, curMonth } = this.data.calendar;
+    const lastDayInThisWeek = days[days.length - 1].day;
+    const lastDayInThisMonth = conf.getThisMonthDays(curYear, curMonth);
+    return { lastDayInThisWeek, lastDayInThisMonth };
+  },
+  /**
+   * 计算周视图下当前这一周第一天
+   */
+  calculateFirstDay() {
+    const { days } = this.data.calendar;
+    const firstDayInThisWeek = days[0].day;
+    return { firstDayInThisWeek };
+  },
+  /**
+   * 当月第一周所有日期范围
+   * @param {number} year
+   * @param {number} month
+   */
+  firstWeekInMonth(year, month) {
+    const firstDay = conf.getDayOfWeek(year, month, 1);
+    const firstWeekDays = [1, 1 + (6 - firstDay)];
+    const { days } = this.data.calendar;
+    const daysCut = days.slice(firstWeekDays[0] - 1, firstWeekDays[1]);
+    return daysCut;
+  },
+  /**
+   * 当月最后一周所有日期范围
+   * @param {number} year
+   * @param {number} month
+   */
+  lastWeekInMonth(year, month) {
+    const lastDay = conf.getThisMonthDays(year, month);
+    const lastDayWeek = conf.getDayOfWeek(year, month, lastDay);
+    const lastWeekDays = [lastDay - lastDayWeek, lastDay];
+    const { days } = this.data.calendar;
+    const daysCut = days.slice(lastWeekDays[0] - 1, lastWeekDays[1]);
+    return daysCut;
+  },
+  /**
+   * 渲染日期之前初始化已选日期
+   * @param {array} days 当前日期数组
+   */
+  initSelectedDay(days) {
+    const daysCopy = days.slice();
+    const { selectedDay = [], todoLabels = [] } = this.data.calendar;
+    const selectedDayStr = selectedDay.map(
+      item => `${item.year}+${item.month}+${item.day}`
+    );
+    const todoLabelsCol = todoLabels.map(d => `${d.year}-${d.month}-${d.day}`);
+    daysCopy.forEach(item => {
+      if (
+        selectedDayStr.indexOf(`${item.year}+${item.month}+${item.day}`) !== -1
+      ) {
+        item.choosed = true;
+      } else {
+        item.choosed = false;
+      }
+      const idx = todoLabelsCol.indexOf(
+        `${item.year}-${item.month}-${item.day}`
+      );
+      if (idx !== -1) {
+        item.showTodoLabel = !item.choosed;
+        if (item.showTodoLabel && todoLabels[idx].todoText)
+          item.todoText = todoLabels[idx].todoText;
+      }
+    });
+    return daysCopy;
+  },
+  /**
+   * 周视图下设置可选日期范围
+   * @param {object} days 当前展示的日期
+   */
+  setEnableAreaOnWeekMode(days) {
+    let {
+      todayTimestamp,
+      enableAreaTimestamp = [],
+      enableDaysTimestamp = []
+    } = this.data.calendar;
+    days.forEach(item => {
+      const timestamp = newDate(item.year, item.month, item.day).getTime();
+
+      let setDisable = false;
+      if (enableAreaTimestamp.length) {
+        if (
+          (+enableAreaTimestamp[0] > +timestamp ||
+            +timestamp > +enableAreaTimestamp[1]) &&
+          !enableDaysTimestamp.includes(+timestamp)
+        ) {
+          setDisable = true;
+        }
+      } else if (
+        enableDaysTimestamp.length &&
+        !enableDaysTimestamp.includes(+timestamp)
+      ) {
+        setDisable = true;
+      }
+      if (setDisable) {
+        item.disable = true;
+        item.choosed = false;
+      }
+      if (
+        this.config.disablePastDay &&
+        timestamp - todayTimestamp < 0 &&
+        !item.disable
+      ) {
+        item.disable = true;
+      }
+    });
+  },
+  /**
+   * 计算下一周的日期
+   */
+  calculateNextWeekDays() {
+    let { lastDayInThisWeek, lastDayInThisMonth } = conf.calculateLastDay.call(
+      this
+    );
+    let { curYear, curMonth } = this.data.calendar;
+    let days = [];
+    if (lastDayInThisMonth - lastDayInThisWeek >= 7) {
+      const { Uyear, Umonth } = conf.updateCurrYearAndMonth.call(this, 'next');
+      curYear = Uyear;
+      curMonth = Umonth;
+      for (let i = lastDayInThisWeek + 1; i <= lastDayInThisWeek + 7; i++) {
+        days.push({
+          year: curYear,
+          month: curMonth,
+          day: i
+        });
+      }
+    } else {
+      for (let i = lastDayInThisWeek + 1; i <= lastDayInThisMonth; i++) {
+        days.push({
+          year: curYear,
+          month: curMonth,
+          day: i
+        });
+      }
+      const { Uyear, Umonth } = conf.updateCurrYearAndMonth.call(this, 'next');
+      curYear = Uyear;
+      curMonth = Umonth;
+      for (let i = 1; i <= 7 - (lastDayInThisMonth - lastDayInThisWeek); i++) {
+        days.push({
+          year: curYear,
+          month: curMonth,
+          day: i
+        });
+      }
+    }
+    days = conf.initSelectedDay.call(this, days);
+    conf.setEnableAreaOnWeekMode.call(this, days);
+    this.setData({
+      'calendar.curYear': curYear,
+      'calendar.curMonth': curMonth,
+      'calendar.days': days
+    });
+  },
+  /**
+   * 计算上一周的日期
+   */
+  calculatePrevWeekDays() {
+    let { firstDayInThisWeek } = conf.calculateFirstDay.call(this);
+    let { curYear, curMonth } = this.data.calendar;
+    let days = [];
+
+    if (firstDayInThisWeek - 7 > 0) {
+      const { Uyear, Umonth } = conf.updateCurrYearAndMonth.call(this, 'prev');
+      curYear = Uyear;
+      curMonth = Umonth;
+      for (let i = firstDayInThisWeek - 7; i < firstDayInThisWeek; i++) {
+        days.push({
+          year: curYear,
+          month: curMonth,
+          day: i
+        });
+      }
+    } else {
+      let temp = [];
+      for (let i = 1; i < firstDayInThisWeek; i++) {
+        temp.push({
+          year: curYear,
+          month: curMonth,
+          day: i
+        });
+      }
+      const { Uyear, Umonth } = conf.updateCurrYearAndMonth.call(this, 'prev');
+      curYear = Uyear;
+      curMonth = Umonth;
+      const prevMonthDays = conf.getThisMonthDays(curYear, curMonth);
+      for (
+        let i = prevMonthDays - Math.abs(firstDayInThisWeek - 7);
+        i <= prevMonthDays;
+        i++
+      ) {
+        days.push({
+          year: curYear,
+          month: curMonth,
+          day: i
+        });
+      }
+      days = days.concat(temp);
+    }
+    days = conf.initSelectedDay.call(this, days);
+    conf.setEnableAreaOnWeekMode.call(this, days);
+    this.setData({
+      'calendar.curYear': curYear,
+      'calendar.curMonth': curMonth,
+      'calendar.days': days
+    });
+  },
+  /**
+   * 计算当前选中日期所在周，并重新渲染日历
+   * @param {object} currentDay 当前选择日期
+   */
+  selectedDayWeekAllDays(currentDay) {
+    let { days, curYear, curMonth } = this.data.calendar;
+    let { year, month, day } = currentDay;
+    let lastWeekDays = conf.lastWeekInMonth.call(this, year, month);
+    let empytGrids = [];
+    let lastEmptyGrids = [];
+    const firstWeekDays = conf.firstWeekInMonth.call(this, year, month);
+    // 判断选中日期的月份是否与当前月份一致
+    if (curYear !== year || curMonth !== month) day = 1;
+    if (curYear !== year) year = curYear;
+    if (curMonth !== month) month = curMonth;
+    if (firstWeekDays.find(item => item.day === day)) {
+      // 当前选择的日期为该月第一周
+      let temp = [];
+      const lastDayInThisMonth = conf.getThisMonthDays(year, month - 1);
+      const { Uyear, Umonth } = conf.updateCurrYearAndMonth.call(this, 'prev');
+      curYear = Uyear;
+      curMonth = Umonth;
+      for (
+        let i = lastDayInThisMonth - (7 - firstWeekDays.length) + 1;
+        i <= lastDayInThisMonth;
+        i++
+      ) {
+        temp.push({
+          year: curYear,
+          month: curMonth,
+          day: i
+        });
+      }
+      days = temp.concat(firstWeekDays);
+    } else if (lastWeekDays.find(item => item.day === day)) {
+      // 当前选择的日期为该月最后一周
+      const temp = [];
+      if (lastWeekDays && lastWeekDays.length < 7) {
+        const { Uyear, Umonth } = conf.updateCurrYearAndMonth.call(
+          this,
+          'next'
+        );
+        curYear = Uyear;
+        curMonth = Umonth;
+        for (let i = 1, len = 7 - lastWeekDays.length; i <= len; i++) {
+          temp.push({
+            year: curYear,
+            month: curMonth,
+            day: i
+          });
+        }
+      }
+      days = lastWeekDays.concat(temp);
+    } else {
+      const week = conf.getDayOfWeek(year, month, day);
+      const range = [day - week, day + (6 - week)];
+      days = days.slice(range[0] - 1, range[1]);
+    }
+    days = conf.initSelectedDay.call(this, days);
+    this.setData({
+      'calendar.days': days,
+      'calendar.empytGrids': empytGrids,
+      'calendar.lastEmptyGrids': lastEmptyGrids
+    });
+  },
+  /**
+   * 周、月视图切换
+   * @param {string} view  视图 [week, month]
+   */
+  switchWeek(view) {
+    if (this.config.multi) return warn('多选模式不能切换周月视图');
+    const { selectedDay = [], curYear, curMonth } = this.data.calendar;
+    if (!selectedDay.length) return;
+    const currentDay = selectedDay[0];
+    if (view === 'week') {
+      if (this.weekMode) return;
+      this.weekMode = true;
+      conf.selectedDayWeekAllDays.call(this, currentDay);
+    } else {
+      this.weekMode = false;
+      let { year, month, day } = currentDay;
+      if (curYear !== year || curMonth !== month) day = 1;
+      conf.renderCalendar.call(this, curYear, curMonth, day);
+    }
+  },
+  /**
+   * 禁用指定日期
+   * @param {array} days  禁用
+   */
+  disableDays(data) {
+    const { disableDays = [], days } = this.data.calendar;
+    if (Object.prototype.toString.call(data) !== '[object Array]') {
+      return warn('disableDays 参数为数组');
+    }
+    const _disableDays = data.concat(disableDays);
+    const disableDaysCol = _disableDays.map(
+      d => `${d.year}-${d.month}-${d.day}`
+    );
+    days.forEach(item => {
+      const cur = `${item.year}-${item.month}-${item.day}`;
+      if (disableDaysCol.indexOf(cur) !== -1) item.disable = true;
+    });
+    this.setData({
+      'calendar.days': days,
+      'calendar.disableDays': _disableDays
+    });
+  }
+};
+/**
+ * 获取已选择的日期
+ */
+export const getSelectedDay = () => {
+  return currentPage && currentPage.data.calendar.selectedDay;
+};
+/**
+ * 跳转至指定日期
+ */
+export const jump = (year, month, day) => {
+  const self = currentPage;
+  const { selectedDay } = self.data.calendar;
+  if (
+    selectedDay &&
+    +selectedDay[0].year === +year &&
+    +selectedDay[0].month === +month &&
+    +selectedDay[0].day === +day
+  ) {
+    return;
+  }
+  if (year && month) {
+    if (typeof +year !== 'number' || typeof +month !== 'number') {
+      return warn('jump 函数年月日参数必须为数字');
+    }
+    let tmp = {
+      'calendar.curYear': year,
+      'calendar.curMonth': month
+    };
+    self.setData(tmp, () => {
+      if (typeof +day === 'number') {
+        return conf.renderCalendar.call(self, year, month, day);
+      }
+      conf.renderCalendar.call(self, year, month);
+    });
+    return;
+  }
+  conf.jumpToToday.call(self);
+};
+/**
+ * 设置代办事项日期标记
+ * @param {object} todos  待办事项配置
+ * @param {string} [todos.pos] 标记显示位置，默认值'bottom' ['bottom', 'top']
+ * @param {string} [todos.dotColor] 标记点颜色，backgroundColor 支持的值都行
+ * @param {object[]} todos.days 需要标记的所有日期，如：[{year: 2015, month: 5, day: 12}]，其中年月日字段必填
+ */
+export const setTodoLabels = todos => {
+  conf.setTodoLabels.call(currentPage, todos);
+};
+/**
+ * 删除指定日期待办标记
+ * @param {array} todos 需要删除的待办日期数组
+ */
+export const deleteTodoLabels = todos => {
+  conf.deleteTodoLabels.call(currentPage, todos);
+};
+/**
+ * 清空所有待办标记
+ */
+export const clearTodoLabels = () => {
+  conf.clearTodoLabels.call(currentPage);
+};
+/**
+ * 切换周月视图
+ * @param {string} view 视图模式[week, month]
+ */
+export const switchView = view => {
+  conf.switchWeek.call(currentPage, view);
+};
+/**
+ * 禁用指定日期
+ * @param {array} days 日期
+ * @param {number} [days.year]
+ * @param {number} [days.month]
+ * @param {number} [days.day]
+ */
+export const disableDay = (days = []) => {
+  conf.disableDays.call(currentPage, days);
+};
+
+/**
+ * 指定可选日期及可选日期数组去重
+ * @param {array} enableDays 特定可选日期数组
+ * @param {array} enableArea 可选日期区域数组
+ */
+function delRepeatedEnableDay(enableDays = [], enableArea = []) {
+  let _startTimestamp;
+  let _endTimestamp;
+  if (enableArea.length === 2) {
+    const { startTimestamp, endTimestamp } = convertEnableAreaToTimestamp(
+      enableArea
+    );
+    _startTimestamp = startTimestamp;
+    _endTimestamp = endTimestamp;
+  }
+  const enableDaysTimestamp = converEnableDaysToTimestamp(enableDays);
+  const tmp = enableDaysTimestamp.filter(
+    item => item < _startTimestamp || item > _endTimestamp
+  );
+  return tmp;
+}
+/**
+ *  指定日期区域转时间戳
+ * @param {array} timearea 时间区域
+ */
+function convertEnableAreaToTimestamp(timearea) {
+  if (!timearea || !timearea.length) return;
+  const start = timearea[0].split('-');
+  const end = timearea[1].split('-');
+  const startTimestamp = newDate(start[0], start[1], start[2]).getTime();
+  const endTimestamp = newDate(end[0], end[1], end[2]).getTime();
+  return {
+    start,
+    end,
+    startTimestamp,
+    endTimestamp
+  };
+}
+
+/**
+ *  指定特定日期数组转时间戳
+ * @param {array} enableDays 指定时间数组
+ */
+function converEnableDaysToTimestamp(enableDays = []) {
+  const enableDaysTimestamp = [];
+  enableDays.forEach(item => {
+    if (typeof item !== 'string') return warn('enableDays()入参日期格式错误');
+    const tmp = item.split('-');
+    if (tmp.length !== 3) return warn('enableDays()入参日期格式错误');
+    const timestamp = newDate(tmp[0], tmp[1], tmp[2]).getTime();
+    enableDaysTimestamp.push(timestamp);
+  });
+  return enableDaysTimestamp;
+}
+
+/**
+ * 指定可选日期范围
+ * @param {array} area 日期访问数组
+ */
+export const enableArea = (area = []) => {
+  const self = currentPage;
+  const { enableDays = [] } = self.data.calendar;
+  let expectEnableDaysTimestamp = [];
+  if (enableDays.length) {
+    expectEnableDaysTimestamp = delRepeatedEnableDay(enableDays, area);
+  }
+  if (area.length === 2) {
+    const {
+      start,
+      end,
+      startTimestamp,
+      endTimestamp
+    } = convertEnableAreaToTimestamp(area);
+    const startMonthDays = conf.getThisMonthDays(start[0], start[1]);
+    const endMonthDays = conf.getThisMonthDays(end[0], end[1]);
+    if (start[2] > startMonthDays || start[2] < 1) {
+      return warn('enableArea() 开始日期错误，指定日期不在当前月份天数范围内');
+    }
+    if (start[1] > 12 || start[1] < 1) {
+      return warn('enableArea() 开始日期错误，月份超出1-12月份');
+    }
+    if (end[2] > endMonthDays || end[2] < 1) {
+      return warn('enableArea() 截止日期错误，指定日期不在当前月份天数范围内');
+    }
+    if (end[1] > 12 || end[1] < 1) {
+      return warn('enableArea() 截止日期错误，月份超出1-12月份');
+    }
+    if (startTimestamp > endTimestamp) {
+      warn('enableArea()参数最小日期大于了最大日期');
+    } else {
+      let { days = [], selectedDay = [] } = self.data.calendar;
+      const daysCopy = days.slice();
+      daysCopy.forEach(item => {
+        const timestamp = newDate(item.year, item.month, item.day).getTime();
+        if (
+          (+startTimestamp > +timestamp || +timestamp > +endTimestamp) &&
+          !expectEnableDaysTimestamp.includes(+timestamp)
+        ) {
+          item.disable = true;
+          if (item.choosed) {
+            item.choosed = false;
+            selectedDay = selectedDay.filter(
+              d =>
+                `${item.year}-${item.month}-${item.day}` !==
+                `${d.year}-${d.month}-${d.day}`
+            );
+          }
+        } else if (item.disable) {
+          item.disable = false;
+        }
+      });
+      self.setData({
+        'calendar.days': daysCopy,
+        'calendar.selectedDay': selectedDay,
+        'calendar.enableArea': area,
+        'calendar.enableAreaTimestamp': [startTimestamp, endTimestamp]
+      });
+    }
+  } else {
+    warn('enableArea()参数需为时间范围数组，形如：["2018-8-4" , "2018-8-24"]');
+  }
+};
+/**
+ * 指定特定日期可选
+ * @param {array} days 指定日期数组
+ */
+export function enableDays(days = []) {
+  const self = currentPage;
+  const { enableArea = [], enableAreaTimestamp = [] } = self.data.calendar;
+  let expectEnableDaysTimestamp = [];
+  if (enableArea.length) {
+    expectEnableDaysTimestamp = delRepeatedEnableDay(days, enableArea);
+  } else {
+    expectEnableDaysTimestamp = converEnableDaysToTimestamp(days);
+  }
+  let { days: allDays = [], selectedDay = [] } = self.data.calendar;
+  const daysCopy = allDays.slice();
+  daysCopy.forEach(item => {
+    const timestamp = newDate(item.year, item.month, item.day).getTime();
+    let setDisable = false;
+    if (enableAreaTimestamp.length) {
+      if (
+        (+enableAreaTimestamp[0] > +timestamp ||
+          +timestamp > +enableAreaTimestamp[1]) &&
+        !expectEnableDaysTimestamp.includes(+timestamp)
+      ) {
+        setDisable = true;
+      }
+    } else if (!expectEnableDaysTimestamp.includes(+timestamp)) {
+      setDisable = true;
+    }
+    if (setDisable) {
+      item.disable = true;
+      if (item.choosed) {
+        item.choosed = false;
+        selectedDay = selectedDay.filter(
+          d =>
+            `${item.year}-${item.month}-${item.day}` !==
+            `${d.year}-${d.month}-${d.day}`
+        );
+      }
+    } else {
+      item.disable = false;
+    }
+  });
+  self.setData({
+    'calendar.days': daysCopy,
+    'calendar.selectedDay': selectedDay,
+    'calendar.enableDays': days,
+    'calendar.enableDaysTimestamp': expectEnableDaysTimestamp
+  });
+}
+/**
+ * 注册日历事件至当前页面
+ * @param {array} events 需要注册的事件
+ */
+function bindFunctionToPage(events) {
+  if (!events || !events.length) return;
+  events.forEach(item => {
+    this[item] = conf[item].bind(this);
+  });
+}
+
+/**
+ * 绑定日历事件至当前页面实例
+ * @param {object} page 当前页面实例
+ */
+function mountEventsOnPage(page) {
+  page.calendar = {
+    jump,
+    switchView,
+    disableDay,
+    enableArea,
+    enableDays,
+    getSelectedDay,
+    setTodoLabels,
+    deleteTodoLabels,
+    clearTodoLabels
+  };
+}
+
+export default (config = {}) => {
+  tips(
+    '使用中若遇问题请反馈至 https://github.com/treadpit/wx_calendar/issues ✍️'
+  );
+  const weeksCh = ['日', '一', '二', '三', '四', '五', '六'];
+  currentPage = getCurrentPage();
+  currentPage.config = config;
+  currentPage.setData({
+    'calendar.weeksCh': weeksCh
+  });
+  if (config.defaultDay && typeof config.defaultDay === 'string') {
+    const day = config.defaultDay.split('-');
+    if (day.length < 3) {
+      return warn('配置 jumpTo 格式应为: 2018-4-2 或 2018-04-02');
+    }
+    jump(+day[0], +day[1], +day[2]);
+  } else {
+    conf.jumpToToday.call(currentPage);
+  }
+  const events = [
+    'tapDayItem',
+    'choosePrevMonth',
+    'chooseNextMonth',
+    'calendarTouchstart',
+    'calendarTouchmove',
+    'calendarTouchend'
+  ];
+  bindFunctionToPage.call(currentPage, events);
+  mountEventsOnPage(currentPage);
+};
diff --git a/native/template/calendar/index.wxml b/native/template/calendar/index.wxml
new file mode 100644
index 0000000..ac69089
--- /dev/null
+++ b/native/template/calendar/index.wxml
@@ -0,0 +1,46 @@
+<template name="calendar">
+	<view class="flex box box-tb box-align-center">
+		<view class="calendar pink-color box box-tb">
+			<view class="top-handle fs28 box box-lr box-align-center box-pack-center">
+				<!-- <view class="prev box box-rl" bindtap="choosePrevMonth" data-handle="prev">
+					<view class="prev-handle box box-lr box-align-center box-pack-center">《</view>
+				</view> -->
+				<view class="date-area box box-lr box-align-center box-pack-center">{{curYear || "--"}} 年 {{curMonth || "--"}} 月</view>
+				<!-- <view class="next box box-lr" bindtap="chooseNextMonth" data-handle="next">
+					<view class="next-handle box box-lr box-align-center box-pack-center">》</view>
+				</view> -->
+			</view>
+			<view class="weeks box box-lr box-align-center">
+				<view class="week fs28" wx:for="{{weeksCh}}" wx:key="{{index}}" data-idx="{{index}}">{{item}}</view>
+			</view>
+      <view class="perspective">
+        <view class="days box box-lr box-wrap {{leftSwipe ? 'leftRoate' : ''}}  {{rightSwipe ? 'rightRoate' : ''}}">
+          <view wx:if="{{empytGrids}}" class="grid disable-day-color box box-align-center box-pack-center"
+            wx:for="{{empytGrids}}"
+            wx:key="{{index}}"
+            data-idx="{{index}}">
+              <view class="day box box-align-center box-pack-center">{{item}}</view>
+          </view>
+          <view class="grid normal-day-color box box-align-center box-pack-center"
+            wx:for="{{days}}"
+            wx:key="{{index}}"
+            data-disable="{{item.disable}}"
+            data-idx="{{index}}"
+            bindtap="tapDayItem">
+              <view class="day-with-dot box box-tb box-align-center box-pack-center">
+                <view wx:if="{{item.showTodoLabel && todoLabelPos === 'top'}}" class="{{item.todoText ? 'todo-text' : 'todo-dot'}}" style="background-color: {{todoLabelColor}}">{{item.todoText}}</view>
+                <view class="day border-radius {{item.choosed ? 'day-choosed-color pink-bg' : ''}} {{ item.disable ? 'disable-day-color disable-day-circle' : '' }} box box-align-center box-pack-center">{{item.day}}</view>
+                <view wx:if="{{item.showTodoLabel && todoLabelPos === 'bottom'}}" class="{{item.todoText ? 'todo-text' : 'todo-dot'}}" style="background-color: {{todoLabelColor}}">{{item.todoText}}</view>
+              </view>
+          </view>
+          <view class="grid disable-day-color box box-align-center box-pack-center"
+            wx:for="{{lastEmptyGrids}}"
+            wx:key="{{index}}"
+            data-idx="{{index}}">
+              <view class="day box box-align-center box-pack-center">{{item}}</view>
+          </view>
+        </view>
+      </view>
+		</view>
+	</view>
+</template>
\ No newline at end of file
diff --git a/native/template/calendar/index.wxss b/native/template/calendar/index.wxss
new file mode 100644
index 0000000..8df59b4
--- /dev/null
+++ b/native/template/calendar/index.wxss
@@ -0,0 +1,275 @@
+/* pages/calendar/calendar.wxss */
+.box {
+  display: flex;
+}
+
+.box-lr {
+  flex-direction: row;
+}
+
+.box-rl {
+  flex-direction: row-reverse;
+}
+
+.box-tb {
+  flex-direction: column;
+}
+
+.box-pack-center {
+  justify-content: center;
+}
+
+.box-align-center {
+  align-items: center;
+}
+
+.box-wrap {
+  flex-wrap: wrap;
+}
+
+.flex {
+  flex-grow: 1;
+}
+
+.bg {
+  background-image: linear-gradient(to bottom, #faefe7, #ffcbd7);
+  overflow: hidden;
+}
+
+.pink-color {
+  color: #ff629a;
+}
+
+.white-color {
+  color: #fff;
+}
+
+.fs24 {
+  font-size: 24rpx;
+}
+
+.fs28 {
+  font-size: 28rpx;
+}
+
+.fs32 {
+  font-size: 32rpx;
+}
+
+.fs36 {
+  font-size: 36rpx;
+}
+
+.calendar {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.top-handle {
+  height: 80rpx;
+}
+
+.prev {
+  text-align: right;
+  height: 80rpx;
+}
+
+.next {
+  height: 80rpx;
+}
+
+.prev-handle {
+  width: 80rpx;
+  height: 100%;
+}
+
+.next-handle {
+  width: 80rpx;
+  height: 100%;
+}
+
+.date-area {
+  width: 375rpx;
+  height: 80rpx;
+  text-align: center;
+}
+
+.weeks {
+  height: 50rpx;
+  line-height: 50rpx;
+  opacity: 0.5;
+}
+
+.week {
+  text-align: center;
+  line-height: 104rpx;
+}
+
+.grid,
+.week {
+  width: 104rpx;
+  height: 104rpx;
+}
+
+.day {
+  width: 60rpx;
+  height: 60rpx;
+  font-size: 26rpx;
+  font-weight: 200;
+}
+
+.normal-day-color {
+  color: #88d2ac;
+}
+
+.day-choosed-color {
+  color: #fff;
+}
+
+.todo-dot {
+  width: 10rpx;
+  height: 10rpx;
+  border-radius: 50%;
+  background-color: #cc5226;
+}
+
+.todo-text {
+  font-size: 22rpx;
+  color: #c2c2c2;
+}
+
+.day-with-dot {
+  height: 72rpx;
+}
+
+.disable-day-color {
+  color: #cacaca;
+}
+
+.disable-day-circle {
+  background-color: #f6f6f7;
+}
+
+.border-radius {
+  border-radius: 50%;
+  position: relative;
+  left: 0;
+  top: 0;
+}
+
+.pink-bg {
+  background-color: #ff629a;
+  transition: all 0.3s;
+  animation-name: choosed;
+  animation-duration: 0.5s;
+  animation-timing-function: linear;
+  animation-iteration-count: 1;
+}
+
+@keyframes choosed {
+  from {
+    transform: scale(1);
+  }
+
+  50% {
+    transform: scale(0.9);
+  }
+
+  to {
+    transform: scale(1);
+  }
+}
+
+.purple-bg {
+  background-color: #b8b8f1;
+}
+
+.right-triangle::after {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border: 15rpx solid transparent;
+  border-left-color: #ff629a;
+  position: absolute;
+  right: -22rpx;
+  top: 18rpx;
+}
+
+.left-triangle::before {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border: 15rpx solid transparent;
+  border-right-color: #ff629a;
+  position: absolute;
+  left: -22rpx;
+  top: 18rpx;
+}
+
+.tips {
+  text-align: center;
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.types {
+  background-color: #ffedf4;
+  height: 50rpx;
+}
+
+.types-desc {
+  padding: 0 20rpx;
+}
+
+.type-name {
+  margin-top: 50rpx;
+  margin-bottom: 30rpx;
+}
+
+.type-desc {
+  padding: 0 35rpx;
+  line-height: 38rpx;
+}
+
+.explain {
+  border-top: 1px solid #eee;
+  width: 90%;
+  margin: 20rpx 5% 20rpx 5%;
+  padding: 20rpx 0;
+}
+
+.explain-title {
+  font-weight: bold;
+  margin-bottom: 15rpx;
+}
+
+.explain-item {
+  padding: 8rpx 20rpx;
+  color: #fff;
+}
+
+.left-border-radius {
+  border-top-left-radius: 20rpx;
+  border-bottom-left-radius: 20rpx;
+}
+
+.right-border-radius {
+  border-top-right-radius: 20rpx;
+  border-bottom-right-radius: 20rpx;
+}
+
+.perspective {
+  perspective: 750rpx;
+}
+
+.leftRoate {
+  transition: all 1s;
+  transform: rotateY(-5deg);
+}
+
+.rightRoate {
+  transition: all 1s;
+  transform: rotateY(5deg);
+}
\ No newline at end of file
diff --git a/native/template/datepicker/index.js b/native/template/datepicker/index.js
new file mode 100644
index 0000000..9aa1156
--- /dev/null
+++ b/native/template/datepicker/index.js
@@ -0,0 +1,441 @@
+/**
+ * 上滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isUpSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+    if (deltaY < -60 && deltaX < 20 && deltaX > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+/**
+ * 下滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isDownSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+    if (deltaY > 60 && deltaX < 20 && deltaX > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+/**
+ * 左滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isLeftSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+    if (deltaX < -60 && deltaY < 20 && deltaY > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+/**
+ * 右滑
+ * @param {object} e 事件对象
+ * @returns {boolean} 布尔值
+ */
+export function isRightSlide(e) {
+  const { startX, startY } = this.data.gesture;
+  if (this.slideLock) {
+    const t = e.touches[0];
+    const deltaX = t.clientX - startX;
+    const deltaY = t.clientY - startY;
+
+    if (deltaX > 60 && deltaY < 20 && deltaY > -20) {
+      this.slideLock = false;
+      return true;
+    } else {
+      return false;
+    }
+  }
+}
+
+const conf = {
+  /**
+   * 计算指定月份共多少天
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  getThisMonthDays(year, month) {
+    return new Date(year, month, 0).getDate();
+  },
+  /**
+   * 计算指定月份第一天星期几
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  getFirstDayOfWeek(year, month) {
+    return new Date(Date.UTC(year, month - 1, 1)).getDay();
+  },
+  /**
+   * 计算当前月份前后两月应占的格子
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  calculateEmptyGrids(year, month) {
+    conf.calculatePrevMonthGrids.call(this, year, month);
+    conf.calculateNextMonthGrids.call(this, year, month);
+  },
+  /**
+   * 计算上月应占的格子
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  calculatePrevMonthGrids(year, month) {
+    const prevMonthDays = conf.getThisMonthDays(year, month - 1);
+    const firstDayOfWeek = conf.getFirstDayOfWeek(year, month);
+    let empytGrids = [];
+    if (firstDayOfWeek > 0) {
+      const len = prevMonthDays - firstDayOfWeek;
+      for (let i = prevMonthDays; i > len; i--) {
+        empytGrids.push(i);
+      }
+      this.setData({
+        'datepicker.empytGrids': empytGrids.reverse()
+      });
+    } else {
+      this.setData({
+        'datepicker.empytGrids': null
+      });
+    }
+  },
+  /**
+   * 计算下月应占的格子
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  calculateNextMonthGrids(year, month) {
+    const thisMonthDays = conf.getThisMonthDays(year, month);
+    const lastDayWeek = new Date(`${year}-${month}-${thisMonthDays}`).getDay();
+    let lastEmptyGrids = [];
+    if (+lastDayWeek !== 6) {
+      const len = 7 - (lastDayWeek + 1);
+      for (let i = 1; i <= len; i++) {
+        lastEmptyGrids.push(i);
+      }
+      this.setData({
+        'datepicker.lastEmptyGrids': lastEmptyGrids
+      });
+    } else {
+      this.setData({
+        'datepicker.lastEmptyGrids': null
+      });
+    }
+  },
+  /**
+   * 设置日历面板数据
+   * @param {number} year 年份
+   * @param {number} month  月份
+   */
+  calculateDays(year, month, curDate) {
+    const { todayTimestamp } = this.data.datepicker;
+    let days = [];
+    let day;
+    let selectMonth;
+    let selectYear;
+    const thisMonthDays = conf.getThisMonthDays(year, month);
+    const selectedDay = this.data.datepicker.selectedDay;
+    if (selectedDay && selectedDay.length) {
+      day = selectedDay[0].day;
+      selectMonth = selectedDay[0].month;
+      selectYear = selectedDay[0].year;
+    }
+    for (let i = 1; i <= thisMonthDays; i++) {
+      days.push({
+        day: i,
+        choosed: curDate
+          ? i === curDate
+          : year === selectYear && month === selectMonth && i === day,
+        year,
+        month
+      });
+    }
+    days.map(item => {
+      const timestamp = new Date(
+        `${item.year}-${item.month}-${item.day}`
+      ).getTime();
+      if (this.config.disablePastDay && timestamp - todayTimestamp < 0) {
+        item.disable = true;
+      }
+    });
+    const tmp = {
+      'datepicker.days': days
+    };
+    if (curDate) {
+      tmp['datepicker.selectedDay'] = [
+        {
+          day: curDate,
+          choosed: true,
+          year,
+          month
+        }
+      ];
+    }
+    this.setData(tmp);
+  },
+  /**
+   * 跳转至今天
+   */
+  jumpToToday() {
+    const date = new Date();
+    const curYear = date.getFullYear();
+    const curMonth = date.getMonth() + 1;
+    const curDate = date.getDate();
+    conf.renderCalendar.call(this, curYear, curMonth, curDate);
+  },
+  /**
+   * 渲染日历
+   * @param {number} year
+   * @param {number} month
+   * @param {number} day
+   */
+  renderCalendar(year, month, day) {
+    const timestamp = new Date(`${year}-${month}-${day}`).getTime();
+    this.setData({
+      'datepicker.curYear': year,
+      'datepicker.curMonth': month,
+      'datepicker.todayTimestamp': timestamp
+    });
+    conf.calculateEmptyGrids.call(this, year, month);
+    conf.calculateDays.call(this, year, month, day);
+  },
+  /**
+   * 初始化日历选择器
+   * @param {number} curYear
+   * @param {number} curMonth
+   * @param {number} curDate
+   */
+  init(curYear, curMonth, curDate) {
+    const self = _getCurrentPage();
+    const weeksCh = ['日', '一', '二', '三', '四', '五', '六'];
+    self.setData({
+      'datepicker.weeksCh': weeksCh,
+      'datepicker.showDatePicker': true
+    });
+    if (!curYear && !curMonth && !curDate) return conf.jumpToToday.call(self);
+    conf.renderCalendar.call(self, curYear, curMonth, curDate);
+  },
+  /**
+   * 点击输入框调起日历选择器
+   * @param {object} e  事件对象
+   */
+  showDatepicker(e) {
+    const value = e.detail.value;
+    if (value && typeof value === 'string') {
+      const tmp = value.split('-');
+      conf.init(+tmp[0], +tmp[1], +tmp[2]);
+    } else {
+      conf.init();
+    }
+  },
+  /**
+   * 当输入日期时
+   * @param {object} e  事件对象
+   */
+  onInputDate(e) {
+    const self = _getCurrentPage();
+    this.inputTimer && clearTimeout(this.inputTimer);
+    this.inputTimer = setTimeout(() => {
+      const v = e.detail.value;
+      const _v = (v && v.split('-')) || [];
+      const RegExpYear = /^\d{4}$/;
+      const RegExpMonth = /^(([0]?[1-9])|([1][0-2]))$/;
+      const RegExpDay = /^(([0]?[1-9])|([1-2][0-9])|(3[0-1]))$/;
+      if (_v && _v.length === 3) {
+        if (
+          RegExpYear.test(_v[0]) &&
+          RegExpMonth.test(_v[1]) &&
+          RegExpDay.test(_v[2])
+        ) {
+          conf.renderCalendar.call(self, +_v[0], +_v[1], +_v[2]);
+        }
+      }
+    }, 500);
+  },
+  /**
+   * 计算当前日历面板月份的前一月数据
+   */
+  choosePrevMonth() {
+    const { curYear, curMonth } = this.data.datepicker;
+    let newMonth = curMonth - 1;
+    let newYear = curYear;
+    if (newMonth < 1) {
+      newYear = curYear - 1;
+      newMonth = 12;
+    }
+
+    conf.calculateDays.call(this, newYear, newMonth);
+    conf.calculateEmptyGrids.call(this, newYear, newMonth);
+
+    this.setData({
+      'datepicker.curYear': newYear,
+      'datepicker.curMonth': newMonth
+    });
+  },
+  /**
+   * 计算当前日历面板月份的后一月数据
+   */
+  chooseNextMonth() {
+    const { curYear, curMonth } = this.data.datepicker;
+    let newMonth = curMonth + 1;
+    let newYear = curYear;
+    if (newMonth > 12) {
+      newYear = curYear + 1;
+      newMonth = 1;
+    }
+    conf.calculateDays.call(this, newYear, newMonth);
+    conf.calculateEmptyGrids.call(this, newYear, newMonth);
+
+    this.setData({
+      'datepicker.curYear': newYear,
+      'datepicker.curMonth': newMonth
+    });
+  },
+  /**
+   * 切换月份
+   * @param {!object} e 事件对象
+   */
+  handleCalendar(e) {
+    const handle = e.currentTarget.dataset.handle;
+    if (handle === 'prev') {
+      conf.choosePrevMonth.call(this);
+    } else {
+      conf.chooseNextMonth.call(this);
+    }
+  },
+  /**
+   * 选择具体日期
+   * @param {!object} e  事件对象
+   */
+  tapDayItem(e) {
+    const { idx, disable } = e.currentTarget.dataset;
+    if (disable) return;
+    const config = this.config;
+    const { afterTapDay, onTapDay } = config;
+    const { curYear, curMonth, days } = this.data.datepicker;
+    const key = `datepicker.days[${idx}].choosed`;
+    const selectedValue = `${curYear}-${curMonth}-${days[idx].day}`;
+    if (this.config.type === 'timearea') {
+      if (onTapDay && typeof onTapDay === 'function') {
+        config.onTapDay(this.data.datepicker.days[idx], e);
+        return;
+      }
+      this.setData({
+        [key]: !days[idx].choosed
+      });
+    } else if (this.config.type === 'normal' && !days[idx].choosed) {
+      const prev = days.filter(item => item.choosed)[0];
+      const prevKey = prev && `datepicker.days[${prev.day - 1}].choosed`;
+      if (onTapDay && typeof onTapDay === 'function') {
+        config.onTapDay(days[idx], e);
+        return;
+      }
+      const data = {
+        [key]: true,
+        'datepicker.selectedValue': selectedValue,
+        'datepicker.selectedDay': [days[idx]]
+      };
+      if (prevKey) {
+        data[prevKey] = false;
+      }
+      this.setData(data);
+    }
+    if (afterTapDay && typeof afterTapDay === 'function') {
+      config.afterTapDay(days[idx]);
+    }
+  },
+  /**
+   * 关闭日历选择器
+   */
+  closeDatePicker() {
+    this.setData({
+      'datepicker.showDatePicker': false
+    });
+  },
+  datepickerTouchstart(e) {
+    const t = e.touches[0];
+    const startX = t.clientX;
+    const startY = t.clientY;
+    this.slideLock = true; // 滑动事件加锁
+    this.setData({
+      'gesture.startX': startX,
+      'gesture.startY': startY
+    });
+  },
+  datepickerTouchmove(e) {
+    if (isLeftSlide.call(this, e)) {
+      conf.chooseNextMonth.call(this);
+    }
+    if (isRightSlide.call(this, e)) {
+      conf.choosePrevMonth.call(this);
+    }
+  }
+};
+
+function _getCurrentPage() {
+  const pages = getCurrentPages();
+  const last = pages.length - 1;
+  return pages[last];
+}
+
+/**
+ * 跳转至今天
+ */
+export const jumpToToday = () => {
+  const self = _getCurrentPage();
+  conf.jumpToToday.call(self);
+};
+
+export default (config = {}) => {
+  const self = _getCurrentPage();
+  if (!config.type) config.type = 'normal';
+  self.config = config;
+  self.setData({
+    datepicker: {
+      showDatePicker: false,
+      showInput: config.showInput === true || config.showInput === undefined,
+      placeholder: config.placeholder || '请选择日期'
+    }
+  });
+  self.datepickerTouchstart = conf.datepickerTouchstart.bind(self);
+  self.datepickerTouchmove = conf.datepickerTouchmove.bind(self);
+  self.showDatepicker = conf.showDatepicker.bind(self);
+  self.onInputDate = conf.onInputDate.bind(self);
+  self.closeDatePicker = conf.closeDatePicker.bind(self);
+  self.tapDayItem = conf.tapDayItem.bind(self);
+  self.handleCalendar = conf.handleCalendar.bind(self);
+};
+
+/**
+ * 获取已选择的日期
+ */
+export const getSelectedDay = () => {
+  const self = _getCurrentPage();
+  return self.data.datepicker.selectedDay;
+};
diff --git a/native/template/datepicker/index.wxml b/native/template/datepicker/index.wxml
new file mode 100644
index 0000000..44ce10e
--- /dev/null
+++ b/native/template/datepicker/index.wxml
@@ -0,0 +1,49 @@
+<template name="datepicker">
+	<view class="datepicker-bg" wx:if="{{showDatePicker}}" bindtap="closeDatePicker"></view>
+	<input
+		wx:if="{{showInput}}"
+		class="datepicker-input"
+		placeholder="{{placeholder}}"
+		value="{{selectedValue || ''}}"
+		type="text"
+		bindinput="onInputDate"
+		bindfocus="showDatepicker"/>
+	<view wx:if="{{showDatePicker}}" class="datepicker-wrap flex box box-tb box-align-center">
+		<view class="calendar pink-color box box-tb">
+			<view class="top-handle fs28 box box-lr box-align-center box-pack-center">
+				<view class="prev box box-rl" catchtap="handleCalendar" data-handle="prev">
+					<view class="prev-handle box box-lr box-align-center box-pack-center">《</view>
+				</view>
+				<view class="date-area box box-lr box-align-center box-pack-center">{{curYear || "--"}} 年 {{curMonth || "--"}} 月</view>
+				<view class="next box box-lr" catchtap="handleCalendar" data-handle="next">
+					<view class="next-handle box box-lr box-align-center box-pack-center">》</view>
+				</view>
+			</view>
+			<view wx:if="{{weeksCh}}" class="weeks box box-lr box-pack-center box-align-center">
+				<view class="flex week fs28" wx:for="{{weeksCh}}" wx:key="{{index}}" data-idx="{{index}}">{{item}}</view>
+			</view>
+			<view class="days box box-lr box-wrap" bindtouchstart="datepickerTouchstart" bindtouchmove="datepickerTouchmove">
+				<view wx:if="{{empytGrids}}" class="grid disable-day-color  box box-align-center box-pack-center"
+          wx:for="{{empytGrids}}"
+          wx:key="{{index}}"
+          data-idx="{{index}}">
+            <view class="day box box-align-center box-pack-center">{{item}}</view>
+        </view>
+				<view class="grid normal-day-color box box-align-center box-pack-center"
+          wx:for="{{days}}"
+          wx:key="{{index}}"
+          data-idx="{{index}}"
+          data-disable="{{item.disable}}"
+          catchtap="tapDayItem">
+					<view class="day border-radius {{item.choosed ? 'day-choosed-color pink-bg' : ''}} {{ item.disable ? 'disable-day-color disable-day-circle' : '' }} box box-align-center box-pack-center">{{item.day}}</view>
+				</view>
+				<view class="grid disable-day-color  box box-align-center box-pack-center"
+          wx:for="{{lastEmptyGrids}}"
+          wx:key="{{index}}"
+          data-idx="{{index}}">
+            <view class="day box box-align-center box-pack-center">{{item}}</view>
+        </view>
+			</view>
+		</view>
+	</view>
+</template>
\ No newline at end of file
diff --git a/native/template/datepicker/index.wxss b/native/template/datepicker/index.wxss
new file mode 100644
index 0000000..fefd0f0
--- /dev/null
+++ b/native/template/datepicker/index.wxss
@@ -0,0 +1,248 @@
+.box {
+  display: flex;
+}
+
+.box-lr {
+  flex-direction: row;
+}
+
+.box-rl {
+  flex-direction: row-reverse;
+}
+
+.box-tb {
+  flex-direction: column;
+}
+
+.box-pack-center {
+  justify-content: center;
+}
+
+.box-align-center {
+  align-items: center;
+}
+
+.box-wrap {
+  flex-wrap: wrap;
+}
+
+.flex {
+  flex-grow: 1;
+}
+
+.bg {
+  background-image: linear-gradient(to bottom, #faefe7, #ffcbd7);
+  overflow: hidden;
+}
+
+.pink-color {
+  color: #ff629a;
+}
+
+.white-color {
+  color: #fff;
+}
+
+.fs24 {
+  font-size: 24rpx;
+}
+
+.fs28 {
+  font-size: 28rpx;
+}
+
+.fs32 {
+  font-size: 32rpx;
+}
+
+.fs36 {
+  font-size: 36rpx;
+}
+
+.datepicker-bg {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.datepicker-input {
+  width: 300rpx;
+  height: 50rpx;
+  border: 1rpx solid #dadada;
+  border-radius: 10rpx;
+  padding: 10rpx;
+  font-size: 28rpx;
+}
+/* stylelint-disable-next-line */
+.datepicker-input::-webkit-input-placeholder {
+  color: #dadada;
+}
+
+.datepicker-wrap {
+  background-color: #fff;
+  box-shadow: 0 0 10rpx 0 #dadada;
+  position: relative;
+}
+
+.top-handle {
+  height: 80rpx;
+}
+
+.prev {
+  text-align: right;
+  height: 80rpx;
+}
+
+.next {
+  height: 80rpx;
+}
+
+.prev-handle {
+  width: 80rpx;
+  height: 100%;
+}
+
+.next-handle {
+  width: 80rpx;
+  height: 100%;
+}
+
+.date-area {
+  width: 50%;
+  height: 80rpx;
+  text-align: center;
+}
+
+.weeks {
+  height: 50rpx;
+  line-height: 50rpx;
+  opacity: 0.5;
+}
+
+.week {
+  text-align: center;
+}
+
+.days {
+  height: 500rpx;
+}
+
+.grid {
+  width: 14.285714285714286%;
+}
+
+.day {
+  width: 60rpx;
+  height: 60rpx;
+  font-size: 26rpx;
+  font-weight: 200;
+}
+
+.normal-day-color {
+  color: #88d2ac;
+}
+
+.day-choosed-color {
+  color: #fff;
+}
+
+.disable-day-color {
+  color: #ddd;
+}
+
+.disable-day-circle {
+  background-color: #fbfdff;
+}
+
+.border-radius {
+  border-radius: 50%;
+  position: relative;
+  left: 0;
+  top: 0;
+}
+
+.pink-bg {
+  background-color: #ff629a;
+}
+
+.purple-bg {
+  background-color: #b8b8f1;
+}
+
+.right-triangle::after {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border: 15rpx solid transparent;
+  border-left-color: #ff629a;
+  position: absolute;
+  right: -22rpx;
+  top: 18rpx;
+}
+
+.left-triangle::before {
+  content: '';
+  display: block;
+  width: 0;
+  height: 0;
+  border: 15rpx solid transparent;
+  border-right-color: #ff629a;
+  position: absolute;
+  left: -22rpx;
+  top: 18rpx;
+}
+
+.tips {
+  text-align: center;
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+}
+
+.types {
+  background-color: #ffedf4;
+  height: 50rpx;
+}
+
+.types-desc {
+  padding: 0 20rpx;
+}
+
+.type-name {
+  margin-top: 50rpx;
+  margin-bottom: 30rpx;
+}
+
+.type-desc {
+  padding: 0 35rpx;
+  line-height: 38rpx;
+}
+
+.explain {
+  border-top: 1px solid #eee;
+  width: 90%;
+  margin: 20rpx 5% 20rpx 5%;
+  padding: 20rpx 0;
+}
+
+.explain-title {
+  font-weight: bold;
+  margin-bottom: 15rpx;
+}
+
+.explain-item {
+  padding: 8rpx 20rpx;
+  color: #fff;
+}
+
+.left-border-radius {
+  border-top-left-radius: 20rpx;
+  border-bottom-left-radius: 20rpx;
+}
+
+.right-border-radius {
+  border-top-right-radius: 20rpx;
+  border-bottom-right-radius: 20rpx;
+}
diff --git a/native/template/login/index.js b/native/template/login/index.js
new file mode 100644
index 0000000..a72c9a7
--- /dev/null
+++ b/native/template/login/index.js
@@ -0,0 +1,10 @@
+const WXAPI = require('apifm-wxapi')
+
+export default {
+  init(page) {
+    // page._cancelLogin = this._cancelLogin;
+    // page._processLogin = this._processLogin;
+  },
+  
+
+}
\ No newline at end of file
diff --git a/native/template/login/index.wxml b/native/template/login/index.wxml
new file mode 100644
index 0000000..9aa6a32
--- /dev/null
+++ b/native/template/login/index.wxml
@@ -0,0 +1,20 @@
+<template name="apifmLogin">
+  <view class="apifmLogin" hidden="{{wxlogin}}">
+    <view class="s-b">
+      <view class="s-l-b">
+        <image src="/images/nologin.png" />
+        <text>授权登录</text>
+      </view>
+      <view class="s-t-b">
+        <view class="s-t-i">
+          <text>·</text>请授权小程序登录</view>
+        <view class="s-t-i">
+          <text>·</text>我们不会公布您的这些信息</view>
+        <view class="s-t-i">
+          <text>·</text>只是为了给您提供更好的服务</view>
+      </view>
+      <button class="l" open-type="getUserInfo" bindgetuserinfo="processLogin">允许</button>
+      <button class="c" bindtap="cancelLogin" type="default">暂不登录</button>
+    </view>
+  </view>
+</template>
\ No newline at end of file
diff --git a/native/template/login/index.wxss b/native/template/login/index.wxss
new file mode 100644
index 0000000..40fedf5
--- /dev/null
+++ b/native/template/login/index.wxss
@@ -0,0 +1,91 @@
+.apifmLogin {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
+  z-index: 99999999999;
+}
+
+.apifmLogin .s-b {
+  width: 70%;
+  margin: 0 auto;
+  height: 600rpx;
+  background-color: #fff;
+  margin-top: 40%;
+  border-radius: 10rpx;
+}
+
+.apifmLogin .s-b .s-l-b {
+  text-align: center;
+  width: 80%;
+  border-bottom: 1px solid #f5f5f5;
+  margin: 0 auto;
+  padding-top: 20px;
+}
+
+.apifmLogin .s-b .s-l-b image {
+  width: 120rpx;
+  height: 120rpx;
+  border-radius: 50%;
+  display: block;
+  margin: 0 auto;
+}
+.apifmLogin .s-b .s-l-b text {
+  font-size: 32rpx;
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+  color: #333;
+}
+
+.apifmLogin .s-b .s-t-b {
+  margin-top: 20rpx;
+  margin-bottom: 40rpx;
+  text-align: center;
+}
+
+.apifmLogin .s-b .s-t-b .s-t-n {
+  font-size: 30rpx;
+  color: #333;
+  width: 80%;
+  margin: 0 auto;
+}
+
+.apifmLogin .s-b .s-t-b .s-t-i {
+  width: 80%;
+  margin: 0 auto;
+  font-size: 24rpx;
+  color: #999;
+  margin-top: 10rpx;
+}
+
+.apifmLogin .s-b .s-t-b .s-t-i text {
+  margin-right: 10rpx;
+  font-size: 26rpx;
+}
+
+.apifmLogin .s-b button::after {
+  border-radius: 4rpx;
+  border: 0;
+}
+
+.apifmLogin .s-b .l {
+  width: 80%;
+  height: 70rpx;
+  line-height: 70rpx;
+  font-size: 30rpx;
+  background-color: #04be01;
+  color: #fff;
+}
+
+.apifmLogin .s-b .c {
+  margin-top: 20rpx;
+  margin-bottom: 20rpx;
+  width: 80%;
+  height: 70rpx;
+  line-height: 70rpx;
+  font-size: 30rpx;
+  background-color: #ccc;
+  color: #333;
+}
\ No newline at end of file
diff --git a/native/template/share/index.js b/native/template/share/index.js
new file mode 100644
index 0000000..98f9a73
--- /dev/null
+++ b/native/template/share/index.js
@@ -0,0 +1,124 @@
+const WXAPI = require('apifm-wxapi')
+let goodsDetail;
+const ctx = wx.createCanvasContext('firstCanvas');
+const clientWidth = wx.getSystemInfoSync().screenWidth;
+
+function px(number) {
+  return number * clientWidth / 750;
+}
+
+export default {
+  init(page) {
+    page._createPoster = this._createPoster;
+    page._drawQrcode = this._drawQrcode;
+    page._saveToMobile = this._saveToMobile;
+  },
+  _createPoster(e) {
+    wx.showLoading({
+      title: '正在生成海报',
+    });
+    ctx.setFillStyle('#fff');
+    ctx.fillRect(0, 0, px(600), px(1000));
+    this._drawQrcode();
+  },
+  async _drawQrcode() {
+    const _this = this
+    const qrcodeRes = await WXAPI.wxaQrcode({
+      scene: _this.data.goodsDetail.basicInfo.id + ',' + wx.getStorageSync('uid'),
+      page: 'pages/goods-details/index',
+      is_hyaline: false,
+      expireHours: 1
+    })
+    if (qrcodeRes.code != 0) {
+      wx.showModal({
+        title: '错误',
+        content: '无法获取小程序码',
+        showCancel: false,
+      })
+      return
+    }
+
+    let x = 0,
+      y = 0;
+    wx.getImageInfo({
+      src: _this.data.goodsDetail.basicInfo.pic,
+      success(res) {
+
+        ctx.drawImage(res.path, 0, 0, res.width, res.height, x, y, px(600), px(600))
+        y += px(600)
+
+        // x = px(300);
+        // y = y + 20;
+        // ctx.setFontSize(14)
+        // ctx.setFillStyle('#333')
+        // ctx.setTextAlign('center')
+        // let name = _this.data.goodsDetail.basicInfo.name
+        // ctx.fillText(name, x, y)
+
+        // x = px(300);
+        // y = y + 30;
+        // ctx.setFontSize(12)
+        // ctx.setFillStyle('#ccc')
+        // ctx.setTextAlign('center')
+        // name = wx.getStorageSync('mallName')
+        // ctx.fillText(name, x, y)
+        y = y - 20
+
+        // 写入二维码
+        wx.getImageInfo({
+          src: qrcodeRes.data,
+          success(qrRes) {
+            x = px(150)
+            y = y + 30
+            ctx.drawImage(qrRes.path, 0, 0, qrRes.width, qrRes.height, x, y, px(300), px(300))
+            x = px(300);
+            y = y + px(300) + 20;
+            ctx.setFontSize(12)
+            ctx.setFillStyle('#aaa')
+            ctx.setTextAlign('center')
+            ctx.fillText('长按识别小程序码查看详情', x, y)
+
+            ctx.draw()
+            wx.hideLoading();
+            _this.setData({
+              posterShow: true
+            })
+          }
+        })
+      }
+    })
+  },
+  _saveToMobile() {
+    const _this = this
+    wx.canvasToTempFilePath({
+      canvasId: 'firstCanvas',
+      success: function (res) {
+        let tempFilePath = res.tempFilePath
+        wx.saveImageToPhotosAlbum({
+          filePath: tempFilePath,
+          success: (res) => {
+            wx.showModal({
+              content: '图片已保存到手机相册',
+              showCancel: false,
+              confirmText: '知道了',
+              confirmColor: '#333'
+            })
+          },
+          complete: () => {
+            _this.setData({
+              posterShow: false
+            })
+          },
+          fail: (res) => {
+            wx.showToast({
+              title: res.errMsg,
+              icon: 'none',
+              duration: 2000
+            })
+          }
+        })
+      }
+    })
+  },
+
+}
\ No newline at end of file
diff --git a/native/template/share/index.wxml b/native/template/share/index.wxml
new file mode 100644
index 0000000..11ec318
--- /dev/null
+++ b/native/template/share/index.wxml
@@ -0,0 +1,12 @@
+<template name="apifmShare">
+	<view class="apifmShare">
+    <view class='share'>
+      <image src='/images/share/share1.png'></image>
+      <button open-type='share'></button>
+    </view>
+    <view class='share'>
+      <image src='/images/share/share2.png'></image>
+      <button bindtap="_createPoster" data-d="{{goodsDetail}}"></button>
+    </view>
+  </view>  
+</template>
\ No newline at end of file
diff --git a/native/template/share/index.wxss b/native/template/share/index.wxss
new file mode 100644
index 0000000..2a882a5
--- /dev/null
+++ b/native/template/share/index.wxss
@@ -0,0 +1,65 @@
+.apifmShare {
+  position: relative;
+  z-index: 10;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 130rpx;
+}
+.apifmShare .share {
+  width: 50rpx;
+  height: 50rpx;
+  right: 130rpx;
+  top: 100rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  background: #fff;
+  z-index: 20;
+} 
+.apifmShare .share image {
+  width: 50rpx;
+  height: 50rpx;
+}
+.apifmShare .share button {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  opacity: 0.1;
+  z-index: 99;
+}
+.poster-mask {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  background:rgba(0,0,0,.3);
+  z-index: 888;
+}
+.poster {
+  position: fixed;
+  width: 600rpx;
+  height: 1000rpx;
+  top: 30rpx;
+  left: 75rpx;
+  z-index: 999;
+  background-color: #fff;
+}
+.poster canvas {
+  width: 100%;
+  height: 100%;
+}
+.poster-btn {
+  position: fixed;
+  top: 1080rpx;
+  left: 290rpx;
+  z-index: 999;
+}
+.poster-btn button {
+  background-color: #4896e0;
+  color:#fff;
+}
\ No newline at end of file
diff --git a/native/typings/wx.d.ts b/native/typings/wx.d.ts
new file mode 100644
index 0000000..a2ffc2b
--- /dev/null
+++ b/native/typings/wx.d.ts
@@ -0,0 +1,2705 @@
+// generate time:2017-08-23 21:12:06 
+// Type definitions for wx app
+// Definitions by: hellopao <https://github.com/hellopao/wx.d.ts>
+
+/************************************************
+*                                               *
+*                 微信小程序  API                *
+*                                               *
+************************************************/
+
+interface IAnimation {
+    /**
+     * 透明度，参数范围 0~1
+     */
+    opacity(value: number): IAnimation;
+    /**
+     * 颜色值
+     */
+    backgroundColor(color: string): IAnimation;
+    /**
+     * 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值
+     */
+    width(length: number): IAnimation;
+    /**
+     * 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值
+     */
+    height(length: number): IAnimation;
+    /**
+     * 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值
+     */
+    top(length: number): IAnimation;
+    /**
+     * 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值
+     */
+    left(length: number): IAnimation;
+    /**
+     * 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值
+     */
+    bottom(length: number): IAnimation;
+    /**
+     * 长度值，如果传入 Number 则默认使用 px，可传入其他自定义单位的长度值
+     */
+    right(length: number): IAnimation;
+    /**
+     * deg的范围-180~180，从原点顺时针旋转一个deg角度
+     */
+    rotate(deg: number): IAnimation;
+    /**
+     * deg的范围-180~180，在X轴旋转一个deg角度
+     */
+    rotateX(deg: number): IAnimation;
+    /**
+     * deg的范围-180~180，在Y轴旋转一个deg角度
+     */
+    rotateY(deg: number): IAnimation;
+    /**
+     * deg的范围-180~180，在Z轴旋转一个deg角度
+     */
+    rotateZ(deg: number): IAnimation;
+    /**
+     * 同transform-function rotate3d
+     */
+    rotate3d(x: number, y: number, z: number, deg: number): IAnimation;
+    /**
+     * 一个参数时，表示在X轴、Y轴同时缩放sx倍数；两个参数时表示在X轴缩放sx倍数，在Y轴缩放sy倍数
+     */
+    scale(sx: number, sy?: number): IAnimation;
+    /**
+     * 在X轴缩放sx倍数
+     */
+    scaleX(sx: number): IAnimation;
+    /**
+     * 在Y轴缩放sy倍数
+     */
+    scaleY(sy: number): IAnimation;
+    /**
+     * 在Z轴缩放sy倍数
+     */
+    scaleZ(sz: number): IAnimation;
+    /**
+     * 在X轴缩放sx倍数，在Y轴缩放sy倍数，在Z轴缩放sz倍数
+     */
+    scale3d(sx: number, sy: number, sz: number): IAnimation;
+    /**
+     * 一个参数时，表示在X轴偏移tx，单位px；两个参数时，表示在X轴偏移tx，在Y轴偏移ty，单位px。
+     */
+    translate(tx: number, ty?: number): IAnimation;
+    /**
+     * 在X轴偏移tx，单位px
+     */
+    translateX(tx: number): IAnimation;
+    /**
+     * 在Y轴偏移tx，单位px
+     */
+    translateY(tx: number): IAnimation;
+    /**
+     * 在Z轴偏移tx，单位px
+     */
+    translateZ(tx: number): IAnimation;
+    /**
+     * 在X轴偏移tx，在Y轴偏移ty，在Z轴偏移tz，单位px
+     */
+    translate3d(tx: number, ty: number, tz: number): IAnimation;
+    /**
+     * 参数范围-180~180；一个参数时，Y轴坐标不变，X轴坐标延顺时针倾斜ax度；两个参数时，分别在X轴倾斜ax度，在Y轴倾斜ay度
+     */
+    skew(ax: number, ay?: number): IAnimation;
+    /**
+     * 参数范围-180~180；Y轴坐标不变，X轴坐标延顺时针倾斜ax度
+     */
+    skewX(ax: number): IAnimation;
+    /**
+     * 参数范围-180~180；X轴坐标不变，Y轴坐标延顺时针倾斜ay度
+     */
+    skewY(ay: number): IAnimation;
+    /**
+     * 同transform-function matrix
+     */
+    matrix(a, b, c, d, tx, ty): IAnimation;
+    /**
+     * 同transform-function matrix3d
+     */
+    matrix3d(): IAnimation;
+}
+
+interface ICanvasContext {
+    /**
+     * 设置填充色, 如果没有设置 fillStyle，默认颜色为 black。
+     */
+    setFillStyle(color: string): void;
+    /**
+     * 设置边框颜色, 如果没有设置 fillStyle，默认颜色为 black。
+     */
+    setStrokeStyle(color: string): void;
+    /**
+     * 设置阴影
+     */
+    setShadow(offsetX: number, offsetY: number, blur: number, color: string): void;
+    /**
+     * 创建一个线性的渐变颜色。需要使用 addColorStop() 来指定渐变点，至少要两个。
+     */ 
+    createLinearGradient(x0: number, y0: number, x1: number, y1: number): void;
+    /**
+     * 创建一个圆形的渐变颜色。 起点在圆心，终点在圆环。 需要使用 addColorStop() 来指定渐变点，至少要两个。
+     */
+    createCircularGradient(x: number, y: number, r: number): void;
+    /**
+     * 创建一个颜色的渐变点。小于最小 stop 的部分会按最小 stop 的 color 来渲染，大于最大 stop 的部分会按最大 stop 的 color 来渲染。需要使用 addColorStop() 来指定渐变点，至少要两个。
+     */
+    addColorStop(stop: number, color: string): void;
+    /**
+     * 设置线条端点的样式
+     */
+    setLineCap(lineCap: 'butt' | 'round' | 'square'): void;
+    /**
+     * 设置两线相交处的样式
+     */
+    setLineJoin(lineJoin: 'bevel' | 'round' | 'miter'): void;
+    /**
+     * 设置线条宽度
+     */
+    setLineWidth(lineWidth: number): void;
+    /**
+     * 设置最大倾斜
+     */
+    setMiterLimit(miterLimit: number): void;
+    /**
+     * 添加一个矩形路径到当前路径。
+     */
+    rect(x: number, y: number, width: number, height: number): void;
+    /** 
+     * 填充一个矩形。用 setFillStyle() 设置矩形的填充色，如果没设置默认是黑色。
+     */
+    fillRect(x: number, y: number, width: number, height: number): void;
+    /** 
+     * 一个矩形(非填充)。用 setFillStroke() 设置矩形线条的颜色，如果没设置默认是黑色。
+     */
+    strokeRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * 在给定的矩形区域内，清除画布上的像素
+     */
+    clearRect(x: number, y: number, width: number, height: number): void;
+    /**
+     * 对当前路径进行填充
+     */
+    fill(): void;
+    /**
+     * 对当前路径进行描边
+     */
+    stroke(): void;
+    /**
+     * 开始一个路径
+     */
+    beginPath(): void;
+    /**
+     * 关闭一个路径
+     */
+    closePath(): void;
+    /**
+     * 把路径移动到画布中的指定点，但不创建线条。
+     */
+    moveTo(x: number, y: number): void;
+    /**
+     * 添加一个新点，然后在画布中创建从该点到最后指定点的线条。
+     */
+    lineTo(x: number, y: number): void;
+    /**
+     * 添加一个弧形路径到当前路径，顺时针绘制。
+     */
+    arc(x: number, y: number, radius: number, startAngle: number, sweepAngle: number): void;
+    /**
+     * 创建二次方贝塞尔曲线
+     */
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
+    /**
+     * 创建三次方贝塞尔曲线
+     */
+    bezierCurveTo(cpx1: number, cpy1: number, cpx2: number, cpy2: number, x: number, y: number): void;
+    /**
+     * 对横纵坐标进行缩放
+     */
+    scale(scaleWidth: number/**横坐标缩放的倍数1 = 100%，0.5 = 50%，2 = 200%，依次类 */, scaleHeight: number/**	纵坐标轴缩放的倍数1 = 100%，0.5 = 50%，2 = 200%，依次类 */): void;
+    /**
+     * 对坐标轴进行顺时针旋转
+     */
+    rotate(deg: number/**degrees * Math.PI/180；degrees范围为0~360;旋转角度，以弧度计 */): void;
+    /**
+     * 对坐标原点进行缩放
+     */
+    translate(x: number/**水平坐标平移量 */, y: number/**竖直坐标平移量 */): void;
+    /**
+     * 在画布上绘制被填充的文本
+     */
+    fillText(text: string, x: number, y: number): void;
+    /**
+     * 设置字体大小
+     */
+    setFontSize(fontSize: number): void;
+    /**
+     * 在画布上绘制图像
+     */
+    drawImage(imageResource: string, x: number, y: number, width: number, height: number): void;
+    /** 
+     * 设置全局画笔透明度。
+     */
+    setGlobalAlpha(alpha: number): void;
+    /**
+     * 保存当前坐标轴的缩放、旋转、平移信息
+     */
+    save(): void;
+    /**
+     * 恢复之前保存过的坐标轴的缩放、旋转、平移信息
+     */
+    restore(): void;
+    /**
+     * 进行绘图
+     */
+    draw(): void;
+}
+
+interface IAudioContext {
+    /**
+     * 播放 
+     */
+    play: () => void;	
+    /**
+     * 暂停 
+     */
+    pause: () => void;	
+    /**
+     * 跳转到指定位置，单位 s
+     */
+    seek: (position: number) => void;	
+}
+
+interface IVideoContext {
+    /**
+     * 播放 
+     */
+    play: () => void;	
+    /**
+     * 暂停 
+     */
+    pause: () => void;	
+    /**
+     * 跳转到指定位置，单位 s
+     */
+    seek: (position: number) => void;
+    /**
+     * 发送弹幕，danmu 包含两个属性 text, color。
+     */
+    sendDanmu: (danmu: {text: string; color: string;}) => void;
+}
+
+interface IMapContext {
+    /**
+     * 获取当前地图中心的经纬度，返回的是 gcj02 坐标系，可以用于 wx.openLocation
+     */
+    getCenterLocation: (obj: {
+        /** 
+         * 接口调用成功的回调函数 ，res = { longitude: "经度", latitude: "纬度"}
+         */
+        success?: (res: {longitude: string; latitude: string}) => void;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: () => void;
+        /** 
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: () => void;
+    }) => void;
+    /**
+     * 将地图中心移动到当前定位点，需要配合map组件的show-location使用
+     */
+    moveToLocation: () => void;
+}
+
+interface Application {
+    setData: (obj: any) => void;
+}
+
+interface AppConstructor {
+    new (): Application;
+    (opts: {
+        /**
+         * 生命周期函数--监听小程序初始化
+         */
+        onLaunch?: () => void;
+        /**
+         * 生命周期函数--监听小程序显示
+         */
+        onShow?: () => void;
+        /**
+         * 生命周期函数--监听小程序隐藏
+         */
+        onHide?: () => void;
+
+        [key: string]: any;
+    }): Application;
+}
+
+declare var App: AppConstructor;
+declare function getApp(): Application;
+
+declare function getCurrentPages(): Page[];
+
+interface Page {
+    setData: (obj: any) => void;
+}
+
+interface PageConstructor {
+    new (): Page;
+    (opts: {
+        /**
+         * 页面的初始数据
+         */
+        data?: any;
+        /**
+         * 页面的初始数据
+         */
+        onLoad?: () => void;
+        /**
+         * 生命周期函数--监听页面初次渲染完成
+         */
+        onReady?: () => void;
+        /**
+         * 生命周期函数--监听页面显示
+         */
+        onShow?: () => void;
+        /**
+         * 生命周期函数--监听页面隐藏
+         */
+        onHide?: () => void;
+        /**
+         * 生命周期函数--监听页面卸载
+         */
+        onUnload?: () => void;
+        /**
+         * 页面相关事件处理函数--监听用户下拉动作
+         */
+        onPullDownRefreash?: () => void;
+        /**
+         * 页面上拉触底事件的处理函数
+         */
+        onReachBottom?: () => void;
+        /**
+         * 用户点击右上角分享
+         */
+        onShareAppMessage?: () => {
+            /**
+             * 分享标题, 默认值当前小程序名称
+             */
+            title: string;
+            /**
+             * 分享描述, 默认值当前小程序名称
+             */
+            desc: string;
+            /**
+             * 分享路径	默认值当前页面 path ，必须是以 / 开头的完整路径
+             */
+            path: string;
+        };	
+
+        [key: string]: any;
+    }): Page;
+}
+
+declare var Page: PageConstructor;
+
+declare var wx: {
+    // # 网络 # 
+    
+    request(obj: {
+        /**
+         * 开发者服务器接口地址
+         */
+        url: string;
+        /**
+         * 请求的参数
+         */
+        data?: any | string;
+        /**
+         * 设置请求的 header , header 中不能设置 Referer
+         */
+        header?: any;
+        /**
+         * 默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
+         */
+        method?: string;
+        /**
+         * 默认为 json。如果设置了 dataType 为 json，则会尝试对响应的数据做一次 JSON.parse
+         */
+        dataType?: string;
+        /**
+         * 收到开发者服务成功返回的回调函数，res = {data: '开发者服务器返回的内容'}
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 将本地资源上传到开发者服务器。如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后，可通过此接口将本地资源上传到指定服务器。客户端发起一个 HTTPS POST 请求，其中 content-type 为 multipart/form-data 。
+     */
+    uploadFile(obj: {
+        /**
+         * 开发者服务器 url
+         */
+        url: string;
+        /**
+         * 要上传文件资源的路径
+         */
+        filePath: string;
+        /**
+         * 文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
+         */
+        name: string;
+        /**
+         * HTTP 请求 Header , header 中不能设置 Referer
+         */
+        header?: any;
+        /**
+         * HTTP 请求中其他额外的 form data
+         */
+        formData?: any;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 下载文件资源到本地。客户端直接发起一个 HTTP GET 请求，返回文件的本地临时路径。
+     */
+    downloadFile(obj: {
+        /**
+         * 下载资源的 url
+         */
+        url: string;
+        /**
+         * HTTP 请求 Header
+         */
+        header?: any;
+        /**
+         * 下载成功后以 tempFilePath 的形式传给页面，res = {tempFilePath: '文件的临时路径'}
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 创建一个 WebSocket 连接；一个微信小程序同时只能有一个 WebSocket 连接，如果当前已存在一个 WebSocket 连接，会自动关闭该连接，并重新创建一个 WebSocket 连接。
+     */
+    connectSocket(obj: {
+        /**
+         * 开发者服务器接口地址，必须是 wss 协议，且域名必须是后台配置的合法域名
+         */
+        url: string;
+        /**
+         * 请求的数据
+         */
+        data?: any;
+        /**
+         * HTTP Header , header 中不能设置 Referer
+         */
+        header?: any;
+        /**
+         * 默认是GET，有效值： OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
+         */
+        method?: string;
+        /**
+         * 子协议数组
+         */
+        protocols?: string[];
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 监听WebSocket连接打开事件。
+     */
+    onSocketOpen(callback: Function): void;
+                    
+    /**
+     * 监听WebSocket错误。
+     */
+    onSocketError(callback: Function): void;
+                    
+    /**
+     * 通过 WebSocket 连接发送数据，需要先 wx.connectSocket，并在 wx.onSocketOpen 回调之后才能发送。
+     */
+    sendSocketMessage(obj: {
+        /**
+         * 需要发送的内容
+         */
+        data: undefined;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 监听WebSocket接受到服务器的消息事件。
+     */
+    onSocketMessage(callback: Function): void;
+                    
+    /**
+     * 关闭WebSocket连接。
+     */
+    closeSocket(obj: {
+        /**
+         * 一个数字值表示关闭连接的状态号，表示连接被关闭的原因。如果这个参数没有被指定，默认的取值是1000 （表示正常连接关闭）
+         */
+        code?: number;
+        /**
+         * 一个可读的字符串，表示连接被关闭的原因。这个字符串必须是不长于123字节的UTF-8 文本（不是字符）
+         */
+        reason?: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 监听WebSocket关闭。
+     */
+    onSocketClose(callback: Function): void;
+                    
+    // # 媒体 # 
+    
+    /**
+     * 从本地相册选择图片或使用相机拍照。
+     */
+    chooseImage(obj: {
+        /**
+         * 最多可以选择的图片张数，默认9
+         */
+        count?: number;
+        /**
+         * original 原图，compressed 压缩图，默认二者都有
+         */
+        sizeType?: string[];
+        /**
+         * album 从相册选图，camera 使用相机，默认二者都有
+         */
+        sourceType?: string[];
+        /**
+         * 成功则返回图片的本地文件路径列表 tempFilePaths
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 预览图片。
+     */
+    previewImage(obj: {
+        /**
+         * 当前显示图片的链接，不填则默认为 urls 的第一张
+         */
+        current?: string;
+        /**
+         * 需要预览的图片链接列表
+         */
+        urls: string[];
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 获取图片信息
+     */
+    getImageInfo(obj: {
+        /**
+         * 图片的路径，可以是相对路径，临时文件路径，存储文件路径，网络图片路径
+         */
+        src: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    saveImageToPhotosAlbum(obj: {
+        /**
+         * 图片文件路径，可以是临时文件路径也可以是永久文件路径，不支持网络图片路径
+         */
+        filePath: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 开始录音。当主动调用wx.stopRecord，或者录音超过1分钟时自动结束录音，返回录音文件的临时文件路径。当用户离开小程序时，此接口无法调用。
+     */
+    startRecord(obj: {
+        /**
+         * 录音成功后调用，返回录音文件的临时文件路径，res = {tempFilePath: '录音文件的临时路径'}
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * ​    主动调用停止录音。
+     */
+    stopRecord(): void;
+                    
+    /**
+     * 开始播放语音，同时只允许一个语音文件正在播放，如果前一个语音文件还没播放完，将中断前一个语音播放。
+     */
+    playVoice(obj: {
+        /**
+         * 需要播放的语音文件的文件路径
+         */
+        filePath: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 暂停正在播放的语音。再次调用wx.playVoice播放同一个文件时，会从暂停处开始播放。如果想从头开始播放，需要先调用 wx.stopVoice。
+     */
+    pauseVoice(): void;
+                    
+    /**
+     * 结束播放语音。
+     */
+    stopVoice(): void;
+                    
+    /**
+     * 获取后台音乐播放状态。
+     */
+    getBackgroundAudioPlayerState(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 使用后台播放器播放音乐，对于微信客户端来说，只能同时有一个后台音乐在播放。当用户离开小程序后，音乐将暂停播放；当用户点击“显示在聊天顶部”时，音乐不会暂停播放；当用户在其他小程序占用了音乐播放器，原有小程序内的音乐将停止播放。
+     */
+    playBackgroundAudio(obj: {
+        /**
+         * 音乐链接，目前支持的格式有 m4a, aac, mp3, wav
+         */
+        dataUrl: string;
+        /**
+         * 音乐标题
+         */
+        title?: string;
+        /**
+         * 封面URL
+         */
+        coverImgUrl?: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 暂停播放音乐。
+     */
+    pauseBackgroundAudio(): void;
+                    
+    /**
+     * 控制音乐播放进度。
+     */
+    seekBackgroundAudio(obj: {
+        /**
+         * 音乐位置，单位：秒
+         */
+        position: number;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 停止播放音乐。
+     */
+    stopBackgroundAudio(): void;
+                    
+    /**
+     * 监听音乐播放。
+     */
+    onBackgroundAudioPlay(callback: Function): void;
+                    
+    /**
+     * 监听音乐暂停。
+     */
+    onBackgroundAudioPause(callback: Function): void;
+                    
+    /**
+     * 监听音乐停止。
+     */
+    onBackgroundAudioStop(callback: Function): void;
+                    
+    getBackgroundAudioManager(): void;
+                    
+    /**
+     * 创建并返回 audio 上下文 audioContext 对象
+     */
+    createAudioContext(audioId: string): IAudioContext;
+                    
+    /**
+     * 拍摄视频或从手机相册中选视频，返回视频的临时文件路径。
+     */
+    chooseVideo(obj: {
+        /**
+         * album 从相册选视频，camera 使用相机拍摄，默认为：['album', 'camera']
+         */
+        sourceType?: string[];
+        /**
+         * 拍摄视频最长拍摄时间，单位秒。最长支持 60 秒
+         */
+        maxDuration?: number;
+        /**
+         * 默认调起的为前置还是后置摄像头。front: 前置，back: 后置，默认 back
+         */
+        camera?: string;
+        /**
+         * 接口调用成功，返回视频文件的临时文件路径，详见返回参数说明
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    saveVideoToPhotosAlbum(obj: {
+        /**
+         * 视频文件路径，可以是临时文件路径也可以是永久文件路径
+         */
+        filePath: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 创建并返回 video 上下文 videoContext 对象
+     */
+    createVideoContext(videoId: string): IVideoContext;
+                    
+    // # 文件 # 
+    
+    /**
+     * 保存文件到本地。
+     */
+    saveFile(obj: {
+        /**
+         * 需要保存的文件的临时路径
+         */
+        tempFilePath: string;
+        /**
+         * 返回文件的保存路径，res = {savedFilePath: '文件的保存路径'}
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 获取本地已保存的文件列表
+     */
+    getSavedFileList(obj: {
+        /**
+         * 接口调用成功的回调函数，返回结果见success返回参数说明
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 获取本地文件的文件信息。此接口只能用于获取已保存到本地的文件，若需要获取临时文件信息，请使用 wx.getFileInfo 接口。
+     */
+    getSavedFileInfo(obj: {
+        /**
+         * 文件路径
+         */
+        filePath: string;
+        /**
+         * 接口调用成功的回调函数，返回结果见success返回参数说明
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 删除本地存储的文件
+     */
+    removeSavedFile(obj: {
+        /**
+         * 需要删除的文件路径
+         */
+        filePath: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 新开页面打开文档，支持格式：doc, xls, ppt, pdf, docx, xlsx, pptx
+     */
+    openDocument(obj: {
+        /**
+         * 文件路径，可通过 downFile 获得
+         */
+        filePath: string;
+        /**
+         * 文件类型，指定文件类型打开文件，有效值 doc, xls, ppt, pdf, docx, xlsx, pptx
+         */
+        fileType?: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getFileInfo(obj: {
+        /**
+         * 本地文件路径
+         */
+        filePath: string;
+        /**
+         * 计算文件摘要的算法，默认值 md5，有效值：md5，sha1
+         */
+        digestAlgorithm?: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    // # 数据缓存 # 
+    
+    /**
+     * 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。
+     */
+    setStorage(obj: {
+        /**
+         * 本地缓存中的指定的 key
+         */
+        key: string;
+        /**
+         * 需要存储的内容
+         */
+        data: any;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。
+     */
+    setStorageSync(key: string, data: any, ): void;
+                    
+    /**
+     * 从本地缓存中异步获取指定 key 对应的内容。
+     */
+    getStorage(obj: {
+        /**
+         * 本地缓存中的指定的 key
+         */
+        key: string;
+        /**
+         * 接口调用的回调函数,res = {data: key对应的内容}
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 从本地缓存中同步获取指定 key 对应的内容。
+     */
+    getStorageSync(key: string): void;
+                    
+    /**
+     * 异步获取当前storage的相关信息
+     */
+    getStorageInfo(obj: {
+        /**
+         * 接口调用的回调函数，详见返回参数说明
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 同步获取当前storage的相关信息
+     */
+    getStorageInfoSync(): void;
+                    
+    /**
+     * 从本地缓存中异步移除指定 key 。
+     */
+    removeStorage(obj: {
+        /**
+         * 本地缓存中的指定的 key
+         */
+        key: string;
+        /**
+         * 接口调用的回调函数
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 从本地缓存中同步移除指定 key 。
+     */
+    removeStorageSync(key: string): void;
+                    
+    /**
+     * 清理本地数据缓存。
+     */
+    clearStorage(): void;
+                    
+    /**
+     * 同步清理本地数据缓存
+     */
+    clearStorageSync(): void;
+                    
+    // # 位置 # 
+    
+    /**
+     * 获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用；当用户点击“显示在聊天顶部”时，此接口可继续调用。
+     */
+    getLocation(obj: {
+        /**
+         * 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于wx.openLocation的坐标
+         */
+        type?: string;
+        /**
+         * 接口调用成功的回调函数，返回内容详见返回参数说明。
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 打开地图选择位置
+     */
+    chooseLocation(obj: {
+        /**
+         * 接口调用成功的回调函数，返回内容详见返回参数说明。
+         */
+        success: Function;
+        /**
+         * 用户取消时调用
+         */
+        cancel?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * ​    使用微信内置地图查看位置
+     */
+    openLocation(obj: {
+        /**
+         * 纬度，范围为-90~90，负数表示南纬
+         */
+        latitude: number;
+        /**
+         * 经度，范围为-180~180，负数表示西经
+         */
+        longitude: number;
+        /**
+         * 缩放比例，范围5~18，默认为18
+         */
+        scale?: number;
+        /**
+         * 位置名
+         */
+        name?: string;
+        /**
+         * 地址的详细说明
+         */
+        address?: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 创建并返回 map 上下文 mapContext 对象
+     */
+    createMapContext(mapId: string): IMapContext;
+                    
+    // # 设备 # 
+    
+    /**
+     * 获取系统信息。
+     */
+    getSystemInfo(obj: {
+        /**
+         * 接口调用成功的回调
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 获取系统信息同步接口
+     */
+    getSystemInfoSync(): void;
+                    
+    /**
+     * 获取网络类型。
+     */
+    getNetworkType(obj: {
+        /**
+         * 接口调用成功，返回网络类型 networkType
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    onNetworkStatusChange(callback: Function): void;
+                    
+    setScreenBrightness(obj: {
+        /**
+         * 屏幕亮度值，范围 0~1，0 最暗，1 最亮
+         */
+        value: number;
+        /**
+         * 接口调用成功
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getScreenBrightness(obj: {
+        /**
+         * 接口调用成功
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    vibrateLong(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    vibrateShort(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 监听加速度数据，频率：5次/秒，接口调用后会自动开始监听，可使用 wx.stopAccelerometer 停止监听。
+     */
+    onAccelerometerChange(callback: Function): void;
+                    
+    startAccelerometer(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    stopAccelerometer(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 监听罗盘数据，频率：5次/秒，接口调用后会自动开始监听，可使用wx.stopCompass停止监听。
+     */
+    onCompassChange(callback: Function): void;
+                    
+    startCompass(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    stopCompass(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    makePhoneCall(obj: {
+        /**
+         * 需要拨打的电话号码
+         */
+        phoneNumber: string;
+        /**
+         * 接口调用成功的回调
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 调起客户端扫码界面，扫码成功后返回对应的结果
+     */
+    scanCode(obj: {
+        /**
+         * 是否只能从相机扫码，不允许从相册选择图片
+         */
+        onlyFromCamera?: boolean;
+        /**
+         * 接口调用成功的回调函数，返回内容详见返回参数说明。
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    setClipboardData(obj: {
+        /**
+         * 需要设置的内容
+         */
+        data: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getClipboardData(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    openBluetoothAdapter(obj: {
+        /**
+         * 成功则返回成功初始化信息
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    closeBluetoothAdapter(obj: {
+        /**
+         * 成功则返回成功关闭模块信息
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getBluetoothAdapterState(obj: {
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    onBluetoothAdapterStateChange(callback: Function): void;
+                    
+    startBluetoothDevicesDiscovery(obj: {
+        /**
+         * 蓝牙设备主 service 的 uuid 列表
+         */
+        services?: Array<any>;
+        /**
+         * 是否允许重复上报同一设备， 如果允许重复上报，则onDeviceFound 方法会多次上报同一设备，但是 RSSI 值会有不同
+         */
+        allowDuplicatesKey?: boolean;
+        /**
+         * 上报设备的间隔，默认为0，意思是找到新设备立即上报，否则根据传入的间隔上报
+         */
+        interval?: number;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    stopBluetoothDevicesDiscovery(obj: {
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getBluetoothDevices(obj: {
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    onBluetoothDeviceFound(callback: Function): void;
+                    
+    getConnectedBluetoothDevices(obj: {
+        /**
+         * 蓝牙设备主 service 的 uuid 列表
+         */
+        services: Array<any>;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    createBLEConnection(obj: {
+        /**
+         * 蓝牙设备 id，参考 getDevices 接口
+         */
+        deviceId: string;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    closeBLEConnection(obj: {
+        /**
+         * 蓝牙设备 id，参考 getDevices 接口
+         */
+        deviceId: string;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getBLEDeviceServices(obj: {
+        /**
+         * 蓝牙设备 id，参考 getDevices 接口
+         */
+        deviceId: string;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getBLEDeviceCharacteristics(obj: {
+        /**
+         * 蓝牙设备 id，参考 device 对象
+         */
+        deviceId: string;
+        /**
+         * 蓝牙服务 uuid
+         */
+        serviceId: string;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    readBLECharacteristicValue(obj: {
+        /**
+         * 蓝牙设备 id，参考 device 对象
+         */
+        deviceId: string;
+        /**
+         * 蓝牙特征值对应服务的 uuid
+         */
+        serviceId: string;
+        /**
+         * 蓝牙特征值的 uuid
+         */
+        characteristicId: string;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    writeBLECharacteristicValue(obj: {
+        /**
+         * 蓝牙设备 id，参考 device 对象
+         */
+        deviceId: string;
+        /**
+         * 蓝牙特征值对应服务的 uuid
+         */
+        serviceId: string;
+        /**
+         * 蓝牙特征值的 uuid
+         */
+        characteristicId: string;
+        /**
+         * 蓝牙设备特征值对应的二进制值（注意：vConsole 无法打印出 ArrayBuffer 类型数据）
+         */
+        value: undefined;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    notifyBLECharacteristicValueChange(obj: {
+        /**
+         * 蓝牙设备 id，参考 device 对象
+         */
+        deviceId: string;
+        /**
+         * 蓝牙特征值对应服务的 uuid
+         */
+        serviceId: string;
+        /**
+         * 蓝牙特征值的 uuid
+         */
+        characteristicId: string;
+        /**
+         * true: 启用 notify; false: 停用 notify
+         */
+        state: boolean;
+        /**
+         * 成功则返回本机蓝牙适配器状态
+         */
+        success: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    onBLEConnectionStateChange(callback: Function): void;
+                    
+    onBLECharacteristicValueChange(callback: Function): void;
+                    
+    startBeaconDiscovery(obj: {
+        /**
+         * iBeacon设备广播的 uuids
+         */
+        uuids: string[];
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    stopBeaconDiscovery(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getBeacons(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    onBeaconUpdate(callback: Function): void;
+                    
+    onBeaconServiceChange(callback: Function): void;
+                    
+    onUserCaptureScreen(callback: Function): void;
+                    
+    addPhoneContact(obj: {
+        /**
+         * 头像本地文件路径
+         */
+        photoFilePath?: string;
+        /**
+         * 昵称
+         */
+        nickName?: string;
+        /**
+         * 姓氏
+         */
+        lastName?: string;
+        /**
+         * 中间名
+         */
+        middleName?: string;
+        /**
+         * 名字
+         */
+        firstName: string;
+        /**
+         * 备注
+         */
+        remark?: string;
+        /**
+         * 手机号
+         */
+        mobilePhoneNumber?: string;
+        /**
+         * 微信号
+         */
+        weChatNumber?: string;
+        /**
+         * 联系地址国家
+         */
+        addressCountry?: string;
+        /**
+         * 联系地址省份
+         */
+        addressState?: string;
+        /**
+         * 联系地址城市
+         */
+        addressCity?: string;
+        /**
+         * 联系地址街道
+         */
+        addressStreet?: string;
+        /**
+         * 联系地址邮政编码
+         */
+        addressPostalCode?: string;
+        /**
+         * 公司
+         */
+        organization?: string;
+        /**
+         * 职位
+         */
+        title?: string;
+        /**
+         * 工作传真
+         */
+        workFaxNumber?: string;
+        /**
+         * 工作电话
+         */
+        workPhoneNumber?: string;
+        /**
+         * 公司电话
+         */
+        hostNumber?: string;
+        /**
+         * 电子邮件
+         */
+        email?: string;
+        /**
+         * 网站
+         */
+        url?: string;
+        /**
+         * 工作地址国家
+         */
+        workAddressCountry?: string;
+        /**
+         * 工作地址省份
+         */
+        workAddressState?: string;
+        /**
+         * 工作地址城市
+         */
+        workAddressCity?: string;
+        /**
+         * 工作地址街道
+         */
+        workAddressStreet?: string;
+        /**
+         * 工作地址邮政编码
+         */
+        workAddressPostalCode?: string;
+        /**
+         * 住宅传真
+         */
+        homeFaxNumber?: string;
+        /**
+         * 住宅电话
+         */
+        homePhoneNumber?: string;
+        /**
+         * 住宅地址国家
+         */
+        homeAddressCountry?: string;
+        /**
+         * 住宅地址省份
+         */
+        homeAddressState?: string;
+        /**
+         * 住宅地址城市
+         */
+        homeAddressCity?: string;
+        /**
+         * 住宅地址街道
+         */
+        homeAddressStreet?: string;
+        /**
+         * 住宅地址邮政编码
+         */
+        homeAddressPostalCode?: string;
+        /**
+         * 接口调用成功
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    // # 界面 # 
+    
+    /**
+     * 显示消息提示框
+     */
+    showToast(obj: {
+        /**
+         * 提示的内容
+         */
+        title: string;
+        /**
+         * 图标，有效值 "success", "loading"
+         */
+        icon?: string;
+        /**
+         * 自定义图标的本地路径，image 的优先级高于 icon
+         */
+        image?: string;
+        /**
+         * 提示的延迟时间，单位毫秒，默认：1500
+         */
+        duration?: number;
+        /**
+         * 是否显示透明蒙层，防止触摸穿透，默认：false
+         */
+        mask?: boolean;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    showLoading(obj: {
+        /**
+         * 提示的内容
+         */
+        title: string;
+        /**
+         * 是否显示透明蒙层，防止触摸穿透，默认：false
+         */
+        mask?: boolean;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 隐藏消息提示框
+     */
+    hideToast(): void;
+                    
+    hideLoading(): void;
+                    
+    /**
+     * ​显示模态弹窗
+     */
+    showModal(obj: {
+        /**
+         * 提示的标题
+         */
+        title: string;
+        /**
+         * 提示的内容
+         */
+        content: string;
+        /**
+         * 是否显示取消按钮，默认为 true
+         */
+        showCancel?: boolean;
+        /**
+         * 取消按钮的文字，默认为"取消"，最多 4 个字符
+         */
+        cancelText?: string;
+        /**
+         * 取消按钮的文字颜色，默认为"#000000"
+         */
+        cancelColor?: undefined;
+        /**
+         * 确定按钮的文字，默认为"确定"，最多 4 个字符
+         */
+        confirmText?: string;
+        /**
+         * 确定按钮的文字颜色，默认为"#3CC51F"
+         */
+        confirmColor?: undefined;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * ​显示操作菜单
+     */
+    showActionSheet(obj: {
+        /**
+         * 按钮的文字数组，数组长度最大为6个
+         */
+        itemList: undefined;
+        /**
+         * 按钮的文字颜色，默认为"#000000"
+         */
+        itemColor?: undefined;
+        /**
+         * 接口调用成功的回调函数，详见返回参数说明
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    setTopBarText(obj: {
+        /**
+         * 置顶栏文字内容
+         */
+        text: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 动态设置当前页面的标题。
+     */
+    setNavigationBarTitle(obj: {
+        /**
+         * 页面标题
+         */
+        title: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 在当前页面显示导航条加载动画。
+     */
+    showNavigationBarLoading(): void;
+                    
+    /**
+     * 隐藏导航条加载动画。
+     */
+    hideNavigationBarLoading(): void;
+                    
+    /**
+     * 保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
+     */
+    navigateTo(obj: {
+        /**
+         * 需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 'path?key=value&key2=value2'
+         */
+        url: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 关闭当前页面，跳转到应用内的某个页面。
+     */
+    redirectTo(obj: {
+        /**
+         * 需要跳转的应用内非 tabBar 的页面的路径，路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 'path?key=value&key2=value2'
+         */
+        url: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    reLaunch(obj: {
+        /**
+         * 需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔，参数键与参数值用=相连，不同参数用&分隔；如 'path?key=value&key2=value2'，如果跳转的页面路径是 tabBar 页面则不能带参数
+         */
+        url: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
+     */
+    switchTab(obj: {
+        /**
+         * 需要跳转的 tabBar 页面的路径（需在 app.json 的 tabBar 字段定义的页面），路径后不能带参数
+         */
+        url: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages()) 获取当前的页面栈，决定需要返回几层。
+     */
+    navigateBack(obj: {
+        /**
+         * 返回的页面数，如果 delta 大于现有页面数，则返回到首页。
+         */
+        delta?: number;
+    }): void;
+                    
+    /**
+     * 创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。
+     */
+    createAnimation(obj: {
+        /**
+         * 400
+         */
+        duration?: number;
+        /**
+         * "linear"
+         */
+        timingFunction?: string;
+        /**
+         * 0
+         */
+        delay?: number;
+        /**
+         * "50% 50% 0"
+         */
+        transformOrigin?: string;
+    }): IAnimation;
+                    
+    pageScrollTo(obj: {
+        /**
+         * 滚动到页面的目标位置（单位px）
+         */
+        scrollTop: number;
+    }): void;
+                    
+    /**
+     * 创建 canvas 绘图上下文（指定 canvasId）.Tip: 需要指定 canvasId，该绘图上下文只作用于对应的 <canvas/>
+     */
+    createCanvasContext(canvasId: string): ICanvasContext;
+                    
+    /**
+     * 把当前画布的内容导出生成图片，并返回文件路径
+     */
+    canvasToTempFilePath(canvasId: string): void;
+                    
+    startPullDownRefresh(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 停止当前页面下拉刷新。
+     */
+    stopPullDownRefresh(): void;
+                    
+    // # WXML节点信息 # 
+    
+    // # 第三方平台 # 
+    
+    getExtConfig(obj: {
+        /**
+         * 返回第三方平台自定义的数据
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getExtConfigSync(): void;
+                    
+    // # 开放接口 # 
+    
+    /**
+     * 调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid） 及本次登录的 会话密钥（session_key）。用户数据的加解密通讯需要依赖会话密钥完成。
+     */
+    login(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 通过上述接口获得的用户登录态拥有一定的时效性。用户越久未使用小程序，用户登录态越有可能失效。反之如果用户一直在使用小程序，则用户登录态一直保持有效。具体时效逻辑由微信维护，对开发者透明。开发者只需要调用wx.checkSession接口检测当前用户登录态是否有效。登录态过期后开发者可以再调用wx.login获取新的用户登录态。
+     */
+    checkSession(obj: {
+        /**
+         * 接口调用成功的回调函数，登录态未过期
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数，登录态已过期
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    authorize(obj: {
+        /**
+         * 需要获取权限的scope，详见 scope 列表
+         */
+        scope: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 获取用户信息，withCredentials 为 true 时需要先调用 wx.login 接口。
+     */
+    getUserInfo(obj: {
+        /**
+         * 是否带上登录态信息
+         */
+        withCredentials?: boolean;
+        /**
+         * 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文
+         */
+        lang?: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    /**
+     * 发起微信支付。
+     */
+    requestPayment(obj: {
+        /**
+         * 时间戳从1970年1月1日00:00:00至今的秒数,即当前的时间
+         */
+        timeStamp: string;
+        /**
+         * 随机字符串，长度为32个字符以下。
+         */
+        nonceStr: string;
+        /**
+         * 统一下单接口返回的 prepay_id 参数值，提交格式如：prepay_id=*
+         */
+        package: string;
+        /**
+         * 签名算法，暂支持 MD5
+         */
+        signType: string;
+        /**
+         * 签名,具体签名方案参见小程序支付接口文档;
+         */
+        paySign: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    chooseAddress(obj: {
+        /**
+         * 返回用户选择的收货地址信息
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    addCard(obj: {
+        /**
+         * 需要添加的卡券列表，列表内对象说明请参见请求对象说明
+         */
+        cardList: undefined;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    openCard(obj: {
+        /**
+         * 需要打开的卡券列表，列表内参数详见openCard 请求对象说明
+         */
+        cardList: undefined;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    openSetting(obj: {
+        /**
+         * 接口调用成功的回调函数，返回内容详见返回参数说明。
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getSetting(obj: {
+        /**
+         * 接口调用成功的回调函数，返回内容详见返回参数说明。
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    getWeRunData(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    navigateToMiniProgram(obj: {
+        /**
+         * 要打开的小程序 appId
+         */
+        appId: string;
+        /**
+         * 打开的页面路径，如果为空则打开首页
+         */
+        path?: string;
+        /**
+         * 需要传递给目标小程序的数据，目标小程序可在 App.onLaunch()，App.onShow() 中获取到这份数据。详情
+         */
+        extraData?: any;
+        /**
+         * 要打开的小程序版本，有效值 develop（开发版），trial（体验版），release（正式版） ，仅在当前小程序为开发版或体验版时此参数有效；如果当前小程序是体验版或正式版，则打开的小程序必定是正式版。默认值 release
+         */
+        envVersion?: string;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    chooseInvoiceTitle(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    checkIsSupportSoterAuthentication(obj: {
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+    // # 数据 # 
+    
+    /**
+     * 自定义分析数据上报接口。使用前，需要在小程序管理后台自定义分析中新建事件，配置好事件名与字段。
+     */
+    reportAnalytics(eventName: string,  data: string, ): void;
+                    
+    // # 拓展接口 # 
+    
+    arrayBufferToBase64(arrayBuffer: string): void;
+                    
+    base64ToArrayBuffer(base64: string): void;
+                    
+    // # 调试接口 # 
+    
+    setEnableDebug(obj: {
+        /**
+         * 是否打开调试
+         */
+        enableDebug: boolean;
+        /**
+         * 接口调用成功的回调函数
+         */
+        success?: Function;
+        /**
+         * 接口调用失败的回调函数
+         */
+        fail?: Function;
+        /**
+         * 接口调用结束的回调函数（调用成功、失败都会执行）
+         */
+        complete?: Function;
+    }): void;
+                    
+}
\ No newline at end of file
diff --git a/native/utils/auth.js b/native/utils/auth.js
new file mode 100644
index 0000000..797ddb9
--- /dev/null
+++ b/native/utils/auth.js
@@ -0,0 +1,90 @@
+const WXAPI = require('apifm-wxapi')
+
+// 检测登录状态，返回 true / false
+async function checkHasLogined() {
+  const token = wx.getStorageSync('token')
+  if (!token) {
+    return false
+  }
+  wx.checkSession({
+    fail() {
+      return false
+    }
+  })
+  const checkTokenRes = await WXAPI.checkToken(token)
+  if (checkTokenRes.code != 0) {
+    wx.removeStorageSync('token')
+    return false
+  }
+  return true
+}
+
+async function login(page){
+  const _this = this
+  wx.login({
+    success: function (res) {
+      WXAPI.login_wx(res.code).then(function (res) {        
+        if (res.code == 10000) {
+          // 去注册
+          //_this.register(page)
+          return;
+        }
+        if (res.code != 0) {
+          // 登录错误
+          wx.showModal({
+            title: '无法登录',
+            content: res.msg,
+            showCancel: false
+          })
+          return;
+        }
+        wx.setStorageSync('token', res.data.token)
+        wx.setStorageSync('uid', res.data.uid)
+        if ( page ) {
+          page.onShow()
+        }
+      })
+    }
+  })
+}
+
+async function register(page) {
+  let _this = this;
+  wx.login({
+    success: function (res) {
+      let code = res.code; // 微信登录接口返回的 code 参数，下面注册接口需要用到
+      wx.getUserInfo({
+        success: function (res) {
+          let iv = res.iv;
+          let encryptedData = res.encryptedData;
+          let referrer = '' // 推荐人
+          let referrer_storge = wx.getStorageSync('referrer');
+          if (referrer_storge) {
+            referrer = referrer_storge;
+          }
+          // 下面开始调用注册接口
+          WXAPI.register_complex({
+            code: code,
+            encryptedData: encryptedData,
+            iv: iv,
+            referrer: referrer
+          }).then(function (res) {
+            _this.login(page);
+          })
+        }
+      })
+    }
+  })
+}
+
+function loginOut(){
+  wx.removeStorageSync('token')
+  wx.removeStorageSync('uid')
+}
+
+module.exports = {
+  checkHasLogined: checkHasLogined,
+  login: login,
+  register: register,
+  loginOut: loginOut
+}
\ No newline at end of file
diff --git a/native/utils/image.js b/native/utils/image.js
new file mode 100644
index 0000000..dfb9b18
--- /dev/null
+++ b/native/utils/image.js
@@ -0,0 +1,22 @@
+function imageUtil (originalWidth, originalHeight) {
+  let imageSize = {}
+  wx.getSystemInfo({
+    success: function (res) {
+      const windowWidth = res.windowWidth
+      imageSize.x = 0
+      imageSize.y = 0
+      imageSize.windowWidth = windowWidth
+      imageSize.imageWidth = originalWidth
+      imageSize.imageHeight = originalHeight
+      if (originalWidth > windowWidth) {
+        imageSize.imageWidth = windowWidth
+        imageSize.imageHeight = windowWidth * originalHeight / originalWidth
+      } else {
+        imageSize.x = (windowWidth - originalWidth) / 2
+      }
+    }
+  })
+  return imageSize
+}
+
+export default imageUtil
diff --git a/native/utils/pay.js b/native/utils/pay.js
new file mode 100644
index 0000000..ab733a9
--- /dev/null
+++ b/native/utils/pay.js
@@ -0,0 +1,70 @@
+const WXAPI = require('apifm-wxapi')
+
+/**
+ * type: order 支付订单 recharge 充值 paybill 优惠买单
+ * data: 扩展数据对象，用于保存参数
+ */
+function wxpay(type, money, orderId, redirectUrl, data) {
+  const postData = {
+    token: wx.getStorageSync('token'),
+    money: money,
+    remark: "在线充值",
+  }
+  if (type === 'order') {
+    postData.remark = "支付订单 ：" + orderId;
+    postData.nextAction = {
+      type: 0,
+      id: orderId
+    };
+  }
+  if (type === 'paybill') {
+    postData.remark = "优惠买单 ：" + data.money;
+    postData.nextAction = {
+      type: 4,
+      uid: wx.getStorageSync('uid'),
+      money: data.money
+    };
+  }
+  postData.payName = postData.remark;
+  if (postData.nextAction) {
+    postData.nextAction = JSON.stringify(postData.nextAction);  
+  }
+  WXAPI.wxpay(postData).then(function (res) {
+    if (res.code == 0) {
+      // 发起支付
+      wx.requestPayment({
+        timeStamp: res.data.timeStamp,
+        nonceStr: res.data.nonceStr,
+        package: 'prepay_id=' + res.data.prepayId,
+        signType: 'MD5',
+        paySign: res.data.sign,
+        fail: function (aaa) {
+          wx.showToast({
+            title: '支付失败:' + aaa
+          })
+        },
+        success: function () {
+          // 保存 formid
+          WXAPI.addTempleMsgFormid(wx.getStorageSync('token'), 'pay', res.data.prepayId)
+          // 提示支付成功
+          wx.showToast({
+            title: '支付成功'
+          })
+          wx.redirectTo({
+            url: redirectUrl
+          });
+        }
+      })
+    } else {
+      wx.showModal({
+        title: '出错了',
+        content: JSON.stringify(res),
+        showCancel: false
+      })
+    }
+  })
+}
+
+module.exports = {
+  wxpay: wxpay
+}
\ No newline at end of file
diff --git a/native/utils/runtime.js b/native/utils/runtime.js
new file mode 100644
index 0000000..9cec7ae
--- /dev/null
+++ b/native/utils/runtime.js
@@ -0,0 +1,711 @@
+/**
+ * Copyright (c) 2014-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var regeneratorRuntime = (function (exports) {
+  "use strict";
+
+  var Op = Object.prototype;
+  var hasOwn = Op.hasOwnProperty;
+  var undefined; // More compressible than void 0.
+  var $Symbol = typeof Symbol === "function" ? Symbol : {};
+  var iteratorSymbol = $Symbol.iterator || "@@iterator";
+  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
+  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+
+  function wrap(innerFn, outerFn, self, tryLocsList) {
+    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
+    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
+    var generator = Object.create(protoGenerator.prototype);
+    var context = new Context(tryLocsList || []);
+
+    // The ._invoke method unifies the implementations of the .next,
+    // .throw, and .return methods.
+    generator._invoke = makeInvokeMethod(innerFn, self, context);
+
+    return generator;
+  }
+  exports.wrap = wrap;
+
+  // Try/catch helper to minimize deoptimizations. Returns a completion
+  // record like context.tryEntries[i].completion. This interface could
+  // have been (and was previously) designed to take a closure to be
+  // invoked without arguments, but in all the cases we care about we
+  // already have an existing method we want to call, so there's no need
+  // to create a new function object. We can even get away with assuming
+  // the method takes exactly one argument, since that happens to be true
+  // in every case, so we don't have to touch the arguments object. The
+  // only additional allocation required is the completion record, which
+  // has a stable shape and so hopefully should be cheap to allocate.
+  function tryCatch(fn, obj, arg) {
+    try {
+      return { type: "normal", arg: fn.call(obj, arg) };
+    } catch (err) {
+      return { type: "throw", arg: err };
+    }
+  }
+
+  var GenStateSuspendedStart = "suspendedStart";
+  var GenStateSuspendedYield = "suspendedYield";
+  var GenStateExecuting = "executing";
+  var GenStateCompleted = "completed";
+
+  // Returning this object from the innerFn has the same effect as
+  // breaking out of the dispatch switch statement.
+  var ContinueSentinel = {};
+
+  // Dummy constructor functions that we use as the .constructor and
+  // .constructor.prototype properties for functions that return Generator
+  // objects. For full spec compliance, you may wish to configure your
+  // minifier not to mangle the names of these two functions.
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+
+  // This is a polyfill for %IteratorPrototype% for environments that
+  // don't natively support it.
+  var IteratorPrototype = {};
+  IteratorPrototype[iteratorSymbol] = function () {
+    return this;
+  };
+
+  var getProto = Object.getPrototypeOf;
+  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+  if (NativeIteratorPrototype &&
+      NativeIteratorPrototype !== Op &&
+      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
+    // This environment has a native %IteratorPrototype%; use it instead
+    // of the polyfill.
+    IteratorPrototype = NativeIteratorPrototype;
+  }
+
+  var Gp = GeneratorFunctionPrototype.prototype =
+    Generator.prototype = Object.create(IteratorPrototype);
+  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;
+  GeneratorFunctionPrototype.constructor = GeneratorFunction;
+  GeneratorFunctionPrototype[toStringTagSymbol] =
+    GeneratorFunction.displayName = "GeneratorFunction";
+
+  // Helper for defining the .next, .throw, and .return methods of the
+  // Iterator interface in terms of a single ._invoke method.
+  function defineIteratorMethods(prototype) {
+    ["next", "throw", "return"].forEach(function(method) {
+      prototype[method] = function(arg) {
+        return this._invoke(method, arg);
+      };
+    });
+  }
+
+  exports.isGeneratorFunction = function(genFun) {
+    var ctor = typeof genFun === "function" && genFun.constructor;
+    return ctor
+      ? ctor === GeneratorFunction ||
+        // For the native GeneratorFunction constructor, the best we can
+        // do is to check its .name property.
+        (ctor.displayName || ctor.name) === "GeneratorFunction"
+      : false;
+  };
+
+  exports.mark = function(genFun) {
+    if (Object.setPrototypeOf) {
+      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
+    } else {
+      genFun.__proto__ = GeneratorFunctionPrototype;
+      if (!(toStringTagSymbol in genFun)) {
+        genFun[toStringTagSymbol] = "GeneratorFunction";
+      }
+    }
+    genFun.prototype = Object.create(Gp);
+    return genFun;
+  };
+
+  // Within the body of any async function, `await x` is transformed to
+  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
+  // `hasOwn.call(value, "__await")` to determine if the yielded value is
+  // meant to be awaited.
+  exports.awrap = function(arg) {
+    return { __await: arg };
+  };
+
+  function AsyncIterator(generator) {
+    function invoke(method, arg, resolve, reject) {
+      var record = tryCatch(generator[method], generator, arg);
+      if (record.type === "throw") {
+        reject(record.arg);
+      } else {
+        var result = record.arg;
+        var value = result.value;
+        if (value &&
+            typeof value === "object" &&
+            hasOwn.call(value, "__await")) {
+          return Promise.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return Promise.resolve(value).then(function(unwrapped) {
+          // When a yielded Promise is resolved, its final value becomes
+          // the .value of the Promise<{value,done}> result for the
+          // current iteration.
+          result.value = unwrapped;
+          resolve(result);
+        }, function(error) {
+          // If a rejected Promise was yielded, throw the rejection back
+          // into the async generator function so it can be handled there.
+          return invoke("throw", error, resolve, reject);
+        });
+      }
+    }
+
+    var previousPromise;
+
+    function enqueue(method, arg) {
+      function callInvokeWithMethodAndArg() {
+        return new Promise(function(resolve, reject) {
+          invoke(method, arg, resolve, reject);
+        });
+      }
+
+      return previousPromise =
+        // If enqueue has been called before, then we want to wait until
+        // all previous Promises have been resolved before calling invoke,
+        // so that results are always delivered in the correct order. If
+        // enqueue has not been called before, then it is important to
+        // call invoke immediately, without waiting on a callback to fire,
+        // so that the async generator function has the opportunity to do
+        // any necessary setup in a predictable way. This predictability
+        // is why the Promise constructor synchronously invokes its
+        // executor callback, and why async functions synchronously
+        // execute code before the first await. Since we implement simple
+        // async functions in terms of async generators, it is especially
+        // important to get this right, even though it requires care.
+        previousPromise ? previousPromise.then(
+          callInvokeWithMethodAndArg,
+          // Avoid propagating failures to Promises returned by later
+          // invocations of the iterator.
+          callInvokeWithMethodAndArg
+        ) : callInvokeWithMethodAndArg();
+    }
+
+    // Define the unified helper method that is used to implement .next,
+    // .throw, and .return (see defineIteratorMethods).
+    this._invoke = enqueue;
+  }
+
+  defineIteratorMethods(AsyncIterator.prototype);
+  AsyncIterator.prototype[asyncIteratorSymbol] = function () {
+    return this;
+  };
+  exports.AsyncIterator = AsyncIterator;
+
+  // Note that simple async functions are implemented on top of
+  // AsyncIterator objects; they just return a Promise for the value of
+  // the final result produced by the iterator.
+  exports.async = function(innerFn, outerFn, self, tryLocsList) {
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList)
+    );
+
+    return exports.isGeneratorFunction(outerFn)
+      ? iter // If outerFn is a generator, return the full iterator.
+      : iter.next().then(function(result) {
+          return result.done ? result.value : iter.next();
+        });
+  };
+
+  function makeInvokeMethod(innerFn, self, context) {
+    var state = GenStateSuspendedStart;
+
+    return function invoke(method, arg) {
+      if (state === GenStateExecuting) {
+        throw new Error("Generator is already running");
+      }
+
+      if (state === GenStateCompleted) {
+        if (method === "throw") {
+          throw arg;
+        }
+
+        // Be forgiving, per 25.3.3.3.3 of the spec:
+        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
+        return doneResult();
+      }
+
+      context.method = method;
+      context.arg = arg;
+
+      while (true) {
+        var delegate = context.delegate;
+        if (delegate) {
+          var delegateResult = maybeInvokeDelegate(delegate, context);
+          if (delegateResult) {
+            if (delegateResult === ContinueSentinel) continue;
+            return delegateResult;
+          }
+        }
+
+        if (context.method === "next") {
+          // Setting context._sent for legacy support of Babel's
+          // function.sent implementation.
+          context.sent = context._sent = context.arg;
+
+        } else if (context.method === "throw") {
+          if (state === GenStateSuspendedStart) {
+            state = GenStateCompleted;
+            throw context.arg;
+          }
+
+          context.dispatchException(context.arg);
+
+        } else if (context.method === "return") {
+          context.abrupt("return", context.arg);
+        }
+
+        state = GenStateExecuting;
+
+        var record = tryCatch(innerFn, self, context);
+        if (record.type === "normal") {
+          // If an exception is thrown from innerFn, we leave state ===
+          // GenStateExecuting and loop back for another invocation.
+          state = context.done
+            ? GenStateCompleted
+            : GenStateSuspendedYield;
+
+          if (record.arg === ContinueSentinel) {
+            continue;
+          }
+
+          return {
+            value: record.arg,
+            done: context.done
+          };
+
+        } else if (record.type === "throw") {
+          state = GenStateCompleted;
+          // Dispatch the exception by looping back around to the
+          // context.dispatchException(context.arg) call above.
+          context.method = "throw";
+          context.arg = record.arg;
+        }
+      }
+    };
+  }
+
+  // Call delegate.iterator[context.method](context.arg) and handle the
+  // result, either by returning a { value, done } result from the
+  // delegate iterator, or by modifying context.method and context.arg,
+  // setting context.delegate to null, and returning the ContinueSentinel.
+  function maybeInvokeDelegate(delegate, context) {
+    var method = delegate.iterator[context.method];
+    if (method === undefined) {
+      // A .throw or .return when the delegate iterator has no .throw
+      // method always terminates the yield* loop.
+      context.delegate = null;
+
+      if (context.method === "throw") {
+        // Note: ["return"] must be used for ES3 parsing compatibility.
+        if (delegate.iterator["return"]) {
+          // If the delegate iterator has a return method, give it a
+          // chance to clean up.
+          context.method = "return";
+          context.arg = undefined;
+          maybeInvokeDelegate(delegate, context);
+
+          if (context.method === "throw") {
+            // If maybeInvokeDelegate(context) changed context.method from
+            // "return" to "throw", let that override the TypeError below.
+            return ContinueSentinel;
+          }
+        }
+
+        context.method = "throw";
+        context.arg = new TypeError(
+          "The iterator does not provide a 'throw' method");
+      }
+
+      return ContinueSentinel;
+    }
+
+    var record = tryCatch(method, delegate.iterator, context.arg);
+
+    if (record.type === "throw") {
+      context.method = "throw";
+      context.arg = record.arg;
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    var info = record.arg;
+
+    if (! info) {
+      context.method = "throw";
+      context.arg = new TypeError("iterator result is not an object");
+      context.delegate = null;
+      return ContinueSentinel;
+    }
+
+    if (info.done) {
+      // Assign the result of the finished delegate to the temporary
+      // variable specified by delegate.resultName (see delegateYield).
+      context[delegate.resultName] = info.value;
+
+      // Resume execution at the desired location (see delegateYield).
+      context.next = delegate.nextLoc;
+
+      // If context.method was "throw" but the delegate handled the
+      // exception, let the outer generator proceed normally. If
+      // context.method was "next", forget context.arg since it has been
+      // "consumed" by the delegate iterator. If context.method was
+      // "return", allow the original .return call to continue in the
+      // outer generator.
+      if (context.method !== "return") {
+        context.method = "next";
+        context.arg = undefined;
+      }
+
+    } else {
+      // Re-yield the result returned by the delegate method.
+      return info;
+    }
+
+    // The delegate iterator is finished, so forget it and continue with
+    // the outer generator.
+    context.delegate = null;
+    return ContinueSentinel;
+  }
+
+  // Define Generator.prototype.{next,throw,return} in terms of the
+  // unified ._invoke helper method.
+  defineIteratorMethods(Gp);
+
+  Gp[toStringTagSymbol] = "Generator";
+
+  // A Generator should always return itself as the iterator object when the
+  // @@iterator function is called on it. Some browsers' implementations of the
+  // iterator prototype chain incorrectly implement this, causing the Generator
+  // object to not be returned from this call. This ensures that doesn't happen.
+  // See https://github.com/facebook/regenerator/issues/274 for more details.
+  Gp[iteratorSymbol] = function() {
+    return this;
+  };
+
+  Gp.toString = function() {
+    return "[object Generator]";
+  };
+
+  function pushTryEntry(locs) {
+    var entry = { tryLoc: locs[0] };
+
+    if (1 in locs) {
+      entry.catchLoc = locs[1];
+    }
+
+    if (2 in locs) {
+      entry.finallyLoc = locs[2];
+      entry.afterLoc = locs[3];
+    }
+
+    this.tryEntries.push(entry);
+  }
+
+  function resetTryEntry(entry) {
+    var record = entry.completion || {};
+    record.type = "normal";
+    delete record.arg;
+    entry.completion = record;
+  }
+
+  function Context(tryLocsList) {
+    // The root entry object (effectively a try statement without a catch
+    // or a finally block) gives us a place to store values thrown from
+    // locations where there is no enclosing try statement.
+    this.tryEntries = [{ tryLoc: "root" }];
+    tryLocsList.forEach(pushTryEntry, this);
+    this.reset(true);
+  }
+
+  exports.keys = function(object) {
+    var keys = [];
+    for (var key in object) {
+      keys.push(key);
+    }
+    keys.reverse();
+
+    // Rather than returning an object with a next method, we keep
+    // things simple and return the next function itself.
+    return function next() {
+      while (keys.length) {
+        var key = keys.pop();
+        if (key in object) {
+          next.value = key;
+          next.done = false;
+          return next;
+        }
+      }
+
+      // To avoid creating an additional object, we just hang the .value
+      // and .done properties off the next function object itself. This
+      // also ensures that the minifier will not anonymize the function.
+      next.done = true;
+      return next;
+    };
+  };
+
+  function values(iterable) {
+    if (iterable) {
+      var iteratorMethod = iterable[iteratorSymbol];
+      if (iteratorMethod) {
+        return iteratorMethod.call(iterable);
+      }
+
+      if (typeof iterable.next === "function") {
+        return iterable;
+      }
+
+      if (!isNaN(iterable.length)) {
+        var i = -1, next = function next() {
+          while (++i < iterable.length) {
+            if (hasOwn.call(iterable, i)) {
+              next.value = iterable[i];
+              next.done = false;
+              return next;
+            }
+          }
+
+          next.value = undefined;
+          next.done = true;
+
+          return next;
+        };
+
+        return next.next = next;
+      }
+    }
+
+    // Return an iterator with no values.
+    return { next: doneResult };
+  }
+  exports.values = values;
+
+  function doneResult() {
+    return { value: undefined, done: true };
+  }
+
+  Context.prototype = {
+    constructor: Context,
+
+    reset: function(skipTempReset) {
+      this.prev = 0;
+      this.next = 0;
+      // Resetting context._sent for legacy support of Babel's
+      // function.sent implementation.
+      this.sent = this._sent = undefined;
+      this.done = false;
+      this.delegate = null;
+
+      this.method = "next";
+      this.arg = undefined;
+
+      this.tryEntries.forEach(resetTryEntry);
+
+      if (!skipTempReset) {
+        for (var name in this) {
+          // Not sure about the optimal order of these conditions:
+          if (name.charAt(0) === "t" &&
+              hasOwn.call(this, name) &&
+              !isNaN(+name.slice(1))) {
+            this[name] = undefined;
+          }
+        }
+      }
+    },
+
+    stop: function() {
+      this.done = true;
+
+      var rootEntry = this.tryEntries[0];
+      var rootRecord = rootEntry.completion;
+      if (rootRecord.type === "throw") {
+        throw rootRecord.arg;
+      }
+
+      return this.rval;
+    },
+
+    dispatchException: function(exception) {
+      if (this.done) {
+        throw exception;
+      }
+
+      var context = this;
+      function handle(loc, caught) {
+        record.type = "throw";
+        record.arg = exception;
+        context.next = loc;
+
+        if (caught) {
+          // If the dispatched exception was caught by a catch block,
+          // then let that catch block handle the exception normally.
+          context.method = "next";
+          context.arg = undefined;
+        }
+
+        return !! caught;
+      }
+
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        var record = entry.completion;
+
+        if (entry.tryLoc === "root") {
+          // Exception thrown outside of any try block that could handle
+          // it, so set the completion value of the entire function to
+          // throw the exception.
+          return handle("end");
+        }
+
+        if (entry.tryLoc <= this.prev) {
+          var hasCatch = hasOwn.call(entry, "catchLoc");
+          var hasFinally = hasOwn.call(entry, "finallyLoc");
+
+          if (hasCatch && hasFinally) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            } else if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else if (hasCatch) {
+            if (this.prev < entry.catchLoc) {
+              return handle(entry.catchLoc, true);
+            }
+
+          } else if (hasFinally) {
+            if (this.prev < entry.finallyLoc) {
+              return handle(entry.finallyLoc);
+            }
+
+          } else {
+            throw new Error("try statement without catch or finally");
+          }
+        }
+      }
+    },
+
+    abrupt: function(type, arg) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc <= this.prev &&
+            hasOwn.call(entry, "finallyLoc") &&
+            this.prev < entry.finallyLoc) {
+          var finallyEntry = entry;
+          break;
+        }
+      }
+
+      if (finallyEntry &&
+          (type === "break" ||
+           type === "continue") &&
+          finallyEntry.tryLoc <= arg &&
+          arg <= finallyEntry.finallyLoc) {
+        // Ignore the finally entry if control is not jumping to a
+        // location outside the try/catch block.
+        finallyEntry = null;
+      }
+
+      var record = finallyEntry ? finallyEntry.completion : {};
+      record.type = type;
+      record.arg = arg;
+
+      if (finallyEntry) {
+        this.method = "next";
+        this.next = finallyEntry.finallyLoc;
+        return ContinueSentinel;
+      }
+
+      return this.complete(record);
+    },
+
+    complete: function(record, afterLoc) {
+      if (record.type === "throw") {
+        throw record.arg;
+      }
+
+      if (record.type === "break" ||
+          record.type === "continue") {
+        this.next = record.arg;
+      } else if (record.type === "return") {
+        this.rval = this.arg = record.arg;
+        this.method = "return";
+        this.next = "end";
+      } else if (record.type === "normal" && afterLoc) {
+        this.next = afterLoc;
+      }
+
+      return ContinueSentinel;
+    },
+
+    finish: function(finallyLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.finallyLoc === finallyLoc) {
+          this.complete(entry.completion, entry.afterLoc);
+          resetTryEntry(entry);
+          return ContinueSentinel;
+        }
+      }
+    },
+
+    "catch": function(tryLoc) {
+      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+        var entry = this.tryEntries[i];
+        if (entry.tryLoc === tryLoc) {
+          var record = entry.completion;
+          if (record.type === "throw") {
+            var thrown = record.arg;
+            resetTryEntry(entry);
+          }
+          return thrown;
+        }
+      }
+
+      // The context.catch method must only be called with a location
+      // argument that corresponds to a known catch block.
+      throw new Error("illegal catch attempt");
+    },
+
+    delegateYield: function(iterable, resultName, nextLoc) {
+      this.delegate = {
+        iterator: values(iterable),
+        resultName: resultName,
+        nextLoc: nextLoc
+      };
+
+      if (this.method === "next") {
+        // Deliberately forget the last sent value so that we don't
+        // accidentally pass it on to the delegate.
+        this.arg = undefined;
+      }
+
+      return ContinueSentinel;
+    }
+  };
+
+  // Regardless of whether this script is executing as a CommonJS module
+  // or not, return the runtime object so that we can declare the variable
+  // regeneratorRuntime in the outer scope, which allows this module to be
+  // injected easily by `bin/regenerator --include-runtime script.js`.
+  return exports;
+
+}(
+  // If this script is executing as a CommonJS module, use module.exports
+  // as the regeneratorRuntime namespace. Otherwise create a new empty
+  // object. Either way, the resulting object will be used to initialize
+  // the regeneratorRuntime variable at the top of this file.
+  typeof module === "object" ? module.exports : {}
+));
diff --git a/native/utils/tools.js b/native/utils/tools.js
new file mode 100644
index 0000000..5ea6e83
--- /dev/null
+++ b/native/utils/tools.js
@@ -0,0 +1,22 @@
+// 显示购物车tabBar的Badge
+function showTabBarBadge(){
+  wx.getStorage({
+    key: 'shopCarInfo',
+    success: function (res) {
+      if (res.data.shopNum > 0) {
+        wx.setTabBarBadge({
+          index: 2,
+          text: `${res.data.shopNum}`
+        });
+      } else {
+        wx.removeTabBarBadge({
+          index: 2
+        });
+      }
+    }
+  });
+}
+
+module.exports = {
+  showTabBarBadge: showTabBarBadge
+}
\ No newline at end of file
diff --git a/native/utils/weapp.qrcode.min.js b/native/utils/weapp.qrcode.min.js
new file mode 100644
index 0000000..07f721b
--- /dev/null
+++ b/native/utils/weapp.qrcode.min.js
@@ -0,0 +1,5 @@
+/**
+ * weapp.qrcode.js v0.8.0 (https://github.com/yingye/weapp-qrcode#readme)
+ */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.drawQrcode=e()}(this,function(){"use strict";function t(t){this.mode=r.MODE_8BIT_BYTE,this.data=t}function e(t,e){this.typeNumber=t,this.errorCorrectLevel=e,this.modules=null,this.moduleCount=0,this.dataCache=null,this.dataList=new Array}t.prototype={getLength:function(t){return this.data.length},write:function(t){for(var e=0;e<this.data.length;e++)t.put(this.data.charCodeAt(e),8)}},e.prototype={addData:function(e){var r=new t(e);this.dataList.push(r),this.dataCache=null},isDark:function(t,e){if(t<0||this.moduleCount<=t||e<0||this.moduleCount<=e)throw new Error(t+","+e);return this.modules[t][e]},getModuleCount:function(){return this.moduleCount},make:function(){if(this.typeNumber<1){var t=1;for(t=1;t<40;t++){for(var e=v.getRSBlocks(t,this.errorCorrectLevel),r=new C,n=0,o=0;o<e.length;o++)n+=e[o].dataCount;for(o=0;o<this.dataList.length;o++){var i=this.dataList[o];r.put(i.mode,4),r.put(i.getLength(),g.getLengthInBits(i.mode,t)),i.write(r)}if(r.getLengthInBits()<=8*n)break}this.typeNumber=t}this.makeImpl(!1,this.getBestMaskPattern())},makeImpl:function(t,r){this.moduleCount=4*this.typeNumber+17,this.modules=new Array(this.moduleCount);for(var n=0;n<this.moduleCount;n++){this.modules[n]=new Array(this.moduleCount);for(var o=0;o<this.moduleCount;o++)this.modules[n][o]=null}this.setupPositionProbePattern(0,0),this.setupPositionProbePattern(this.moduleCount-7,0),this.setupPositionProbePattern(0,this.moduleCount-7),this.setupPositionAdjustPattern(),this.setupTimingPattern(),this.setupTypeInfo(t,r),this.typeNumber>=7&&this.setupTypeNumber(t),null==this.dataCache&&(this.dataCache=e.createData(this.typeNumber,this.errorCorrectLevel,this.dataList)),this.mapData(this.dataCache,r)},setupPositionProbePattern:function(t,e){for(var r=-1;r<=7;r++)if(!(t+r<=-1||this.moduleCount<=t+r))for(var n=-1;n<=7;n++)e+n<=-1||this.moduleCount<=e+n||(this.modules[t+r][e+n]=0<=r&&r<=6&&(0==n||6==n)||0<=n&&n<=6&&(0==r||6==r)||2<=r&&r<=4&&2<=n&&n<=4)},getBestMaskPattern:function(){for(var t=0,e=0,r=0;r<8;r++){this.makeImpl(!0,r);var n=g.getLostPoint(this);(0==r||t>n)&&(t=n,e=r)}return e},createMovieClip:function(t,e,r){var n=t.createEmptyMovieClip(e,r);this.make();for(var o=0;o<this.modules.length;o++)for(var i=1*o,a=0;a<this.modules[o].length;a++){var s=1*a;this.modules[o][a]&&(n.beginFill(0,100),n.moveTo(s,i),n.lineTo(s+1,i),n.lineTo(s+1,i+1),n.lineTo(s,i+1),n.endFill())}return n},setupTimingPattern:function(){for(var t=8;t<this.moduleCount-8;t++)null==this.modules[t][6]&&(this.modules[t][6]=t%2==0);for(var e=8;e<this.moduleCount-8;e++)null==this.modules[6][e]&&(this.modules[6][e]=e%2==0)},setupPositionAdjustPattern:function(){for(var t=g.getPatternPosition(this.typeNumber),e=0;e<t.length;e++)for(var r=0;r<t.length;r++){var n=t[e],o=t[r];if(null==this.modules[n][o])for(var i=-2;i<=2;i++)for(var a=-2;a<=2;a++)this.modules[n+i][o+a]=-2==i||2==i||-2==a||2==a||0==i&&0==a}},setupTypeNumber:function(t){for(var e=g.getBCHTypeNumber(this.typeNumber),r=0;r<18;r++){var n=!t&&1==(e>>r&1);this.modules[Math.floor(r/3)][r%3+this.moduleCount-8-3]=n}for(r=0;r<18;r++){n=!t&&1==(e>>r&1);this.modules[r%3+this.moduleCount-8-3][Math.floor(r/3)]=n}},setupTypeInfo:function(t,e){for(var r=this.errorCorrectLevel<<3|e,n=g.getBCHTypeInfo(r),o=0;o<15;o++){var i=!t&&1==(n>>o&1);o<6?this.modules[o][8]=i:o<8?this.modules[o+1][8]=i:this.modules[this.moduleCount-15+o][8]=i}for(o=0;o<15;o++){i=!t&&1==(n>>o&1);o<8?this.modules[8][this.moduleCount-o-1]=i:o<9?this.modules[8][15-o-1+1]=i:this.modules[8][15-o-1]=i}this.modules[this.moduleCount-8][8]=!t},mapData:function(t,e){for(var r=-1,n=this.moduleCount-1,o=7,i=0,a=this.moduleCount-1;a>0;a-=2)for(6==a&&a--;;){for(var s=0;s<2;s++)if(null==this.modules[n][a-s]){var u=!1;i<t.length&&(u=1==(t[i]>>>o&1)),g.getMask(e,n,a-s)&&(u=!u),this.modules[n][a-s]=u,-1==--o&&(i++,o=7)}if((n+=r)<0||this.moduleCount<=n){n-=r,r=-r;break}}}},e.PAD0=236,e.PAD1=17,e.createData=function(t,r,n){for(var o=v.getRSBlocks(t,r),i=new C,a=0;a<n.length;a++){var s=n[a];i.put(s.mode,4),i.put(s.getLength(),g.getLengthInBits(s.mode,t)),s.write(i)}var u=0;for(a=0;a<o.length;a++)u+=o[a].dataCount;if(i.getLengthInBits()>8*u)throw new Error("code length overflow. ("+i.getLengthInBits()+">"+8*u+")");for(i.getLengthInBits()+4<=8*u&&i.put(0,4);i.getLengthInBits()%8!=0;)i.putBit(!1);for(;!(i.getLengthInBits()>=8*u||(i.put(e.PAD0,8),i.getLengthInBits()>=8*u));)i.put(e.PAD1,8);return e.createBytes(i,o)},e.createBytes=function(t,e){for(var r=0,n=0,o=0,i=new Array(e.length),a=new Array(e.length),s=0;s<e.length;s++){var u=e[s].dataCount,h=e[s].totalCount-u;n=Math.max(n,u),o=Math.max(o,h),i[s]=new Array(u);for(var l=0;l<i[s].length;l++)i[s][l]=255&t.buffer[l+r];r+=u;var f=g.getErrorCorrectPolynomial(h),c=new m(i[s],f.getLength()-1).mod(f);a[s]=new Array(f.getLength()-1);for(l=0;l<a[s].length;l++){var d=l+c.getLength()-a[s].length;a[s][l]=d>=0?c.get(d):0}}var v=0;for(l=0;l<e.length;l++)v+=e[l].totalCount;var C=new Array(v),p=0;for(l=0;l<n;l++)for(s=0;s<e.length;s++)l<i[s].length&&(C[p++]=i[s][l]);for(l=0;l<o;l++)for(s=0;s<e.length;s++)l<a[s].length&&(C[p++]=a[s][l]);return C};for(var r={MODE_NUMBER:1,MODE_ALPHA_NUM:2,MODE_8BIT_BYTE:4,MODE_KANJI:8},n={L:1,M:0,Q:3,H:2},o=0,i=1,a=2,s=3,u=4,h=5,l=6,f=7,g={PATTERN_POSITION_TABLE:[[],[6,18],[6,22],[6,26],[6,30],[6,34],[6,22,38],[6,24,42],[6,26,46],[6,28,50],[6,30,54],[6,32,58],[6,34,62],[6,26,46,66],[6,26,48,70],[6,26,50,74],[6,30,54,78],[6,30,56,82],[6,30,58,86],[6,34,62,90],[6,28,50,72,94],[6,26,50,74,98],[6,30,54,78,102],[6,28,54,80,106],[6,32,58,84,110],[6,30,58,86,114],[6,34,62,90,118],[6,26,50,74,98,122],[6,30,54,78,102,126],[6,26,52,78,104,130],[6,30,56,82,108,134],[6,34,60,86,112,138],[6,30,58,86,114,142],[6,34,62,90,118,146],[6,30,54,78,102,126,150],[6,24,50,76,102,128,154],[6,28,54,80,106,132,158],[6,32,58,84,110,136,162],[6,26,54,82,110,138,166],[6,30,58,86,114,142,170]],G15:1335,G18:7973,G15_MASK:21522,getBCHTypeInfo:function(t){for(var e=t<<10;g.getBCHDigit(e)-g.getBCHDigit(g.G15)>=0;)e^=g.G15<<g.getBCHDigit(e)-g.getBCHDigit(g.G15);return(t<<10|e)^g.G15_MASK},getBCHTypeNumber:function(t){for(var e=t<<12;g.getBCHDigit(e)-g.getBCHDigit(g.G18)>=0;)e^=g.G18<<g.getBCHDigit(e)-g.getBCHDigit(g.G18);return t<<12|e},getBCHDigit:function(t){for(var e=0;0!=t;)e++,t>>>=1;return e},getPatternPosition:function(t){return g.PATTERN_POSITION_TABLE[t-1]},getMask:function(t,e,r){switch(t){case o:return(e+r)%2==0;case i:return e%2==0;case a:return r%3==0;case s:return(e+r)%3==0;case u:return(Math.floor(e/2)+Math.floor(r/3))%2==0;case h:return e*r%2+e*r%3==0;case l:return(e*r%2+e*r%3)%2==0;case f:return(e*r%3+(e+r)%2)%2==0;default:throw new Error("bad maskPattern:"+t)}},getErrorCorrectPolynomial:function(t){for(var e=new m([1],0),r=0;r<t;r++)e=e.multiply(new m([1,c.gexp(r)],0));return e},getLengthInBits:function(t,e){if(1<=e&&e<10)switch(t){case r.MODE_NUMBER:return 10;case r.MODE_ALPHA_NUM:return 9;case r.MODE_8BIT_BYTE:case r.MODE_KANJI:return 8;default:throw new Error("mode:"+t)}else if(e<27)switch(t){case r.MODE_NUMBER:return 12;case r.MODE_ALPHA_NUM:return 11;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 10;default:throw new Error("mode:"+t)}else{if(!(e<41))throw new Error("type:"+e);switch(t){case r.MODE_NUMBER:return 14;case r.MODE_ALPHA_NUM:return 13;case r.MODE_8BIT_BYTE:return 16;case r.MODE_KANJI:return 12;default:throw new Error("mode:"+t)}}},getLostPoint:function(t){for(var e=t.getModuleCount(),r=0,n=0;n<e;n++)for(var o=0;o<e;o++){for(var i=0,a=t.isDark(n,o),s=-1;s<=1;s++)if(!(n+s<0||e<=n+s))for(var u=-1;u<=1;u++)o+u<0||e<=o+u||0==s&&0==u||a==t.isDark(n+s,o+u)&&i++;i>5&&(r+=3+i-5)}for(n=0;n<e-1;n++)for(o=0;o<e-1;o++){var h=0;t.isDark(n,o)&&h++,t.isDark(n+1,o)&&h++,t.isDark(n,o+1)&&h++,t.isDark(n+1,o+1)&&h++,0!=h&&4!=h||(r+=3)}for(n=0;n<e;n++)for(o=0;o<e-6;o++)t.isDark(n,o)&&!t.isDark(n,o+1)&&t.isDark(n,o+2)&&t.isDark(n,o+3)&&t.isDark(n,o+4)&&!t.isDark(n,o+5)&&t.isDark(n,o+6)&&(r+=40);for(o=0;o<e;o++)for(n=0;n<e-6;n++)t.isDark(n,o)&&!t.isDark(n+1,o)&&t.isDark(n+2,o)&&t.isDark(n+3,o)&&t.isDark(n+4,o)&&!t.isDark(n+5,o)&&t.isDark(n+6,o)&&(r+=40);var l=0;for(o=0;o<e;o++)for(n=0;n<e;n++)t.isDark(n,o)&&l++;return r+=10*(Math.abs(100*l/e/e-50)/5)}},c={glog:function(t){if(t<1)throw new Error("glog("+t+")");return c.LOG_TABLE[t]},gexp:function(t){for(;t<0;)t+=255;for(;t>=256;)t-=255;return c.EXP_TABLE[t]},EXP_TABLE:new Array(256),LOG_TABLE:new Array(256)},d=0;d<8;d++)c.EXP_TABLE[d]=1<<d;for(d=8;d<256;d++)c.EXP_TABLE[d]=c.EXP_TABLE[d-4]^c.EXP_TABLE[d-5]^c.EXP_TABLE[d-6]^c.EXP_TABLE[d-8];for(d=0;d<255;d++)c.LOG_TABLE[c.EXP_TABLE[d]]=d;function m(t,e){if(void 0==t.length)throw new Error(t.length+"/"+e);for(var r=0;r<t.length&&0==t[r];)r++;this.num=new Array(t.length-r+e);for(var n=0;n<t.length-r;n++)this.num[n]=t[n+r]}function v(t,e){this.totalCount=t,this.dataCount=e}function C(){this.buffer=new Array,this.length=0}return m.prototype={get:function(t){return this.num[t]},getLength:function(){return this.num.length},multiply:function(t){for(var e=new Array(this.getLength()+t.getLength()-1),r=0;r<this.getLength();r++)for(var n=0;n<t.getLength();n++)e[r+n]^=c.gexp(c.glog(this.get(r))+c.glog(t.get(n)));return new m(e,0)},mod:function(t){if(this.getLength()-t.getLength()<0)return this;for(var e=c.glog(this.get(0))-c.glog(t.get(0)),r=new Array(this.getLength()),n=0;n<this.getLength();n++)r[n]=this.get(n);for(n=0;n<t.getLength();n++)r[n]^=c.gexp(c.glog(t.get(n))+e);return new m(r,0).mod(t)}},v.RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]],v.getRSBlocks=function(t,e){var r=v.getRsBlockTable(t,e);if(void 0==r)throw new Error("bad rs block @ typeNumber:"+t+"/errorCorrectLevel:"+e);for(var n=r.length/3,o=new Array,i=0;i<n;i++)for(var a=r[3*i+0],s=r[3*i+1],u=r[3*i+2],h=0;h<a;h++)o.push(new v(s,u));return o},v.getRsBlockTable=function(t,e){switch(e){case n.L:return v.RS_BLOCK_TABLE[4*(t-1)+0];case n.M:return v.RS_BLOCK_TABLE[4*(t-1)+1];case n.Q:return v.RS_BLOCK_TABLE[4*(t-1)+2];case n.H:return v.RS_BLOCK_TABLE[4*(t-1)+3];default:return}},C.prototype={get:function(t){var e=Math.floor(t/8);return 1==(this.buffer[e]>>>7-t%8&1)},put:function(t,e){for(var r=0;r<e;r++)this.putBit(1==(t>>>e-r-1&1))},getLengthInBits:function(){return this.length},putBit:function(t){var e=Math.floor(this.length/8);this.buffer.length<=e&&this.buffer.push(0),t&&(this.buffer[e]|=128>>>this.length%8),this.length++}},function(t){t=t||{},(t=Object.assign({width:256,height:256,typeNumber:-1,correctLevel:n.H,background:"#ffffff",foreground:"#000000"},t)).canvasId?function(){var r=new e(t.typeNumber,t.correctLevel);r.addData(t.text),r.make();for(var n=t._this?wx.createCanvasContext&&wx.createCanvasContext(t.canvasId,t._this):wx.createCanvasContext&&wx.createCanvasContext(t.canvasId),o=t.width/r.getModuleCount(),i=t.height/r.getModuleCount(),a=0;a<r.getModuleCount();a++)for(var s=0;s<r.getModuleCount();s++){var u=r.isDark(a,s)?t.foreground:t.background;n.setFillStyle(u);var h=Math.ceil((s+1)*o)-Math.floor(s*o),l=Math.ceil((a+1)*o)-Math.floor(a*o);n.fillRect(Math.round(s*o),Math.round(a*i),h,l)}n.draw(!1,function(e){t.callback&&t.callback(e)})}():console.warn("please you set canvasId!")}});
diff --git a/native/weui/base/fn.wxss b/native/weui/base/fn.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/fn.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/mixin/mobile.wxss b/native/weui/base/mixin/mobile.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/mixin/mobile.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/mixin/setArrow.wxss b/native/weui/base/mixin/setArrow.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/mixin/setArrow.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/mixin/setOnepx.wxss b/native/weui/base/mixin/setOnepx.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/mixin/setOnepx.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/mixin/text.wxss b/native/weui/base/mixin/text.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/mixin/text.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/reset.wxss b/native/weui/base/reset.wxss
new file mode 100644
index 0000000..fe46a3d
--- /dev/null
+++ b/native/weui/base/reset.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}
\ No newline at end of file
diff --git a/native/weui/base/variable/color.wxss b/native/weui/base/variable/color.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/color.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/global.wxss b/native/weui/base/variable/global.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/global.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/weui-button.wxss b/native/weui/base/variable/weui-button.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/weui-button.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/weui-cell.wxss b/native/weui/base/variable/weui-cell.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/weui-cell.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/weui-dialog.wxss b/native/weui/base/variable/weui-dialog.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/weui-dialog.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/weui-grid.wxss b/native/weui/base/variable/weui-grid.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/weui-grid.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/weui-msg.wxss b/native/weui/base/variable/weui-msg.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/weui-msg.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/weui-progress.wxss b/native/weui/base/variable/weui-progress.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/weui-progress.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/base/variable/weui-tab.wxss b/native/weui/base/variable/weui-tab.wxss
new file mode 100644
index 0000000..d756318
--- /dev/null
+++ b/native/weui/base/variable/weui-tab.wxss
@@ -0,0 +1,5 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
diff --git a/native/weui/weui.wxss b/native/weui/weui.wxss
new file mode 100644
index 0000000..0f09085
--- /dev/null
+++ b/native/weui/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/native/weui/widget/weui-agree/weui-agree.wxss b/native/weui/widget/weui-agree/weui-agree.wxss
new file mode 100644
index 0000000..445dd67
--- /dev/null
+++ b/native/weui/widget/weui-agree/weui-agree.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-animate/weui-animate.wxss b/native/weui/widget/weui-animate/weui-animate.wxss
new file mode 100644
index 0000000..9c2a8cd
--- /dev/null
+++ b/native/weui/widget/weui-animate/weui-animate.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+@-webkit-keyframes a{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes a{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.weui-animate-slide-up{-webkit-animation:a ease .3s forwards;animation:a ease .3s forwards}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.weui-animate-slide-down{-webkit-animation:b ease .3s forwards;animation:b ease .3s forwards}@-webkit-keyframes c{0%{opacity:0}to{opacity:1}}@keyframes c{0%{opacity:0}to{opacity:1}}.weui-animate-fade-in{-webkit-animation:c ease .3s forwards;animation:c ease .3s forwards}@-webkit-keyframes d{0%{opacity:1}to{opacity:0}}@keyframes d{0%{opacity:1}to{opacity:0}}.weui-animate-fade-out{-webkit-animation:d ease .3s forwards;animation:d ease .3s forwards}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_cell.wxss b/native/weui/widget/weui-button/weui-btn_cell.wxss
new file mode 100644
index 0000000..5b1e950
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_cell.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn_cell{position:relative;display:block;margin-left:auto;margin-right:auto;box-sizing:border-box;font-weight:700;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;padding:16px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;background-color:#fff}.weui-btn_cell+.weui-btn_cell{margin-top:16px}.weui-btn_cell:active{background-color:#ececec}.weui-btn_cell__icon{display:inline-block;vertical-align:middle;width:24px;height:24px;margin:-.2em .34em 0 0}.weui-btn_cell-default{color:rgba(0,0,0,.9)}.weui-btn_cell-primary{color:#576b95}.weui-btn_cell-warn{color:#fa5151}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_default.wxss b/native/weui/widget/weui-button/weui-btn_default.wxss
new file mode 100644
index 0000000..af78e64
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_default.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn_default{color:#06ae56;background-color:#f2f2f2}.weui-btn_default:not(.weui-btn_disabled):visited{color:#06ae56}.weui-btn_default:not(.weui-btn_disabled):active{color:#06ae56;background-color:#d9d9d9}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_disabled.wxss b/native/weui/widget/weui-button/weui-btn_disabled.wxss
new file mode 100644
index 0000000..e58a5ec
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_disabled.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn_disabled{color:rgba(0,0,0,.18);background-color:#fafafa}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_global.wxss b/native/weui/widget/weui-button/weui-btn_global.wxss
new file mode 100644
index 0000000..f2b8f88
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_global.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn{position:relative;display:block;width:184px;margin-left:auto;margin-right:auto;padding:8px 24px;box-sizing:border-box;font-weight:700;font-size:17px;text-align:center;text-decoration:none;color:#fff;line-height:1.41176471;border-radius:4px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui-btn_block{width:auto}.weui-btn_inline{display:inline-block}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_loading.wxss b/native/weui/widget/weui-button/weui-btn_loading.wxss
new file mode 100644
index 0000000..6270469
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_loading.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn_loading .weui-loading{margin:-.2em .34em 0 0}.weui-btn_loading.weui-btn_primary{color:#fff}.weui-btn_loading.weui-btn_default{background-color:#d9d9d9}.weui-btn_loading.weui-btn_primary{background-color:#06ad56}.weui-btn_loading.weui-btn_warn{background-color:#d9d9d9}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_plain.wxss b/native/weui/widget/weui-button/weui-btn_plain.wxss
new file mode 100644
index 0000000..debf666
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_plain.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn_plain-primary{color:#07c160;border:1px solid #1aad19}.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active{color:#06ae56;border-color:#179c16;background-color:rgba(0,0,0,.1)}.weui-btn_plain-primary:after{border-width:0}.weui-btn_plain-default{color:#353535;border:1px solid #353535}.weui-btn_plain-default:not(.weui-btn_plain-disabled):active{color:#323232;border-color:#323232;background-color:rgba(0,0,0,.1)}.weui-btn_plain-default:after{border-width:0}.weui-btn_plain-disabled{color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.2)}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_primary.wxss b/native/weui/widget/weui-button/weui-btn_primary.wxss
new file mode 100644
index 0000000..e074080
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_primary.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn_primary{background-color:#07c160}.weui-btn_primary:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_primary:not(.weui-btn_disabled):active{color:#fff;background-color:#06ad56}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-btn_warn.wxss b/native/weui/widget/weui-button/weui-btn_warn.wxss
new file mode 100644
index 0000000..183619e
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-btn_warn.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-btn_warn{color:#fa5151;background-color:#f2f2f2}.weui-btn_warn:not(.weui-btn_disabled):visited{color:#fa5151}.weui-btn_warn:not(.weui-btn_disabled):active{color:#fa5151;background-color:#d9d9d9}
\ No newline at end of file
diff --git a/native/weui/widget/weui-button/weui-button.wxss b/native/weui/widget/weui-button/weui-button.wxss
new file mode 100644
index 0000000..e2be5ee
--- /dev/null
+++ b/native/weui/widget/weui-button/weui-button.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-access.wxss b/native/weui/widget/weui-cell/weui-access.wxss
new file mode 100644
index 0000000..2671e28
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-access.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-cell.wxss b/native/weui/widget/weui-cell/weui-cell.wxss
new file mode 100644
index 0000000..6833101
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-cell.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-cells__group.wxss b/native/weui/widget/weui-cell/weui-cells__group.wxss
new file mode 100644
index 0000000..f4a0af6
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-cells__group.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-check.wxss b/native/weui/widget/weui-cell/weui-check.wxss
new file mode 100644
index 0000000..0f64974
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-check.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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/native/weui/widget/weui-cell/weui-form.wxss b/native/weui/widget/weui-cell/weui-form.wxss
new file mode 100644
index 0000000..9c2a230
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-form.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-form/weui-form-preview.wxss b/native/weui/widget/weui-cell/weui-form/weui-form-preview.wxss
new file mode 100644
index 0000000..9dde7bd
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-form/weui-form-preview.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-form/weui-form_common.wxss b/native/weui/widget/weui-cell/weui-form/weui-form_common.wxss
new file mode 100644
index 0000000..0036631
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-form/weui-form_common.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-form/weui-select.wxss b/native/weui/widget/weui-cell/weui-form/weui-select.wxss
new file mode 100644
index 0000000..ddbe083
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-form/weui-select.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-form/weui-vcode.wxss b/native/weui/widget/weui-cell/weui-form/weui-vcode.wxss
new file mode 100644
index 0000000..fe283a3
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-form/weui-vcode.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-gallery.wxss b/native/weui/widget/weui-cell/weui-gallery.wxss
new file mode 100644
index 0000000..2ccaa70
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-gallery.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-slideview.wxss b/native/weui/widget/weui-cell/weui-slideview.wxss
new file mode 100644
index 0000000..3a6f9c7
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-slideview.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+: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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-switch.wxss b/native/weui/widget/weui-cell/weui-switch.wxss
new file mode 100644
index 0000000..dd78d26
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-switch.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-cell_switch{padding-top:12px;padding-bottom:12px}
\ No newline at end of file
diff --git a/native/weui/widget/weui-cell/weui-uploader.wxss b/native/weui/widget/weui-cell/weui-uploader.wxss
new file mode 100644
index 0000000..9741480
--- /dev/null
+++ b/native/weui/widget/weui-cell/weui-uploader.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-flex/weui-flex.wxss b/native/weui/widget/weui-flex/weui-flex.wxss
new file mode 100644
index 0000000..2ff038d
--- /dev/null
+++ b/native/weui/widget/weui-flex/weui-flex.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1}
\ No newline at end of file
diff --git a/native/weui/widget/weui-footer/weui-footer.wxss b/native/weui/widget/weui-footer/weui-footer.wxss
new file mode 100644
index 0000000..c911ff2
--- /dev/null
+++ b/native/weui/widget/weui-footer/weui-footer.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-grid/weui-grid.wxss b/native/weui/widget/weui-grid/weui-grid.wxss
new file mode 100644
index 0000000..5ffabe2
--- /dev/null
+++ b/native/weui/widget/weui-grid/weui-grid.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-icon/weui-icon.wxss b/native/weui/widget/weui-icon/weui-icon.wxss
new file mode 100644
index 0000000..52f7664
--- /dev/null
+++ b/native/weui/widget/weui-icon/weui-icon.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+icon[type=success]:after,icon[type=success]:before{color:#07c160!important}
\ No newline at end of file
diff --git a/native/weui/widget/weui-loading/weui-dot-loading.wxss b/native/weui/widget/weui-loading/weui-dot-loading.wxss
new file mode 100644
index 0000000..6160ff9
--- /dev/null
+++ b/native/weui/widget/weui-loading/weui-dot-loading.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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:b 1.6s step-start infinite;animation:b 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:a 1.6s step-start infinite;animation:a 1.6s step-start infinite}.wx_dot_loading:after{content:"";position:absolute;right:-12px;background-color:rgba(0,0,0,.5);-webkit-animation:c 1.6s step-start infinite;animation:c 1.6s step-start infinite}@-webkit-keyframes a{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 a{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 b{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 b{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 c{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 c{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:e 1.6s step-start infinite;animation:e 1.6s step-start infinite}.wx_dot_loading_white:before{background-color:hsla(0,0%,100%,.5);-webkit-animation:d 1.6s step-start infinite;animation:d 1.6s step-start infinite}.wx_dot_loading_white:after{background-color:hsla(0,0%,100%,.1);-webkit-animation:f 1.6s step-start infinite;animation:f 1.6s step-start infinite}@-webkit-keyframes d{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 d{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 e{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 e{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 f{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 f{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)}}
\ No newline at end of file
diff --git a/native/weui/widget/weui-loading/weui-loading.wxss b/native/weui/widget/weui-loading/weui-loading.wxss
new file mode 100644
index 0000000..fb32679
--- /dev/null
+++ b/native/weui/widget/weui-loading/weui-loading.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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)}}
\ No newline at end of file
diff --git a/native/weui/widget/weui-media-box/weui-media-box.wxss b/native/weui/widget/weui-media-box/weui-media-box.wxss
new file mode 100644
index 0000000..cfd7cb3
--- /dev/null
+++ b/native/weui/widget/weui-media-box/weui-media-box.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-navigation-bar/weui-navigation-bar.wxss b/native/weui/widget/weui-navigation-bar/weui-navigation-bar.wxss
new file mode 100644
index 0000000..b662b88
--- /dev/null
+++ b/native/weui/widget/weui-navigation-bar/weui-navigation-bar.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{--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/native/weui/widget/weui-page/weui-article.wxss b/native/weui/widget/weui-page/weui-article.wxss
new file mode 100644
index 0000000..fdc3214
--- /dev/null
+++ b/native/weui/widget/weui-page/weui-article.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-page/weui-form.wxss b/native/weui/widget/weui-page/weui-form.wxss
new file mode 100644
index 0000000..a86597a
--- /dev/null
+++ b/native/weui/widget/weui-page/weui-form.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-page/weui-msg.wxss b/native/weui/widget/weui-page/weui-msg.wxss
new file mode 100644
index 0000000..d63fdad
--- /dev/null
+++ b/native/weui/widget/weui-page/weui-msg.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-panel/weui-panel.wxss b/native/weui/widget/weui-panel/weui-panel.wxss
new file mode 100644
index 0000000..347ba38
--- /dev/null
+++ b/native/weui/widget/weui-panel/weui-panel.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-progress/weui-progress.wxss b/native/weui/widget/weui-progress/weui-progress.wxss
new file mode 100644
index 0000000..b17284a
--- /dev/null
+++ b/native/weui/widget/weui-progress/weui-progress.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-searchbar/weui-searchbar.wxss b/native/weui/widget/weui-searchbar/weui-searchbar.wxss
new file mode 100644
index 0000000..dc6a78f
--- /dev/null
+++ b/native/weui/widget/weui-searchbar/weui-searchbar.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tab/weui-navbar.wxss b/native/weui/widget/weui-tab/weui-navbar.wxss
new file mode 100644
index 0000000..6ee7576
--- /dev/null
+++ b/native/weui/widget/weui-tab/weui-navbar.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tab/weui-tab.wxss b/native/weui/widget/weui-tab/weui-tab.wxss
new file mode 100644
index 0000000..3ae4d1a
--- /dev/null
+++ b/native/weui/widget/weui-tab/weui-tab.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tab/weui-tabbar.wxss b/native/weui/widget/weui-tab/weui-tabbar.wxss
new file mode 100644
index 0000000..e09bcc2
--- /dev/null
+++ b/native/weui/widget/weui-tab/weui-tabbar.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tips/weui-actionsheet.wxss b/native/weui/widget/weui-tips/weui-actionsheet.wxss
new file mode 100644
index 0000000..f6f558d
--- /dev/null
+++ b/native/weui/widget/weui-tips/weui-actionsheet.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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)}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tips/weui-badge.wxss b/native/weui/widget/weui-tips/weui-badge.wxss
new file mode 100644
index 0000000..65a0762
--- /dev/null
+++ b/native/weui/widget/weui-tips/weui-badge.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tips/weui-dialog.wxss b/native/weui/widget/weui-tips/weui-dialog.wxss
new file mode 100644
index 0000000..e184aca
--- /dev/null
+++ b/native/weui/widget/weui-tips/weui-dialog.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tips/weui-half-screen-dialog.wxss b/native/weui/widget/weui-tips/weui-half-screen-dialog.wxss
new file mode 100644
index 0000000..02fe5b7
--- /dev/null
+++ b/native/weui/widget/weui-tips/weui-half-screen-dialog.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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")}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tips/weui-loadmore.wxss b/native/weui/widget/weui-tips/weui-loadmore.wxss
new file mode 100644
index 0000000..7df4359
--- /dev/null
+++ b/native/weui/widget/weui-tips/weui-loadmore.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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)}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tips/weui-mask.wxss b/native/weui/widget/weui-tips/weui-mask.wxss
new file mode 100644
index 0000000..5f63b1f
--- /dev/null
+++ b/native/weui/widget/weui-tips/weui-mask.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/weui/widget/weui-tips/weui-toptips.wxss b/native/weui/widget/weui-tips/weui-toptips.wxss
new file mode 100644
index 0000000..b6b7c2d
--- /dev/null
+++ b/native/weui/widget/weui-tips/weui-toptips.wxss
@@ -0,0 +1,6 @@
+/*!
+ * WeUI v2.0.1 (https://github.com/weui/weui-wxss)
+ * Copyright 2019 Tencent, Inc.
+ * Licensed under the MIT license
+ */
+.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}
\ No newline at end of file
diff --git a/native/wxParse/emojis/00.gif b/native/wxParse/emojis/00.gif
new file mode 100644
index 0000000..5be27cb
Binary files /dev/null and b/native/wxParse/emojis/00.gif differ
diff --git a/native/wxParse/emojis/01.gif b/native/wxParse/emojis/01.gif
new file mode 100644
index 0000000..a2644a9
Binary files /dev/null and b/native/wxParse/emojis/01.gif differ
diff --git a/native/wxParse/emojis/02.gif b/native/wxParse/emojis/02.gif
new file mode 100644
index 0000000..40cfda4
Binary files /dev/null and b/native/wxParse/emojis/02.gif differ
diff --git a/native/wxParse/emojis/03.gif b/native/wxParse/emojis/03.gif
new file mode 100644
index 0000000..6d6f762
Binary files /dev/null and b/native/wxParse/emojis/03.gif differ
diff --git a/native/wxParse/emojis/04.gif b/native/wxParse/emojis/04.gif
new file mode 100644
index 0000000..6ccdaa2
Binary files /dev/null and b/native/wxParse/emojis/04.gif differ
diff --git a/native/wxParse/emojis/05.gif b/native/wxParse/emojis/05.gif
new file mode 100644
index 0000000..ab0b81b
Binary files /dev/null and b/native/wxParse/emojis/05.gif differ
diff --git a/native/wxParse/emojis/06.gif b/native/wxParse/emojis/06.gif
new file mode 100644
index 0000000..ceab122
Binary files /dev/null and b/native/wxParse/emojis/06.gif differ
diff --git a/native/wxParse/emojis/07.gif b/native/wxParse/emojis/07.gif
new file mode 100644
index 0000000..2f45399
Binary files /dev/null and b/native/wxParse/emojis/07.gif differ
diff --git a/native/wxParse/emojis/08.gif b/native/wxParse/emojis/08.gif
new file mode 100644
index 0000000..f6c8834
Binary files /dev/null and b/native/wxParse/emojis/08.gif differ
diff --git a/native/wxParse/emojis/09.gif b/native/wxParse/emojis/09.gif
new file mode 100644
index 0000000..c2d8450
Binary files /dev/null and b/native/wxParse/emojis/09.gif differ
diff --git a/native/wxParse/emojis/10.gif b/native/wxParse/emojis/10.gif
new file mode 100644
index 0000000..905c15b
Binary files /dev/null and b/native/wxParse/emojis/10.gif differ
diff --git a/native/wxParse/emojis/100.gif b/native/wxParse/emojis/100.gif
new file mode 100644
index 0000000..92ad35d
Binary files /dev/null and b/native/wxParse/emojis/100.gif differ
diff --git a/native/wxParse/emojis/101.gif b/native/wxParse/emojis/101.gif
new file mode 100644
index 0000000..1f27663
Binary files /dev/null and b/native/wxParse/emojis/101.gif differ
diff --git a/native/wxParse/emojis/102.gif b/native/wxParse/emojis/102.gif
new file mode 100644
index 0000000..748ded1
Binary files /dev/null and b/native/wxParse/emojis/102.gif differ
diff --git a/native/wxParse/emojis/103.gif b/native/wxParse/emojis/103.gif
new file mode 100644
index 0000000..be9eaa0
Binary files /dev/null and b/native/wxParse/emojis/103.gif differ
diff --git a/native/wxParse/emojis/104.gif b/native/wxParse/emojis/104.gif
new file mode 100644
index 0000000..d7c2066
Binary files /dev/null and b/native/wxParse/emojis/104.gif differ
diff --git a/native/wxParse/emojis/105.gif b/native/wxParse/emojis/105.gif
new file mode 100644
index 0000000..2f353ca
Binary files /dev/null and b/native/wxParse/emojis/105.gif differ
diff --git a/native/wxParse/emojis/106.gif b/native/wxParse/emojis/106.gif
new file mode 100644
index 0000000..5193534
Binary files /dev/null and b/native/wxParse/emojis/106.gif differ
diff --git a/native/wxParse/emojis/107.gif b/native/wxParse/emojis/107.gif
new file mode 100644
index 0000000..70d38d3
Binary files /dev/null and b/native/wxParse/emojis/107.gif differ
diff --git a/native/wxParse/emojis/108.gif b/native/wxParse/emojis/108.gif
new file mode 100644
index 0000000..749d500
Binary files /dev/null and b/native/wxParse/emojis/108.gif differ
diff --git a/native/wxParse/emojis/109.gif b/native/wxParse/emojis/109.gif
new file mode 100644
index 0000000..6f57d56
Binary files /dev/null and b/native/wxParse/emojis/109.gif differ
diff --git a/native/wxParse/emojis/11.gif b/native/wxParse/emojis/11.gif
new file mode 100644
index 0000000..b512dd5
Binary files /dev/null and b/native/wxParse/emojis/11.gif differ
diff --git a/native/wxParse/emojis/110.gif b/native/wxParse/emojis/110.gif
new file mode 100644
index 0000000..e253abc
Binary files /dev/null and b/native/wxParse/emojis/110.gif differ
diff --git a/native/wxParse/emojis/111.gif b/native/wxParse/emojis/111.gif
new file mode 100644
index 0000000..0c56723
Binary files /dev/null and b/native/wxParse/emojis/111.gif differ
diff --git a/native/wxParse/emojis/112.gif b/native/wxParse/emojis/112.gif
new file mode 100644
index 0000000..c8ddce8
Binary files /dev/null and b/native/wxParse/emojis/112.gif differ
diff --git a/native/wxParse/emojis/113.gif b/native/wxParse/emojis/113.gif
new file mode 100644
index 0000000..2727104
Binary files /dev/null and b/native/wxParse/emojis/113.gif differ
diff --git a/native/wxParse/emojis/114.gif b/native/wxParse/emojis/114.gif
new file mode 100644
index 0000000..53918e2
Binary files /dev/null and b/native/wxParse/emojis/114.gif differ
diff --git a/native/wxParse/emojis/115.gif b/native/wxParse/emojis/115.gif
new file mode 100644
index 0000000..4db3369
Binary files /dev/null and b/native/wxParse/emojis/115.gif differ
diff --git a/native/wxParse/emojis/116.gif b/native/wxParse/emojis/116.gif
new file mode 100644
index 0000000..57326bd
Binary files /dev/null and b/native/wxParse/emojis/116.gif differ
diff --git a/native/wxParse/emojis/117.gif b/native/wxParse/emojis/117.gif
new file mode 100644
index 0000000..14611b6
Binary files /dev/null and b/native/wxParse/emojis/117.gif differ
diff --git a/native/wxParse/emojis/118.gif b/native/wxParse/emojis/118.gif
new file mode 100644
index 0000000..8c25500
Binary files /dev/null and b/native/wxParse/emojis/118.gif differ
diff --git a/native/wxParse/emojis/119.gif b/native/wxParse/emojis/119.gif
new file mode 100644
index 0000000..65bb468
Binary files /dev/null and b/native/wxParse/emojis/119.gif differ
diff --git a/native/wxParse/emojis/12.gif b/native/wxParse/emojis/12.gif
new file mode 100644
index 0000000..547529c
Binary files /dev/null and b/native/wxParse/emojis/12.gif differ
diff --git a/native/wxParse/emojis/120.gif b/native/wxParse/emojis/120.gif
new file mode 100644
index 0000000..5ce77c0
Binary files /dev/null and b/native/wxParse/emojis/120.gif differ
diff --git a/native/wxParse/emojis/121.gif b/native/wxParse/emojis/121.gif
new file mode 100644
index 0000000..a021aba
Binary files /dev/null and b/native/wxParse/emojis/121.gif differ
diff --git a/native/wxParse/emojis/122.gif b/native/wxParse/emojis/122.gif
new file mode 100644
index 0000000..9a79e11
Binary files /dev/null and b/native/wxParse/emojis/122.gif differ
diff --git a/native/wxParse/emojis/123.gif b/native/wxParse/emojis/123.gif
new file mode 100644
index 0000000..b9480be
Binary files /dev/null and b/native/wxParse/emojis/123.gif differ
diff --git a/native/wxParse/emojis/124.gif b/native/wxParse/emojis/124.gif
new file mode 100644
index 0000000..7fed477
Binary files /dev/null and b/native/wxParse/emojis/124.gif differ
diff --git a/native/wxParse/emojis/125.gif b/native/wxParse/emojis/125.gif
new file mode 100644
index 0000000..e2c3c11
Binary files /dev/null and b/native/wxParse/emojis/125.gif differ
diff --git a/native/wxParse/emojis/126.gif b/native/wxParse/emojis/126.gif
new file mode 100644
index 0000000..24105c9
Binary files /dev/null and b/native/wxParse/emojis/126.gif differ
diff --git a/native/wxParse/emojis/127.gif b/native/wxParse/emojis/127.gif
new file mode 100644
index 0000000..0cead36
Binary files /dev/null and b/native/wxParse/emojis/127.gif differ
diff --git a/native/wxParse/emojis/128.gif b/native/wxParse/emojis/128.gif
new file mode 100644
index 0000000..3185861
Binary files /dev/null and b/native/wxParse/emojis/128.gif differ
diff --git a/native/wxParse/emojis/129.gif b/native/wxParse/emojis/129.gif
new file mode 100644
index 0000000..ffd7c6b
Binary files /dev/null and b/native/wxParse/emojis/129.gif differ
diff --git a/native/wxParse/emojis/13.gif b/native/wxParse/emojis/13.gif
new file mode 100644
index 0000000..3475300
Binary files /dev/null and b/native/wxParse/emojis/13.gif differ
diff --git a/native/wxParse/emojis/130.gif b/native/wxParse/emojis/130.gif
new file mode 100644
index 0000000..d828e3d
Binary files /dev/null and b/native/wxParse/emojis/130.gif differ
diff --git a/native/wxParse/emojis/131.gif b/native/wxParse/emojis/131.gif
new file mode 100644
index 0000000..dcb096f
Binary files /dev/null and b/native/wxParse/emojis/131.gif differ
diff --git a/native/wxParse/emojis/132.gif b/native/wxParse/emojis/132.gif
new file mode 100644
index 0000000..1b272a6
Binary files /dev/null and b/native/wxParse/emojis/132.gif differ
diff --git a/native/wxParse/emojis/133.gif b/native/wxParse/emojis/133.gif
new file mode 100644
index 0000000..0d0e864
Binary files /dev/null and b/native/wxParse/emojis/133.gif differ
diff --git a/native/wxParse/emojis/134.gif b/native/wxParse/emojis/134.gif
new file mode 100644
index 0000000..cf48356
Binary files /dev/null and b/native/wxParse/emojis/134.gif differ
diff --git a/native/wxParse/emojis/14.gif b/native/wxParse/emojis/14.gif
new file mode 100644
index 0000000..6a788f8
Binary files /dev/null and b/native/wxParse/emojis/14.gif differ
diff --git a/native/wxParse/emojis/15.gif b/native/wxParse/emojis/15.gif
new file mode 100644
index 0000000..debab8e
Binary files /dev/null and b/native/wxParse/emojis/15.gif differ
diff --git a/native/wxParse/emojis/16.gif b/native/wxParse/emojis/16.gif
new file mode 100644
index 0000000..ed5d29f
Binary files /dev/null and b/native/wxParse/emojis/16.gif differ
diff --git a/native/wxParse/emojis/17.gif b/native/wxParse/emojis/17.gif
new file mode 100644
index 0000000..85886fe
Binary files /dev/null and b/native/wxParse/emojis/17.gif differ
diff --git a/native/wxParse/emojis/18.gif b/native/wxParse/emojis/18.gif
new file mode 100644
index 0000000..b6af218
Binary files /dev/null and b/native/wxParse/emojis/18.gif differ
diff --git a/native/wxParse/emojis/19.gif b/native/wxParse/emojis/19.gif
new file mode 100644
index 0000000..e045ff2
Binary files /dev/null and b/native/wxParse/emojis/19.gif differ
diff --git a/native/wxParse/emojis/20.gif b/native/wxParse/emojis/20.gif
new file mode 100644
index 0000000..efd650f
Binary files /dev/null and b/native/wxParse/emojis/20.gif differ
diff --git a/native/wxParse/emojis/21.gif b/native/wxParse/emojis/21.gif
new file mode 100644
index 0000000..cb8cf6d
Binary files /dev/null and b/native/wxParse/emojis/21.gif differ
diff --git a/native/wxParse/emojis/22.gif b/native/wxParse/emojis/22.gif
new file mode 100644
index 0000000..96b04df
Binary files /dev/null and b/native/wxParse/emojis/22.gif differ
diff --git a/native/wxParse/emojis/23.gif b/native/wxParse/emojis/23.gif
new file mode 100644
index 0000000..96516b8
Binary files /dev/null and b/native/wxParse/emojis/23.gif differ
diff --git a/native/wxParse/emojis/24.gif b/native/wxParse/emojis/24.gif
new file mode 100644
index 0000000..5f925c7
Binary files /dev/null and b/native/wxParse/emojis/24.gif differ
diff --git a/native/wxParse/emojis/25.gif b/native/wxParse/emojis/25.gif
new file mode 100644
index 0000000..97f8b1a
Binary files /dev/null and b/native/wxParse/emojis/25.gif differ
diff --git a/native/wxParse/emojis/26.gif b/native/wxParse/emojis/26.gif
new file mode 100644
index 0000000..a7cded7
Binary files /dev/null and b/native/wxParse/emojis/26.gif differ
diff --git a/native/wxParse/emojis/27.gif b/native/wxParse/emojis/27.gif
new file mode 100644
index 0000000..bb46890
Binary files /dev/null and b/native/wxParse/emojis/27.gif differ
diff --git a/native/wxParse/emojis/28.gif b/native/wxParse/emojis/28.gif
new file mode 100644
index 0000000..f59dd58
Binary files /dev/null and b/native/wxParse/emojis/28.gif differ
diff --git a/native/wxParse/emojis/29.gif b/native/wxParse/emojis/29.gif
new file mode 100644
index 0000000..3c5227e
Binary files /dev/null and b/native/wxParse/emojis/29.gif differ
diff --git a/native/wxParse/emojis/30.gif b/native/wxParse/emojis/30.gif
new file mode 100644
index 0000000..e24a180
Binary files /dev/null and b/native/wxParse/emojis/30.gif differ
diff --git a/native/wxParse/emojis/31.gif b/native/wxParse/emojis/31.gif
new file mode 100644
index 0000000..073e743
Binary files /dev/null and b/native/wxParse/emojis/31.gif differ
diff --git a/native/wxParse/emojis/32.gif b/native/wxParse/emojis/32.gif
new file mode 100644
index 0000000..772eff2
Binary files /dev/null and b/native/wxParse/emojis/32.gif differ
diff --git a/native/wxParse/emojis/33.gif b/native/wxParse/emojis/33.gif
new file mode 100644
index 0000000..217c1c5
Binary files /dev/null and b/native/wxParse/emojis/33.gif differ
diff --git a/native/wxParse/emojis/34.gif b/native/wxParse/emojis/34.gif
new file mode 100644
index 0000000..e9d4213
Binary files /dev/null and b/native/wxParse/emojis/34.gif differ
diff --git a/native/wxParse/emojis/35.gif b/native/wxParse/emojis/35.gif
new file mode 100644
index 0000000..d6da2c3
Binary files /dev/null and b/native/wxParse/emojis/35.gif differ
diff --git a/native/wxParse/emojis/36.gif b/native/wxParse/emojis/36.gif
new file mode 100644
index 0000000..c1e6ac9
Binary files /dev/null and b/native/wxParse/emojis/36.gif differ
diff --git a/native/wxParse/emojis/37.gif b/native/wxParse/emojis/37.gif
new file mode 100644
index 0000000..92efec6
Binary files /dev/null and b/native/wxParse/emojis/37.gif differ
diff --git a/native/wxParse/emojis/38.gif b/native/wxParse/emojis/38.gif
new file mode 100644
index 0000000..489f0f9
Binary files /dev/null and b/native/wxParse/emojis/38.gif differ
diff --git a/native/wxParse/emojis/39.gif b/native/wxParse/emojis/39.gif
new file mode 100644
index 0000000..734f6d8
Binary files /dev/null and b/native/wxParse/emojis/39.gif differ
diff --git a/native/wxParse/emojis/40.gif b/native/wxParse/emojis/40.gif
new file mode 100644
index 0000000..24a8eb6
Binary files /dev/null and b/native/wxParse/emojis/40.gif differ
diff --git a/native/wxParse/emojis/41.gif b/native/wxParse/emojis/41.gif
new file mode 100644
index 0000000..99139e1
Binary files /dev/null and b/native/wxParse/emojis/41.gif differ
diff --git a/native/wxParse/emojis/42.gif b/native/wxParse/emojis/42.gif
new file mode 100644
index 0000000..f60897e
Binary files /dev/null and b/native/wxParse/emojis/42.gif differ
diff --git a/native/wxParse/emojis/43.gif b/native/wxParse/emojis/43.gif
new file mode 100644
index 0000000..4350491
Binary files /dev/null and b/native/wxParse/emojis/43.gif differ
diff --git a/native/wxParse/emojis/44.gif b/native/wxParse/emojis/44.gif
new file mode 100644
index 0000000..650d3dd
Binary files /dev/null and b/native/wxParse/emojis/44.gif differ
diff --git a/native/wxParse/emojis/45.gif b/native/wxParse/emojis/45.gif
new file mode 100644
index 0000000..5c8e071
Binary files /dev/null and b/native/wxParse/emojis/45.gif differ
diff --git a/native/wxParse/emojis/46.gif b/native/wxParse/emojis/46.gif
new file mode 100644
index 0000000..f3cb074
Binary files /dev/null and b/native/wxParse/emojis/46.gif differ
diff --git a/native/wxParse/emojis/47.gif b/native/wxParse/emojis/47.gif
new file mode 100644
index 0000000..5b3057a
Binary files /dev/null and b/native/wxParse/emojis/47.gif differ
diff --git a/native/wxParse/emojis/48.gif b/native/wxParse/emojis/48.gif
new file mode 100644
index 0000000..27a30c1
Binary files /dev/null and b/native/wxParse/emojis/48.gif differ
diff --git a/native/wxParse/emojis/49.gif b/native/wxParse/emojis/49.gif
new file mode 100644
index 0000000..dcfa48a
Binary files /dev/null and b/native/wxParse/emojis/49.gif differ
diff --git a/native/wxParse/emojis/50.gif b/native/wxParse/emojis/50.gif
new file mode 100644
index 0000000..029cf0f
Binary files /dev/null and b/native/wxParse/emojis/50.gif differ
diff --git a/native/wxParse/emojis/51.gif b/native/wxParse/emojis/51.gif
new file mode 100644
index 0000000..69f183f
Binary files /dev/null and b/native/wxParse/emojis/51.gif differ
diff --git a/native/wxParse/emojis/52.gif b/native/wxParse/emojis/52.gif
new file mode 100644
index 0000000..d41e8aa
Binary files /dev/null and b/native/wxParse/emojis/52.gif differ
diff --git a/native/wxParse/emojis/53.gif b/native/wxParse/emojis/53.gif
new file mode 100644
index 0000000..56352dd
Binary files /dev/null and b/native/wxParse/emojis/53.gif differ
diff --git a/native/wxParse/emojis/54.gif b/native/wxParse/emojis/54.gif
new file mode 100644
index 0000000..b28d848
Binary files /dev/null and b/native/wxParse/emojis/54.gif differ
diff --git a/native/wxParse/emojis/55.gif b/native/wxParse/emojis/55.gif
new file mode 100644
index 0000000..e18da84
Binary files /dev/null and b/native/wxParse/emojis/55.gif differ
diff --git a/native/wxParse/emojis/56.gif b/native/wxParse/emojis/56.gif
new file mode 100644
index 0000000..edf96f0
Binary files /dev/null and b/native/wxParse/emojis/56.gif differ
diff --git a/native/wxParse/emojis/57.gif b/native/wxParse/emojis/57.gif
new file mode 100644
index 0000000..3f0e2b9
Binary files /dev/null and b/native/wxParse/emojis/57.gif differ
diff --git a/native/wxParse/emojis/58.gif b/native/wxParse/emojis/58.gif
new file mode 100644
index 0000000..47b1aaa
Binary files /dev/null and b/native/wxParse/emojis/58.gif differ
diff --git a/native/wxParse/emojis/59.gif b/native/wxParse/emojis/59.gif
new file mode 100644
index 0000000..918288b
Binary files /dev/null and b/native/wxParse/emojis/59.gif differ
diff --git a/native/wxParse/emojis/60.gif b/native/wxParse/emojis/60.gif
new file mode 100644
index 0000000..66d2113
Binary files /dev/null and b/native/wxParse/emojis/60.gif differ
diff --git a/native/wxParse/emojis/61.gif b/native/wxParse/emojis/61.gif
new file mode 100644
index 0000000..034933e
Binary files /dev/null and b/native/wxParse/emojis/61.gif differ
diff --git a/native/wxParse/emojis/62.gif b/native/wxParse/emojis/62.gif
new file mode 100644
index 0000000..8d5c4fd
Binary files /dev/null and b/native/wxParse/emojis/62.gif differ
diff --git a/native/wxParse/emojis/63.gif b/native/wxParse/emojis/63.gif
new file mode 100644
index 0000000..d58fcf6
Binary files /dev/null and b/native/wxParse/emojis/63.gif differ
diff --git a/native/wxParse/emojis/64.gif b/native/wxParse/emojis/64.gif
new file mode 100644
index 0000000..c4e00bd
Binary files /dev/null and b/native/wxParse/emojis/64.gif differ
diff --git a/native/wxParse/emojis/65.gif b/native/wxParse/emojis/65.gif
new file mode 100644
index 0000000..da23bfa
Binary files /dev/null and b/native/wxParse/emojis/65.gif differ
diff --git a/native/wxParse/emojis/66.gif b/native/wxParse/emojis/66.gif
new file mode 100644
index 0000000..310ec65
Binary files /dev/null and b/native/wxParse/emojis/66.gif differ
diff --git a/native/wxParse/emojis/67.gif b/native/wxParse/emojis/67.gif
new file mode 100644
index 0000000..51761ba
Binary files /dev/null and b/native/wxParse/emojis/67.gif differ
diff --git a/native/wxParse/emojis/68.gif b/native/wxParse/emojis/68.gif
new file mode 100644
index 0000000..345cb43
Binary files /dev/null and b/native/wxParse/emojis/68.gif differ
diff --git a/native/wxParse/emojis/69.gif b/native/wxParse/emojis/69.gif
new file mode 100644
index 0000000..e0f28a0
Binary files /dev/null and b/native/wxParse/emojis/69.gif differ
diff --git a/native/wxParse/emojis/70.gif b/native/wxParse/emojis/70.gif
new file mode 100644
index 0000000..24284cf
Binary files /dev/null and b/native/wxParse/emojis/70.gif differ
diff --git a/native/wxParse/emojis/71.gif b/native/wxParse/emojis/71.gif
new file mode 100644
index 0000000..a0ccf2e
Binary files /dev/null and b/native/wxParse/emojis/71.gif differ
diff --git a/native/wxParse/emojis/72.gif b/native/wxParse/emojis/72.gif
new file mode 100644
index 0000000..7e113ee
Binary files /dev/null and b/native/wxParse/emojis/72.gif differ
diff --git a/native/wxParse/emojis/73.gif b/native/wxParse/emojis/73.gif
new file mode 100644
index 0000000..c0293c3
Binary files /dev/null and b/native/wxParse/emojis/73.gif differ
diff --git a/native/wxParse/emojis/74.gif b/native/wxParse/emojis/74.gif
new file mode 100644
index 0000000..1c52bde
Binary files /dev/null and b/native/wxParse/emojis/74.gif differ
diff --git a/native/wxParse/emojis/75.gif b/native/wxParse/emojis/75.gif
new file mode 100644
index 0000000..9cb9aa7
Binary files /dev/null and b/native/wxParse/emojis/75.gif differ
diff --git a/native/wxParse/emojis/76.gif b/native/wxParse/emojis/76.gif
new file mode 100644
index 0000000..27019f8
Binary files /dev/null and b/native/wxParse/emojis/76.gif differ
diff --git a/native/wxParse/emojis/77.gif b/native/wxParse/emojis/77.gif
new file mode 100644
index 0000000..8f882f5
Binary files /dev/null and b/native/wxParse/emojis/77.gif differ
diff --git a/native/wxParse/emojis/78.gif b/native/wxParse/emojis/78.gif
new file mode 100644
index 0000000..d0d0856
Binary files /dev/null and b/native/wxParse/emojis/78.gif differ
diff --git a/native/wxParse/emojis/79.gif b/native/wxParse/emojis/79.gif
new file mode 100644
index 0000000..61652a7
Binary files /dev/null and b/native/wxParse/emojis/79.gif differ
diff --git a/native/wxParse/emojis/80.gif b/native/wxParse/emojis/80.gif
new file mode 100644
index 0000000..9a77936
Binary files /dev/null and b/native/wxParse/emojis/80.gif differ
diff --git a/native/wxParse/emojis/81.gif b/native/wxParse/emojis/81.gif
new file mode 100644
index 0000000..2329101
Binary files /dev/null and b/native/wxParse/emojis/81.gif differ
diff --git a/native/wxParse/emojis/82.gif b/native/wxParse/emojis/82.gif
new file mode 100644
index 0000000..644748a
Binary files /dev/null and b/native/wxParse/emojis/82.gif differ
diff --git a/native/wxParse/emojis/83.gif b/native/wxParse/emojis/83.gif
new file mode 100644
index 0000000..fbf275b
Binary files /dev/null and b/native/wxParse/emojis/83.gif differ
diff --git a/native/wxParse/emojis/84.gif b/native/wxParse/emojis/84.gif
new file mode 100644
index 0000000..076f0c6
Binary files /dev/null and b/native/wxParse/emojis/84.gif differ
diff --git a/native/wxParse/emojis/85.gif b/native/wxParse/emojis/85.gif
new file mode 100644
index 0000000..d254af4
Binary files /dev/null and b/native/wxParse/emojis/85.gif differ
diff --git a/native/wxParse/emojis/86.gif b/native/wxParse/emojis/86.gif
new file mode 100644
index 0000000..8f09d33
Binary files /dev/null and b/native/wxParse/emojis/86.gif differ
diff --git a/native/wxParse/emojis/87.gif b/native/wxParse/emojis/87.gif
new file mode 100644
index 0000000..df70756
Binary files /dev/null and b/native/wxParse/emojis/87.gif differ
diff --git a/native/wxParse/emojis/88.gif b/native/wxParse/emojis/88.gif
new file mode 100644
index 0000000..4d8b15e
Binary files /dev/null and b/native/wxParse/emojis/88.gif differ
diff --git a/native/wxParse/emojis/89.gif b/native/wxParse/emojis/89.gif
new file mode 100644
index 0000000..05726dc
Binary files /dev/null and b/native/wxParse/emojis/89.gif differ
diff --git a/native/wxParse/emojis/90.gif b/native/wxParse/emojis/90.gif
new file mode 100644
index 0000000..adaf20e
Binary files /dev/null and b/native/wxParse/emojis/90.gif differ
diff --git a/native/wxParse/emojis/91.gif b/native/wxParse/emojis/91.gif
new file mode 100644
index 0000000..608d0ad
Binary files /dev/null and b/native/wxParse/emojis/91.gif differ
diff --git a/native/wxParse/emojis/92.gif b/native/wxParse/emojis/92.gif
new file mode 100644
index 0000000..b909e16
Binary files /dev/null and b/native/wxParse/emojis/92.gif differ
diff --git a/native/wxParse/emojis/93.gif b/native/wxParse/emojis/93.gif
new file mode 100644
index 0000000..7f71a8c
Binary files /dev/null and b/native/wxParse/emojis/93.gif differ
diff --git a/native/wxParse/emojis/94.gif b/native/wxParse/emojis/94.gif
new file mode 100644
index 0000000..4f26d7d
Binary files /dev/null and b/native/wxParse/emojis/94.gif differ
diff --git a/native/wxParse/emojis/95.gif b/native/wxParse/emojis/95.gif
new file mode 100644
index 0000000..5ef6d38
Binary files /dev/null and b/native/wxParse/emojis/95.gif differ
diff --git a/native/wxParse/emojis/96.gif b/native/wxParse/emojis/96.gif
new file mode 100644
index 0000000..2b709e1
Binary files /dev/null and b/native/wxParse/emojis/96.gif differ
diff --git a/native/wxParse/emojis/97.gif b/native/wxParse/emojis/97.gif
new file mode 100644
index 0000000..cf29be8
Binary files /dev/null and b/native/wxParse/emojis/97.gif differ
diff --git a/native/wxParse/emojis/98.gif b/native/wxParse/emojis/98.gif
new file mode 100644
index 0000000..c70e7d3
Binary files /dev/null and b/native/wxParse/emojis/98.gif differ
diff --git a/native/wxParse/emojis/99.gif b/native/wxParse/emojis/99.gif
new file mode 100644
index 0000000..05c1863
Binary files /dev/null and b/native/wxParse/emojis/99.gif differ
diff --git a/native/wxParse/html2json.js b/native/wxParse/html2json.js
new file mode 100644
index 0000000..65e2ff6
--- /dev/null
+++ b/native/wxParse/html2json.js
@@ -0,0 +1,303 @@
+/**
+ * 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/native/wxParse/htmlparser.js b/native/wxParse/htmlparser.js
new file mode 100644
index 0000000..811ddac
--- /dev/null
+++ b/native/wxParse/htmlparser.js
@@ -0,0 +1,192 @@
+/**
+ * 
+ * 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/native/wxParse/showdown.js b/native/wxParse/showdown.js
new file mode 100644
index 0000000..d29206d
--- /dev/null
+++ b/native/wxParse/showdown.js
@@ -0,0 +1,2532 @@
+/**
+ * 
+ * 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/native/wxParse/wxDiscode.js b/native/wxParse/wxDiscode.js
new file mode 100644
index 0000000..fca29bb
--- /dev/null
+++ b/native/wxParse/wxDiscode.js
@@ -0,0 +1,207 @@
+// 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/native/wxParse/wxParse.js b/native/wxParse/wxParse.js
new file mode 100644
index 0000000..0c59fac
--- /dev/null
+++ b/native/wxParse/wxParse.js
@@ -0,0 +1,160 @@
+/**
+ * author: Di (微信小程序开发工程师)
+ * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
+ *               垂直微信小程序开发交流社区
+ * 
+Latest commit 405d856 on 9 Nov 2017
+ * 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/native/wxParse/wxParse.wxml b/native/wxParse/wxParse.wxml
new file mode 100644
index 0000000..00fa568
--- /dev/null
+++ b/native/wxParse/wxParse.wxml
@@ -0,0 +1,967 @@
+<!--**
+ * 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/native/wxParse/wxParse.wxss b/native/wxParse/wxParse.wxss
new file mode 100644
index 0000000..6e1d604
--- /dev/null
+++ b/native/wxParse/wxParse.wxss
@@ -0,0 +1,206 @@
+
+/**
+ * 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;
+}