diff --git a/mini-app/.editorconfig b/mini-app/.editorconfig
new file mode 100644
index 000000000..9d08a1a82
--- /dev/null
+++ b/mini-app/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/mini-app/.eslintignore b/mini-app/.eslintignore
new file mode 100644
index 000000000..a261f2917
--- /dev/null
+++ b/mini-app/.eslintignore
@@ -0,0 +1 @@
+dist/*
diff --git a/mini-app/.eslintrc.js b/mini-app/.eslintrc.js
new file mode 100644
index 000000000..030a22e87
--- /dev/null
+++ b/mini-app/.eslintrc.js
@@ -0,0 +1,32 @@
+module.exports = {
+  root: true,
+  globals: { wx: true },
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module'
+  },
+  env: {
+    browser: true,
+    node: true,
+    es6: true
+  },
+  // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
+  extends: 'standard',
+  // required to lint *.wpy files
+  plugins: [
+    'html'
+  ],
+  settings: {
+    'html/html-extensions': ['.html', '.wpy']
+  },
+  // add your custom rules here
+  'rules': {
+    // allow paren-less arrow functions
+    'arrow-parens': 0,
+    // allow async-await
+    'generator-star-spacing': 0,
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
+    'space-before-function-paren': 0
+  }
+};
diff --git a/mini-app/.prettierrc b/mini-app/.prettierrc
new file mode 100644
index 000000000..544138be4
--- /dev/null
+++ b/mini-app/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}
diff --git a/mini-app/.wepyignore b/mini-app/.wepyignore
new file mode 100644
index 000000000..e4f5602c8
--- /dev/null
+++ b/mini-app/.wepyignore
@@ -0,0 +1,4 @@
+node_modules
+dist
+.DS_Store
+*.wpy___jb_tmp___
diff --git a/mini-app/package.json b/mini-app/package.json
new file mode 100644
index 000000000..def55ee03
--- /dev/null
+++ b/mini-app/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "hope_wine",
+  "version": "0.0.2",
+  "description": "A WePY project",
+  "main": "weapp/app.js",
+  "scripts": {
+    "dev": "./node_modules/.bin/wepy build --watch",
+    "build": "cross-env NODE_ENV=production ./node_modules/.bin/wepy build --no-cache",
+    "clean": "rm -rf weapp",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "wepy": {
+    "module-a": false,
+    "./src/components/list": "./src/components/wepy-list.wpy"
+  },
+  "author": "Machengtianjiang <myxmctj@gmail.com>",
+  "license": "MIT",
+  "dependencies": {
+    "@wepy/core": "^2.0.0-alpha.16",
+    "@wepy/x": "^2.0.2",
+    "miniprogram-slide-view": "0.0.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.1.0",
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/preset-env": "^7.1.0",
+    "@wepy/babel-plugin-import-regenerator": "0.0.2",
+    "@wepy/cli": "^2.0.0-alpha.28",
+    "@wepy/compiler-babel": "^2.0.1",
+    "@wepy/compiler-less": "^2.0.1",
+    "babel-eslint": "^7.2.1",
+    "cross-env": "^5.1.3",
+    "eslint": "^3.18.0",
+    "eslint-config-standard": "^7.1.0",
+    "eslint-friendly-formatter": "^2.0.7",
+    "eslint-plugin-html": "^2.0.1",
+    "eslint-plugin-promise": "^3.5.0",
+    "eslint-plugin-standard": "^2.0.1",
+    "less": "^3.8.1",
+    "wepy-eslint": "^1.5.3"
+  }
+}
diff --git a/mini-app/project.config.json b/mini-app/project.config.json
new file mode 100644
index 000000000..353f5131e
--- /dev/null
+++ b/mini-app/project.config.json
@@ -0,0 +1,112 @@
+{
+	"description": "A WePY project",
+	"setting": {
+		"urlCheck": false,
+		"es6": false,
+		"enhance": true,
+		"postcss": false,
+		"preloadBackgroundData": false,
+		"minified": false,
+		"newFeature": true,
+		"coverView": true,
+		"nodeModules": true,
+		"autoAudits": false,
+		"showShadowRootInWxmlPanel": true,
+		"scopeDataCheck": false,
+		"checkInvalidKey": true,
+		"checkSiteMap": true,
+		"uploadWithSourceMap": true,
+		"babelSetting": {
+			"ignore": [],
+			"disablePlugins": [],
+			"outputPath": ""
+		}
+	},
+	"compileType": "miniprogram",
+	"appid": "wx76ec015fc31a1946",
+	"projectname": "hope_wine",
+	"miniprogramRoot": "weapp/",
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {
+		"search": {
+			"current": -1,
+			"list": []
+		},
+		"conversation": {
+			"current": -1,
+			"list": []
+		},
+		"plugin": {
+			"current": -1,
+			"list": []
+		},
+		"game": {
+			"list": []
+		},
+		"gamePlugin": {
+			"current": -1,
+			"list": []
+		},
+		"miniprogram": {
+			"current": -1,
+			"list": [
+				{
+					"id": -1,
+					"name": "pages/form1",
+					"pathName": "pages/form1",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "pages/form2",
+					"pathName": "pages/form2",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "pages/form3",
+					"pathName": "pages/form3",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "pages/form4",
+					"pathName": "pages/form4",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "pages/form5",
+					"pathName": "pages/form5",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "pages/form6",
+					"pathName": "pages/form6",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "商城首页",
+					"pathName": "pages/mall/index",
+					"query": "",
+					"scene": null
+				},
+				{
+					"id": -1,
+					"name": "商品详情",
+					"pathName": "pages/mall/goods-detail",
+					"scene": null
+				}
+			]
+		}
+	}
+}
\ No newline at end of file
diff --git a/mini-app/src/apis/userApis.js b/mini-app/src/apis/userApis.js
new file mode 100644
index 000000000..f14e11d0b
--- /dev/null
+++ b/mini-app/src/apis/userApis.js
@@ -0,0 +1,65 @@
+
+import request from '../js/request'
+import { baseUrl, formHeader, jsonHeader } from './xiao4rApis'
+import { MINI_DEPTID } from '../config'
+
+/**
+ * 用户相关接口
+ */
+class UserApis {
+  /**
+   * 注册
+   * @param data
+   * @returns {Promise实例对象}
+   */
+  registrationByMini(data) {
+    data.deptId = MINI_DEPTID
+    return request.post({
+      url: baseUrl + 'mini/user/registrationByMini',
+      data: data
+    })
+  }
+
+  /**
+   * 登录
+   * @param data
+   * @returns {Promise实例对象}
+   */
+  loginByMini(data) {
+    data.deptId = MINI_DEPTID
+    return request.post({
+      url: baseUrl + 'mini/user/loginByMini',
+      data: data
+    })
+  }
+
+  getSession(code) {
+    return request.get({
+      url: baseUrl + 'mini/user/getSession',
+      header: formHeader,
+      data: {
+        'code': code,
+        'deptId': MINI_DEPTID
+      }
+    })
+  }
+
+  sendMobile(data) {
+    data.deptId = MINI_DEPTID
+    return request.post({
+      url: baseUrl + 'mini/user/sendMobile',
+      header: jsonHeader,
+      data: data
+    })
+  }
+
+  getAuthTest(data) {
+    return request.get({
+      url: baseUrl + 'mini/user/test',
+      header: formHeader,
+      data: data
+    })
+  }
+}
+
+export default new UserApis()
diff --git a/mini-app/src/apis/xiao4rApis.js b/mini-app/src/apis/xiao4rApis.js
new file mode 100644
index 000000000..8ab359fc6
--- /dev/null
+++ b/mini-app/src/apis/xiao4rApis.js
@@ -0,0 +1,38 @@
+
+import request from '../js/request'
+
+export const baseUrl = 'http://127.0.0.1:18989/winery/'
+// export const baseUrl = 'http://36.1.50.18:18989/winery/'
+// export const baseUrl = 'http://62.234.123.172:18989/api/'
+// export const baseUrl = 'https://www.xiao4r.com/wine/winery/'
+
+export const jsonHeader = {
+  'Content-Type': 'application/json'
+}
+
+export const formHeader = {
+  'Content-Type': 'application/x-www-form-urlencoded'
+}
+
+/**
+ * 接口
+ */
+class Xiao4rApis {
+  postForm(data) {
+    return request.post({
+      url: baseUrl + 'mini/postForm',
+      header: jsonHeader,
+      data: data
+    })
+  }
+
+  getForm(data) {
+    return request.get({
+      url: baseUrl + 'mini/getForm',
+      header: formHeader,
+      data: data
+    })
+  }
+}
+
+export default new Xiao4rApis()
diff --git a/mini-app/src/app.wpy b/mini-app/src/app.wpy
new file mode 100644
index 000000000..d9f6ecdde
--- /dev/null
+++ b/mini-app/src/app.wpy
@@ -0,0 +1,143 @@
+<style lang="less">
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+
+.buttonColor {
+  background: #AC1630;
+  color: #fff;
+}
+
+.buttonColor-cancel {
+  background: #fff;
+  color: #333;
+}
+
+.background-color {
+  background: #AC1630;
+}
+
+.cell-title {
+  padding: 10px 16px;
+  font-weight: bold;
+}
+
+.cell {
+  margin-top: 10px;
+}
+
+.boom {
+  background-color: #F0F1F2;
+  width: 100%;
+  height: 15px;
+}
+
+
+</style>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from './common/eventHub'
+import vuex from '@wepy/x'
+
+wepy.use(vuex)
+
+wepy.app({
+  hooks: {
+    // App 级别 hook，对整个 App 生效
+    // 同时存在 Page hook 和 App hook 时，优先执行 Page hook，返回值再交由 App hook 处
+    'before-setData': function(dirty) {
+      console.log('setData dirty: ', dirty)
+      return dirty
+    }
+  },
+  globalData: {
+    userInfo: null
+  },
+
+  onLaunch() {
+    // this.testAsync()
+    eventHub.$on('app-launch', (...args) => {
+      console.log('app-launch event emitted, the params are:')
+      console.log(args)
+    })
+  },
+
+  methods: {
+
+    // sleep(s) {
+    //   return new Promise((resolve, reject) => {
+    //     setTimeout(() => {
+    //       resolve('promise resolved')
+    //     }, s * 1000)
+    //   })
+    // },
+
+    // async testAsync() {
+    //   let d = await this.sleep(3)
+    //   console.log(d)
+    // }
+  }
+})
+</script>
+<config>
+{
+pages: [
+'pages/index',
+'pages/form1',
+'pages/form2',
+'pages/form3',
+'pages/form4',
+'pages/form5',
+'pages/form6',
+'pages/mall/index',
+'pages/mall/goods-detail'
+],
+navigateToMiniProgramAppIdList: [
+'wx88736d7d39e2eda6'
+],
+window: {
+backgroundTextStyle: 'light',
+navigationBarBackgroundColor: '#fff',
+navigationBarTitleText: 'WeChat',
+navigationBarTextStyle: 'white',
+navigationStyle: 'custom',
+},
+usingComponents: {
+'nav-bar': './components/nav-bar',
+'van-button': './vant/button/index',
+'van-divider': './vant/divider/index',
+'van-field': './vant/field/index',
+'van-radio': './vant/radio/index',
+'van-radio-group': './vant/radio-group/index',
+'van-checkbox': './vant/checkbox/index',
+'van-checkbox-group': './vant/checkbox-group/index',
+'van-cell': './vant/cell/index',
+'van-cell-group': './vant/cell-group/index',
+'van-datetime-picker': './vant/datetime-picker/index',
+'van-nav-bar': './vant/nav-bar/index',
+'van-icon': './vant/icon/index',
+'van-steps': './vant/steps/index',
+'van-row': './vant/row/index',
+'van-col': './vant/col/index',
+'van-col': './vant/col/index',
+'van-tabbar': './vant/tabbar/index',
+'van-tabbar-item': './vant/tabbar-item/index',
+'van-card': './vant/card/index',
+'van-popup': './vant/popup/index',
+'van-stepper': './vant/stepper/index',
+'van-submit-bar': './vant/submit-bar/index',
+'van-panel': './vant/panel/index',
+"van-grid": "./vant/grid/index",
+"van-grid-item": "./vant/grid-item/index",
+"van-dialog": "./vant/dialog/index",
+"van-image": "./vant/image/index"
+}
+}
+</config>
diff --git a/mini-app/src/common/eventHub.js b/mini-app/src/common/eventHub.js
new file mode 100644
index 000000000..491ddaea1
--- /dev/null
+++ b/mini-app/src/common/eventHub.js
@@ -0,0 +1,5 @@
+import wepy from '@wepy/core';
+
+let eventHub = new wepy();
+
+export default eventHub;
diff --git a/mini-app/src/components/counter.wpy b/mini-app/src/components/counter.wpy
new file mode 100644
index 000000000..c6bc2ac33
--- /dev/null
+++ b/mini-app/src/components/counter.wpy
@@ -0,0 +1,77 @@
+<style lang="less">
+  .counter {
+    text-align: left;
+    font-size: 12px;
+  }
+  .count {
+    font-size: 18px;
+    font-weight: bold;
+    &.red {
+      color: red;
+    }
+    &.green {
+      color: green;
+    }
+  }
+</style>
+<template>
+  <div class="counter {{style}}">
+    <button @tap="plus" size="mini">  +  </button>
+    <button @tap="minus" size="mini">  -  </button>
+    <button @tap="increment" size="mini">  INCREMENT  </button>
+    <button @tap="decrement" size="mini">  DECREMENT  </button>
+    <button @tap="incrementAsync" size="mini">  ASYNC INCREMENT  </button>
+    <span class="count"> {{counter}} </span>
+  </div>
+</template>
+<script>
+  import wepy from '@wepy/core'
+  import store from '../store';
+  import { mapState, mapActions } from '@wepy/x';
+
+  wepy.component({
+    store,
+    props: {
+      num: {
+        type: [Number, String],
+        coerce: function (v) {
+          return +v
+        },
+        default: 50
+      }
+    },
+    computed: mapState([ 'counter' ]),
+
+    events: {
+      'index-broadcast': (...args) => {
+        let $event = args[args.length - 1]
+        console.log(`${this.$name} receive ${$event.name} from ${$event.source.$name}`)
+      }
+    },
+
+    watch: {
+      num (curVal, oldVal) {
+        console.log(`旧值：${oldVal}，新值：${curVal}`)
+      }
+    },
+
+    methods: {
+      ...mapActions([
+        'increment',
+        'decrement',
+        'incrementAsync'
+      ]),
+      plus () {
+        this.num = this.num + 1
+        console.log('plus tapped in component');
+
+        this.$emit('index-emit', this.num);
+      },
+      minus () {
+        this.num = this.num - 1
+        console.log(this.$name + ' minus tap')
+      }
+    }
+  })
+</script>
+
diff --git a/mini-app/src/components/group.wpy b/mini-app/src/components/group.wpy
new file mode 100644
index 000000000..94dcb8b1b
--- /dev/null
+++ b/mini-app/src/components/group.wpy
@@ -0,0 +1,41 @@
+<style type="less">
+  .group {}
+</style>
+<template>
+  <div class="group">
+    <span class="id">{{grouplist.id}}. </span>
+    <span class="name" @tap="tap">{{grouplist.name}}</span>
+    <div>
+      <div v-for="item in grouplist.list">
+        <groupitem :gitem="item"></groupitem>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+  import wepy from '@wepy/core';
+  //import GroupItem from './groupitem'
+
+  wepy.component({
+    props: {
+      grouplist: {},
+      index: {}
+    },
+
+    methods: {
+      tap () {
+        this.grouplist.name = `Parent Random(${Math.random()})`
+        let groups = this.$parent.$children.filter(com => com.$is === 'components/group');
+        let index = groups.indexOf(this);
+        console.log(`Clicked Group ${index}, ID is ${this.grouplist.id}`)
+      }
+    }
+  });
+</script>
+<config>
+{
+  usingComponents: {
+    'groupitem': './groupitem'
+  }
+}
+</config>
diff --git a/mini-app/src/components/groupitem.wpy b/mini-app/src/components/groupitem.wpy
new file mode 100644
index 000000000..a7db14128
--- /dev/null
+++ b/mini-app/src/components/groupitem.wpy
@@ -0,0 +1,28 @@
+<style type="less">
+.groupitem {
+}
+</style>
+<template>
+  <div class="groupitem">
+    --<span class="id">{{gitem.childid}}.</span>
+    <span class="name" @tap="tap"> {{gitem.childname}}</span>
+  </div>
+</template>
+<script>
+  import wepy from '@wepy/core';
+
+  wepy.component({
+    props: {
+      gitem: {}
+    },
+    data: {
+    },
+    methods: {
+      tap () {
+        this.gitem.childname = `Child Random(${Math.random()})`
+        let index = this.$parent.$children.indexOf(this);
+        console.log(`Item ${index}, ID is ${this.gitem.childid}`)
+      }
+    }
+  });
+</script>
diff --git a/mini-app/src/components/list.wpy b/mini-app/src/components/list.wpy
new file mode 100644
index 000000000..d9c5b7b4f
--- /dev/null
+++ b/mini-app/src/components/list.wpy
@@ -0,0 +1,48 @@
+<style lang="less">
+  .mylist:odd {
+    color: red;
+  }
+  .mylist:even {
+    color: green;
+  }
+</style>
+<template>
+  <div class="list">
+     This component is not used. because list is an aliasField in package.json 
+  </div>
+</template>
+<script>
+  import wepy from '@wepy/core'
+
+  wepy.component({
+    data: {
+      list: [
+        {
+          id: '0',
+          title: 'loading'
+        }
+      ]
+    },
+
+    events: {
+      'index-broadcast': (...args) => {
+        let $event = args[args.length - 1]
+        console.log(`${this.$name} receive ${$event.name} from ${$event.source.name}`)
+      }
+    },
+
+    methods: {
+      tap () {
+        // this.num = this.num + 1
+        console.log(this.$name + ' tap')
+      },
+      add () {
+        let len = this.list.length
+        this.list.push({id: len + 1, title: 'title_' + len})
+      }
+    }
+
+    onLoad () {
+    }
+  });
+</script>
diff --git a/mini-app/src/components/mall/mall-bbs.wpy b/mini-app/src/components/mall/mall-bbs.wpy
new file mode 100644
index 000000000..53f777469
--- /dev/null
+++ b/mini-app/src/components/mall/mall-bbs.wpy
@@ -0,0 +1,108 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<template>
+  <view style="padding: 10px;">
+
+    <van-row>
+      <van-col span="8">
+        <van-image src="" />
+      </van-col>
+      <van-col span="8">span: 8</van-col>
+    </van-row>
+
+    <van-panel v-for="(item,index) in list" :key="index" :title="item.user" desc="三星客户" status=" " use-footer-slot>
+      <view style="display: flex;font-size: 14px;">{{item.context}}</view>
+
+      <van-grid column-num="3" border="{{ false }}">
+        <van-grid-item use-slot wx:for="{{ 3 }}" wx:for-item="index">
+          <image
+            style="width: 100%; height: 90px;"
+            src="https://img.yzcdn.cn/vant/apple-{{ index + 1 }}.jpg"
+          />
+        </van-grid-item>
+      </van-grid>
+
+      <van-divider />
+      <view style="display: flex;font-size: 14px;">
+        <span style="color: cornflowerblue;">用户xxx<span
+          style="color: #333333;">的回复: 内容很牛逼，挺内容很牛逼，挺内容很牛逼，挺内容很牛逼，挺内容很牛逼，挺</span></span>
+
+      </view>
+      <view slot="footer">
+        <view style="display: flex;justify-content: flex-end;">
+          <van-button v-if="true" size="small">删除</van-button>
+          <van-button v-if="true" size="small" type="danger" style="margin-left: 10px;">编辑</van-button>
+          <van-button size="small" type="danger" style="margin-left: 10px;" @tap="onReply(item)">回复</van-button>
+        </view>
+      </view>
+    </van-panel>
+
+
+    <van-dialog
+      use-slot
+      title="标题"
+      show="{{ isShowInput }}"
+      show-cancel-button
+      bind:close="onCloseInput"
+      bind:confirm="onConfirmInput"
+    >
+      <image src="https://img.yzcdn.cn/1.jpg" />
+    </van-dialog>
+
+  </view>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+
+wepy.component({
+  store,
+  hooks: {},
+
+  data: {
+    user: store.state.user,
+    list: [],
+    isShowInput: false
+
+  },
+
+  computed: {},
+
+  methods: {
+
+    onReply(item) {
+      console.log(item)
+      this.isShowInput = true
+    },
+    onCloseInput() {
+      this.isShowInput = false
+    },
+    onConfirmInput() {
+      this.isShowInput = false
+    }
+  },
+
+  ready() {
+    console.log('user:', this.user)
+    for (let i = 0; i < 10; i++) {
+      this.list.push({ title: '标题', user: '用户1', context: '长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论' })
+    }
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/components/mall/mall-car.wpy b/mini-app/src/components/mall/mall-car.wpy
new file mode 100644
index 000000000..40e945ed5
--- /dev/null
+++ b/mini-app/src/components/mall/mall-car.wpy
@@ -0,0 +1,121 @@
+<template>
+
+
+  <view style="padding: 0 10px 110px 0;background: #fafafa;">
+    <van-checkbox-group :value="selectedList" bind:change="onChangeSelect">
+      <view v-for="(item, index) in list" :key="index"
+            style="margin-top: 10px;border: #fafafa 1px solid; border-radius: 10px;">
+        <van-card
+          :price="item.price/100"
+          desc="描述信息"
+          title="商品标题"
+          nun="n"
+        >
+          <view slot="thumb">
+            <div style="display: inline-flex;align-items: center;margin-top: 12px;">
+              <van-checkbox :name="item.id" />
+              <image class="van-card__thumb"
+                     src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg" />
+            </div>
+          </view>
+        </van-card>
+      </view>
+    </van-checkbox-group>
+
+    <van-submit-bar
+      :price="price"
+      button-text="提交订单"
+      bind:submit="onSubmit"
+      button-class="submit-btn"
+    >
+      <van-checkbox style="margin-top:5px;" :value="isAllSelect" bind:change="onAllSelect">全选</van-checkbox>
+    </van-submit-bar>
+  </view>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+
+wepy.component({
+  store,
+  hooks: {},
+
+  data: {
+    active: 0,
+    checked: false,
+    list: [],
+    selectedList: [],
+    isAllSelect: false,
+    price: 10000
+  },
+
+  computed: {
+  },
+
+  methods: {
+
+    onChangeSelect(e) {
+      this.selectedList = e.$wx.detail
+      this.isAllSelect = this.selectedList.length === this.list.length
+    },
+    onAllSelect(e) {
+      this.isAllSelect = e.$wx.detail
+      if (this.isAllSelect) {
+        this.selectedList = this.list.map(x => x.id)
+      } else {
+        this.selectedList = []
+      }
+    },
+    onSubmit() {
+      // 订单提交
+    }
+  },
+
+  ready() {
+    for (let i = 0; i < 15; i++) {
+      this.list.push(
+        {
+          id: i + '',
+          name: '商品',
+          price: 599
+        })
+    }
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: '',
+usingComponents: {
+},
+styleIsolation: 'shared',
+addGlobalClass: true,
+
+}
+</config>
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
+.van-card__thumb {
+  position: relative;
+  -webkit-flex: none;
+  flex: none;
+  width: 66px;
+  height: 66px;
+  margin-left: 8px;
+}
+
+
+.submit-btn {
+
+  border-radius: 20px !important;
+  border: #AC1630 1px solid !important;
+}
+</style>
diff --git a/mini-app/src/components/mall/mall-home.wpy b/mini-app/src/components/mall/mall-home.wpy
new file mode 100644
index 000000000..aa5d3917a
--- /dev/null
+++ b/mini-app/src/components/mall/mall-home.wpy
@@ -0,0 +1,49 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<template>
+
+  <div>
+home
+  </div>
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+
+wepy.component({
+  store,
+  hooks: {
+  },
+
+  data: {
+  },
+
+  computed: {
+  },
+
+  methods: {
+
+  },
+
+  ready() {
+
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/components/mall/mall-my.wpy b/mini-app/src/components/mall/mall-my.wpy
new file mode 100644
index 000000000..1ef56afe3
--- /dev/null
+++ b/mini-app/src/components/mall/mall-my.wpy
@@ -0,0 +1,45 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<template>
+  <div>my</div>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+
+wepy.component({
+  store,
+  hooks: {
+  },
+
+  data: {
+    active: 0
+  },
+
+  computed: {
+  },
+
+  methods: {
+
+  },
+
+  ready() {
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/components/mall/mall-shopping.wpy b/mini-app/src/components/mall/mall-shopping.wpy
new file mode 100644
index 000000000..691cea7db
--- /dev/null
+++ b/mini-app/src/components/mall/mall-shopping.wpy
@@ -0,0 +1,66 @@
+<template>
+
+  <view style="padding: 0 10px;background: #fafafa;">
+
+  <view v-for="(item, index) in list" :key="index" style="margin-top: 10px;border: #fafafa 1px solid; border-radius: 10px;">
+    <van-card
+      price="2.00"
+      desc="描述信息"
+      title="商品标题"
+      thumb="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg"
+      @tap="onItem(item)"
+    >
+      <view slot="num" style="float:right;">
+        <div>{{"已优惠¥xx元"}} </div>
+      </view>
+
+    </van-card>
+
+  </view>
+  </view>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+import xiao4rBase from '../../xiao4rBase'
+
+wepy.component({
+  store,
+  hooks: {},
+
+  data: {
+    active: 0,
+    list: [1, 2, 3, 4]
+  },
+
+  computed: {},
+
+  methods: {
+
+    onItem(item) {
+      console.log(item)
+      xiao4rBase.navigateTo(`goods-detail?id=${item}`)
+    }
+  },
+
+  ready() {
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
+
+</style>
diff --git a/mini-app/src/components/nav-bar.wpy b/mini-app/src/components/nav-bar.wpy
new file mode 100644
index 000000000..4f60238d3
--- /dev/null
+++ b/mini-app/src/components/nav-bar.wpy
@@ -0,0 +1,43 @@
+<style lang="less">
+
+</style>
+<template>
+  <van-nav-bar
+    bind:click-left="onBack"
+    border="{{false}}"
+    custom-style="background:#AC1630;color:#FFF;"
+  >
+    <van-icon name="arrow-left" slot="left" color="#fff" />
+    <span style="color: #fff;"  slot="title">{{title}}</span>
+  </van-nav-bar>
+</template>
+<script>
+  import wepy from '@wepy/core'
+
+  wepy.component({
+
+    props: {
+      title: {
+        type: String,
+        default: '贺兰山酒庄普查'
+      }
+
+    },
+    data: {
+    },
+
+    events: {
+
+    },
+
+    methods: {
+
+      onBack() {
+        wx.navigateBack()
+      }
+    },
+
+    onLoad () {
+    }
+  })
+</script>
diff --git a/mini-app/src/components/panel.wpy b/mini-app/src/components/panel.wpy
new file mode 100644
index 000000000..1dc914a65
--- /dev/null
+++ b/mini-app/src/components/panel.wpy
@@ -0,0 +1,40 @@
+<style lang="less">
+  panel {
+    width: 100%;
+  }
+  .panel {
+    width: 100%;
+    margin-top: 20rpx;
+    text-align: left;
+    font-size: 12px;
+    padding-top: 20rpx;
+    padding-left: 50rpx;
+    padding-bottom: 20rpx;
+    border: 1px solid #ccc;
+
+    .title {
+      padding-bottom: 20rpx;
+      font-size: 14px;
+      font-weight: bold;
+    }
+    .info {
+      padding: 15rpx;
+    }
+    .testcounter {
+      margin-top: 15rpx;
+      position: absolute;
+    }
+    .counterview {
+      margin-left: 120rpx;
+    }
+  }
+</style>
+<template>
+  <div class="panel">
+    <slot name="title">
+      Title
+    </slot>
+    <slot>
+    </slot>
+  </div>
+</template>
diff --git a/mini-app/src/components/user/dialog-registration.wpy b/mini-app/src/components/user/dialog-registration.wpy
new file mode 100644
index 000000000..d04f1a420
--- /dev/null
+++ b/mini-app/src/components/user/dialog-registration.wpy
@@ -0,0 +1,190 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<template>
+
+  <div>
+    <van-dialog
+      use-slot
+      title="新用户注册"
+      :show="isShow"
+      show-cancel-button
+      bind:close="onClose"
+      bind:cancel="onClose"
+      confirm-button-open-type="getUserInfo"
+      bind:getuserinfo="getUserInfo"
+      :asyncClose="true"
+
+    >
+      <van-field
+        label="手机号:"
+        title-width="60px"
+        value="{{ user.mobile }}"
+        center
+        clearable
+        readonly
+        placeholder="请实名授权获取手机号"
+        border="{{ false }}"
+        use-button-slot
+      >
+        <van-button slot="button" size="small" plain type="info" open-type="getPhoneNumber"
+                    bind:getphonenumber="onGetMobile">授权
+        </van-button>
+      </van-field>
+
+      <!--      <van-divider customStyle="font-size: 18px; margin: 5px 5px;" />-->
+
+      <!--      <van-field-->
+      <!--        label="昵称:"-->
+      <!--        title-width="60px"-->
+      <!--        value="{{ user.userInfo.nickName }}"-->
+      <!--        center-->
+      <!--        clearable-->
+      <!--        readonly-->
+      <!--        placeholder="请点击授权获取您的微信信息"-->
+      <!--        border="{{ false }}"-->
+      <!--        use-button-slot-->
+      <!--      >-->
+      <!--        <van-button slot="button" size="small" plain type="info" open-type="getUserInfo"-->
+      <!--                    bind:getuserinfo="getUserInfo">获取昵称-->
+      <!--        </van-button>-->
+      <!--      </van-field>-->
+
+      <view style="margin:10px;">
+        <van-checkbox :value="isChecked" shape="square" bind:change="onChangeCheak" checked-color="#AC1630"
+                      style="font-size: 14px;color: #AC1630;">
+          我同意<span style="color: cornflowerblue;">xxxxx </span>用户协议
+        </van-checkbox>
+      </view>
+
+    </van-dialog>
+  </div>
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions, mapState } from '@wepy/x'
+import eventHub from '../../common/eventHub'
+import xiao4rBase from '../../xiao4rBase'
+import userApis from '../../apis/userApis'
+
+wepy.component({
+  store,
+  props: {},
+  hooks: {},
+
+
+  data: {
+    that: this,
+    isShow: false,
+    model: {},
+    isChecked: false,
+  },
+
+  computed: mapState(['user']),
+  events: {},
+
+  methods: {
+    ...mapActions([
+      'setUserAction',
+      'setUserInfoAction',
+      'setMobileAction',
+      'setTokenAction'
+    ]),
+
+    getUserInfo(event) {
+      console.log('getUserInfo:', event.$wx.detail)
+      this.setUserInfoAction(event.$wx.detail.userInfo)
+      console.log('userInfo:', store.state.user.userInfo)
+
+
+      if (!this.isChecked) {
+        xiao4rBase.showToast('请确认xxxx协议.')
+        return false
+      }
+      if (!this.user.mobile) {
+        xiao4rBase.showToast('请授权获取手机号码.')
+        return false
+      }
+      if (!this.user.userInfo) {
+        xiao4rBase.showToast('请授权获取用户昵称.')
+        return false
+      }
+
+      let self = this
+      userApis.registrationByMini(this.user).then(r => {
+        if (r.code === 200) {
+          xiao4rBase.showToast('注册成功!')
+          self.isShow = false
+          self.setTokenAction(r.token)
+        } else {
+          xiao4rBase.showToast(r.msg)
+        }
+      }).catch(e => {
+        xiao4rBase.showToast('注册失败!')
+      })
+    },
+    async onGetMobile(e) {
+      console.log(e.$wx.detail)
+      wx.showLoading({ title: '获取中...', mask: true })
+      try {
+        let rsp = await userApis.sendMobile({
+          openid: xiao4rBase.getOpenid(),
+          detail: e.$wx.detail
+        })
+
+        console.log(rsp)
+        if (rsp.code === 200) {
+          this.setMobileAction(rsp.data.mobile)
+        } else {
+          xiao4rBase.showToast('服务器连接异常.')
+        }
+      } catch (e) {
+        xiao4rBase.showToast('服务器连接异常.')
+      } finally {
+        wx.hideLoading()
+      }
+    },
+    onChangeCheak(e) {
+      this.isChecked = e.$wx.detail
+    },
+    onClose() {
+      this.isShow = false
+    }
+
+  },
+
+  ready() {
+    // 获取系统信息
+    let self = this
+    wx.getSystemInfo({
+      success(res) {
+        self.model = res.model
+      }
+    })
+
+    console.log(this)
+    this.page = this
+
+    eventHub.$on('onShowDialogUserInfo', (...args) => {
+      this.isShow = true
+    })
+  }
+
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/components/user/login.wpy b/mini-app/src/components/user/login.wpy
new file mode 100644
index 000000000..89d8fe890
--- /dev/null
+++ b/mini-app/src/components/user/login.wpy
@@ -0,0 +1,49 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<template>
+
+  <div>
+
+  </div>
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+
+wepy.component({
+  store,
+  hooks: {
+  },
+
+  data: {
+    active: 0
+  },
+
+  computed: {
+  },
+
+  methods: {
+
+  },
+
+  ready() {
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/components/wepy-list.wpy b/mini-app/src/components/wepy-list.wpy
new file mode 100644
index 000000000..8c870c171
--- /dev/null
+++ b/mini-app/src/components/wepy-list.wpy
@@ -0,0 +1,58 @@
+<style lang="less">
+    .mylist:odd {
+        color: red;
+    }
+    .mylist:even {
+        color: green;
+    }
+</style>
+<template>
+    <div class="wepy-list">
+        <div>
+            <button @tap="add" size="mini">添加列表another</button>
+        </div>
+        <div v-for="(item, index) in list">
+            <div @tap="tap" class="mylist">
+              <span>{{item.id}}</span>: {{item.title}}  <span @tap="remove(index)"> X </span>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+  import wepy from '@wepy/core'
+
+  wepy.component({
+    data: {
+      list: [
+        {
+          id: '0',
+          title: 'loading'
+        }
+      ]
+    },
+
+    events: {
+      'index-broadcast': (...args) => {
+        let $event = args[args.length - 1]
+        console.log(`${this.$name} receive ${$event.name} from ${$event.source.name}`)
+      }
+    },
+
+    methods: {
+      tap () {
+        // this.num = this.num + 1
+        console.log(this.$name + ' tap')
+      },
+      add () {
+        let len = this.list.length
+        this.list.push({id: len + 1, title: 'title_' + len})
+      },
+      remove (index) {
+        this.$delete(this.list, index);
+      }
+    },
+
+    onLoad () {
+    }
+  });
+</script>
diff --git a/mini-app/src/config.js b/mini-app/src/config.js
new file mode 100644
index 000000000..6a7f27741
--- /dev/null
+++ b/mini-app/src/config.js
@@ -0,0 +1,5 @@
+/**
+ * 常量
+ */
+
+export const MINI_DEPTID = 100
diff --git a/mini-app/src/js/request.js b/mini-app/src/js/request.js
new file mode 100644
index 000000000..2b4c617b8
--- /dev/null
+++ b/mini-app/src/js/request.js
@@ -0,0 +1,71 @@
+import xiao4rBase from '../xiao4rBase'
+import { uuid } from './utils/uuid'
+import store from '@/store'
+
+class Xiao4rRequest {
+  // 网络请求任务对象 Map
+  requestTaskMap = new Map()
+
+  /**
+   * requestPromise用于将wx.request改写成Promise方式
+   * @param：{string} myUrl 接口地址
+   * @return: Promise实例对象
+   */
+  requestPromise(req) {
+    let id = uuid()
+    let self = this
+
+    if (store.state.user.token) {
+      if (req.header) {
+        req.header['Authorization'] = store.state.user.token
+      } else {
+        req.header = {
+          Authorization: store.state.user.token
+        }
+      }
+    }
+
+    let promise = new Promise((resolve, reject) => {
+      const task = wx.request({
+        url: req.url,
+        method: req.method,
+        header: req.header,
+        data: req.data,
+        success: rsp => resolve(rsp.data),
+        fail: error => {
+          xiao4rBase.showToast('网络连接异常.')
+          reject(error)
+        },
+        complete: () => {
+          this.requestTaskMap.delete(id)
+        }
+      })
+      self.requestTaskMap.set(id, task)
+    })
+    // 返回一个Promise实例对象
+    promise.taskId = id
+    return promise
+  }
+
+  post(req) {
+    req.method = 'POST'
+    return this.requestPromise(req)
+  }
+
+  get(req) {
+    req.method = 'GET'
+    return this.requestPromise(req)
+  }
+
+  put(req) {
+    req.method = 'PUT'
+    return this.requestPromise(req)
+  }
+
+  del(req) {
+    req.method = 'DEL'
+    return this.requestPromise(req)
+  }
+}
+
+export default new Xiao4rRequest()
diff --git a/mini-app/src/js/utils/uuid.js b/mini-app/src/js/utils/uuid.js
new file mode 100644
index 000000000..92701019d
--- /dev/null
+++ b/mini-app/src/js/utils/uuid.js
@@ -0,0 +1,14 @@
+
+export function uuid() {
+  var s = []
+  var hexDigits = '0123456789abcdef'
+  for (var i = 0; i < 36; i++) {
+    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1)
+  }
+  s[14] = '4' // bits 12-15 of the time_hi_and_version field to 0010
+  s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1) // bits 6-7 of the clock_seq_hi_and_reserved to 01
+  s[8] = s[13] = s[18] = s[23] = '-'
+
+  var uuid = s.join('')
+  return uuid
+}
diff --git a/mini-app/src/js/utils/validateUtils.js b/mini-app/src/js/utils/validateUtils.js
new file mode 100644
index 000000000..1a0212cea
--- /dev/null
+++ b/mini-app/src/js/utils/validateUtils.js
@@ -0,0 +1,23 @@
+class ValidateUtils {
+  isEmail(value) {
+
+    const reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
+
+    return reg.test(value)
+
+  }
+
+  /**
+   * 校验数字或者小数
+   * @param text
+   * @returns {boolean}
+   */
+   isIntOrDecimal(text) {
+
+     let pattern = /^[0-9]+([.]{1}[0-9]+){0,1}$/;
+     return pattern.test(text)
+   }
+
+}
+
+export default new ValidateUtils()
diff --git a/mini-app/src/mixins/test.js b/mini-app/src/mixins/test.js
new file mode 100644
index 000000000..d3fe7cba4
--- /dev/null
+++ b/mini-app/src/mixins/test.js
@@ -0,0 +1,19 @@
+
+
+export default {
+  data: {
+    mixin: 'MixinText'
+  },
+  methods: {
+    mixintap () {
+      this.mixin = 'MixinText' + (Math.random() + '').substring(3, 7);
+      console.log('mixin method tap');
+    },
+    tap () {
+      console.log('tap in mixin');
+    }
+  },
+  created () {
+    console.log('created in mixin');
+  }
+}
diff --git a/mini-app/src/pages/form1.wpy b/mini-app/src/pages/form1.wpy
new file mode 100644
index 000000000..0d043ce9e
--- /dev/null
+++ b/mini-app/src/pages/form1.wpy
@@ -0,0 +1,267 @@
+<style lang="less">
+
+
+.header {
+  width: 100%;
+  height: 100rpx;
+  display: flex;
+}
+
+input {
+
+  margin: 12px 15px;
+  font-size: 14px;
+}
+
+.cell-input {
+  display: flex;
+  justify-content: space-between;
+  margin-right: 15px;
+}
+
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 300rpx;
+}
+
+
+</style>
+<template>
+  <nav-bar />
+  <div class="header background-color">
+
+    <span style="font-size: 26px;margin: 0px 0 0 15px;color: #FFF;">酒庄基础信息填写</span>
+  </div>
+  <div style="margin-top: 32px;">
+    <div>
+      <span class="cell-title">绑定手机号</span>
+      <van-field
+        value="{{ wineryForm.mobile }}"
+        center
+        clearable
+        readonly
+        placeholder="请点击授权获取手机号"
+        border="{{ false }}"
+        use-button-slot
+      >
+        <van-button slot="button" size="small" plain type="info" open-type="getPhoneNumber"
+                    bindgetphonenumber="onGetMobile">授权
+        </van-button>
+      </van-field>
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+    <div class="cell">
+      <span class="cell-title">酒庄全称</span>
+      <input
+        v-model="wineryForm.wineryName"
+        center
+        clearable
+        placeholder="请输入酒庄全称"
+        style="color: #AC1630;"
+      />
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+    <div class="cell">
+      <span class="cell-title">酒庄成立时间</span>
+      <picker mode="date" v-model="wineryForm.date" end="{{maxDate}}" bindchange="bindDateChange">
+        <van-field
+          value="{{ wineryForm.buildTime }}"
+          center
+          clearable
+          readonly
+          placeholder="请选择"
+          border="{{ false }}"
+        />
+      </picker>
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+
+
+    <div class="cell">
+      <span class="cell-title">酒庄地址（省市区）</span>
+
+      <picker mode="region" v-model="wineryForm.region" bindchange="bindRegionChange">
+        <van-field
+          value="{{ wineryForm.region }}"
+          center
+          clearable
+          readonly
+          placeholder="请选择"
+          border="{{ false }}"
+        />
+      </picker>
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+    <div class="cell">
+      <span class="cell-title">酒庄地址（详细）</span>
+      <input
+        v-model="wineryForm.address"
+        center
+        clearable
+        placeholder="请输入酒庄地址"
+
+      />
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+    <div class="cell">
+      <span class="cell-title">酒庄总面积</span>
+      <div class="cell-input">
+        <input
+          v-model="wineryForm.wineryArea"
+          type="number"
+          center
+          clearable
+          placeholder="请输入酒庄总面积"
+          use-button-slot
+        />
+        <span slot="button" size="small">亩</span>
+      </div>
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+    <div class="cell">
+      <span class="cell-title">建筑总面积</span>
+      <div class="cell-input">
+        <input
+          v-model="wineryForm.buildArea"
+          type="number"
+          center
+          clearable
+          placeholder="请输入建筑总面积"
+
+          use-button-slot
+        />
+        <span slot="button" size="small">平方米</span>
+      </div>
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+
+    <div style="margin-top: 10px;padding-bottom: 20px;">
+      <span class="cell-title">酒庄现状</span>
+      <van-radio-group value="{{ wineryForm.wineryStatus }}" bind:change="onChangeWineryStatus">
+
+        <div style="display: flex;margin: 5px;flex-wrap: wrap;">
+          <div class="cell-item" v-for="(item,index) in wineryStatusType">
+            <van-radio class="cell2-radio" name="{{item}}" checked-color="#AC3016">{{item}}</van-radio>
+          </div>
+        </div>
+      </van-radio-group>
+    </div>
+    <div class="boom" />
+
+    <div style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+      <button class="buttonColor" style="width: 686rpx;" @tap="onNext()">下一步</button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from '../common/eventHub'
+import store from '../store'
+import { mapState, mapActions } from '@wepy/x'
+import xiao4rBase from '../xiao4rBase'
+import userApis from '../apis/userApis'
+
+wepy.page({
+  store,
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    'before-setData': function(dirty) {
+      if (Math.random() < 0.2) {
+        console.log('setData canceled')
+        return false // Cancel setData
+      }
+      dirty.time = +new Date()
+      return dirty
+    }
+  },
+
+  data: {
+    form: store.state.wineryForm,
+    wineryStatusType: ['已建成投产', '在建已投产', '在建未投产', '已停产']
+  },
+
+  computed: mapState(['wineryForm']),
+
+  methods: {
+    ...mapActions([
+      'setWineryFormAction'
+    ]),
+    bindDateChange(event) {
+      this.wineryForm.buildTime = event.$wx.detail.value
+    },
+    bindRegionChange(event) {
+      this.wineryForm.region = event.$wx.detail.value
+    },
+    onChangeWineryStatus(e) {
+      this.wineryForm.wineryStatus = e.$wx.detail
+    },
+    async onGetMobile(e) {
+      wx.showLoading({ title: '获取中...', mask: true })
+      try {
+        let rsp = await userApis.sendMobile({
+          openid: xiao4rBase.getOpenid(),
+          detail: e.$wx.detail
+        })
+
+        if (rsp.code === 200) {
+          this.wineryForm.mobile = rsp.data.mobile
+        }
+        xiao4rBase.showToast(rsp.msg)
+      } catch (e) {
+        xiao4rBase.showToast('服务器连接异常,请联系管理员.')
+      } finally {
+        wx.hideLoading()
+      }
+    },
+
+    onNext() {
+      console.log(this.form)
+
+      if (!this.wineryForm.mobile) {
+        xiao4rBase.showToast('请授权获取您的手机号')
+        return
+      }
+
+      if (!this.wineryForm.wineryName) {
+        xiao4rBase.showToast('请输入您的酒庄名称')
+        return
+      }
+
+      if (!this.wineryForm.buildTime) {
+        xiao4rBase.showToast('请输入您的酒庄成立时间')
+        return
+      }
+
+      if (!this.wineryForm.address) {
+        xiao4rBase.showToast('请输入您的酒庄地址')
+        return
+      }
+
+      if (!this.wineryForm.wineryArea) {
+        xiao4rBase.showToast('请输入您的酒庄总面积')
+        return
+      }
+
+      if (!this.wineryForm.buildArea) {
+        xiao4rBase.showToast('请输入您的建筑总面积')
+        return
+      }
+
+      // this.setFormAction(this.form)
+      xiao4rBase.navigateTo('form2')
+    }
+  },
+
+  created() {
+    let self = this
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/pages/form2.wpy b/mini-app/src/pages/form2.wpy
new file mode 100644
index 000000000..ddb032a37
--- /dev/null
+++ b/mini-app/src/pages/form2.wpy
@@ -0,0 +1,139 @@
+<style lang="less">
+
+page {
+  background-color: #F0F1F2;
+}
+
+.header {
+  width: 100%;
+  height: 320px;
+  display: flex;
+}
+
+.header-cell {
+  margin: 15px 15px 0 15px;
+
+  display: flex;
+  justify-content: space-between;
+}
+
+.header-title {
+  width: 260rpx;
+}
+
+.header-value {
+  width: 420rpx;
+}
+
+.fream {
+  position: absolute;
+  top: 265px;
+  left: 0;
+  right: 0;
+  margin: 0 auto 0 auto;
+  background: white;
+  width: 610rpx;
+  height: 638rpx;
+  border: white 1px solid;
+  border-radius: 10px;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+  justify-content: center;
+  flex-direction: column;
+
+}
+
+.step-point {
+  z-index: 99;
+  background: white;
+  color: #AC1630;
+}
+
+
+</style>
+<template>
+
+  <nav-bar />
+
+  <div class="header background-color">
+
+    <div style="font-size: 15px;font-weight: lighter;color: #FFF;  width: 100%;">
+      <div class="header-cell">
+        <span class="header-title">酒庄名称：</span>
+        <span class="header-value">{{wineryForm.wineryName}}</span>
+      </div>
+      <div class="header-cell">
+        <span class="header-title">酒庄面积：</span>
+        <span class="header-value">{{wineryForm.wineryArea}}亩</span>
+      </div>
+      <div class="header-cell">
+        <span class="header-title">酒庄成立时间：</span>
+        <span class="header-value">{{wineryForm.buildTime}}</span>
+      </div>
+      <div class="header-cell">
+        <span class="header-title">酒庄地址：</span>
+        <span class="header-value">{{wineryForm.region}}  {{wineryForm.address}} </span>
+      </div>
+    </div>
+
+
+  </div>
+  <div class="fream">
+
+    <div style="width: 558rpx; text-align: left; flex-direction: column;display: flex;">
+      <sapn style="color: #333;font-size: 20px;font-weight: bold;">填报指南</sapn>
+      <sapn style="color: #999; font-size: 14px;">您好，仅需三步即可完成自主填报</sapn>
+    </div>
+    <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step.png" style="width: 558rpx;margin-top: 16px;" />
+
+  </div>
+  <div style="display: flex;align-items: center; width: 100%;margin: 520rpx 0 25px 0;">
+    <button class="buttonColor" style="width: 686rpx;" @tap="onNext()">下一步</button>
+  </div>
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from '../common/eventHub'
+import store from '../store'
+import { mapState } from '@wepy/x'
+import xiao4rBase from '../xiao4rBase'
+
+wepy.page({
+  store,
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    'before-setData': function(dirty) {
+      if (Math.random() < 0.2) {
+        console.log('setData canceled')
+        return false // Cancel setData
+      }
+      dirty.time = +new Date()
+      return dirty
+    }
+  },
+
+  data: {
+
+  },
+
+  computed: mapState(['wineryForm']),
+
+  methods: {
+    onNext() {
+      xiao4rBase.navigateTo('form3')
+    }
+  },
+
+  created() {
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/pages/form3.wpy b/mini-app/src/pages/form3.wpy
new file mode 100644
index 000000000..cda16dbb1
--- /dev/null
+++ b/mini-app/src/pages/form3.wpy
@@ -0,0 +1,374 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+
+
+.cell-full-area {
+  border: #ddd 1px solid;
+  border-radius: 8px;
+  width: 620rpx;
+  padding: 16px;
+  margin: 11px 15px;
+  display: flex;
+}
+
+.cell1 {
+  flex: 1;
+  display: flex;
+}
+
+.cell1-input {
+  width: 215rpx;
+}
+
+.cell2-radio {
+  margin-left: 22px;
+}
+
+.cell3-cheakbox {
+  margin-top: 10px;
+  text-align: center;
+  flex: 0 0 30%;
+  width: 200rpx;
+}
+
+.cell3-cheakbox-checked {
+  margin-top: 10px;
+  text-align: center;
+  flex: 1;
+  width: 100%;
+}
+
+
+.cell3-input-line {
+  flex: 1;
+  display: flex;
+  font-size: 14px;
+  text-align: center;
+  align-items: center;
+  margin-left: 15px;
+  margin-top: 5px;
+}
+
+.cell3-input {
+  width: 96rpx;
+  border: #ddd 1px solid;
+  background: #FAFAFA;
+  margin: 5px;
+}
+
+</style>
+<template>
+  <nav-bar />
+  <div class="header background-color">
+
+    <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step1.png" style="width:612rpx; height:120rpx;" />
+  </div>
+  <div style="margin-top: 32px;">
+    <div>
+      <span class="cell-title">种植总面积</span>
+      <div class="cell-full-area">
+        <div class="cell1">
+          <input class="cell1-input" v-model="wineryForm.plantArea" type="number" placeholder="请输入" />
+          <span>亩</span>
+        </div>
+        <div class="cell1">
+          <input class="cell1-input" v-model="wineryForm.plantWeight" type="number" placeholder="请输入" />
+          <span>斤</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="boom" />
+
+    <div style="margin-top: 10px;padding-bottom: 20px;">
+      <span class="cell-title">土壤类型</span>
+      <van-radio-group value="{{ wineryForm.soilType }}" bind:change="onChangeSoilType">
+        <div style="display: flex;margin-top: 22px;">
+          <van-radio v-for="(item,index) in soilTypes" class="cell2-radio" name="{{item}}" checked-color="#AC1630">
+            {{item}}
+          </van-radio>
+        </div>
+      </van-radio-group>
+    </div>
+    <div class="boom" />
+
+    <div style="margin-top: 10px;padding-bottom: 10px">
+      <span class="cell-title">红葡萄品种</span>
+      <van-checkbox-group value="{{ wineryForm.redVariety.checked }}" bind:change="onChangeRedVariety">
+        <div style="display: flex;flex-direction: column;">
+          <div v-for="(item,index) in wineryForm.redVariety.params">
+            <div v-if="item.isChecked" style="margin-top: 5px;margin-bottom: 5px;">
+              <div style="margin-left:20px;">
+                <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+              </div>
+              <div class="cell3-input-line">
+                <span>种地</span>
+                <input class="cell3-input" v-model="item.msg.area" type="number" placeholder="请输入" />
+                <span>亩树龄</span>
+                <input class="cell3-input" v-model="item.msg.treeOld" type="number" placeholder="请输入" />
+                <span>年,最大树龄</span>
+                <input class="cell3-input" v-model="item.msg.treeMaxOld" type="number" placeholder="请输入" />
+                <span>年</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div style="display: flex;margin: 5px 15px;flex-wrap: wrap;">
+          <div v-for="(item,index) in wineryForm.redVariety.params">
+            <div v-if="!item.isChecked" class="cell3-cheakbox">
+              <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+            </div>
+          </div>
+        </div>
+      </van-checkbox-group>
+    </div>
+    <div class="boom" />
+
+
+    <div style="margin-top: 10px;padding-bottom: 10px">
+      <span class="cell-title">白葡萄品种</span>
+      <van-checkbox-group value="{{ wineryForm.whiteVariety.checked }}" bind:change="onChangeWhiteVariety">
+        <div style="display: flex;flex-direction: column;">
+          <div v-for="(item,index) in wineryForm.whiteVariety.params">
+            <div v-if="item.isChecked" style="margin-top: 10px;margin-bottom: 5px;">
+              <div style="margin-left:20px;">
+                <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+              </div>
+              <div class="cell3-input-line">
+                <span>种地</span>
+                <input class="cell3-input" v-model="item.msg.area" type="number" placeholder="请输入" />
+                <span>亩树龄</span>
+                <input class="cell3-input" v-model="item.msg.treeOld" type="number" placeholder="请输入" />
+                <span>年,最大树龄</span>
+                <input class="cell3-input" v-model="item.msg.treeMaxOld" type="number" placeholder="请输入" />
+                <span>年</span>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div style="display: flex;margin: 5px 15px;flex-wrap: wrap;">
+          <div v-for="(item,index) in wineryForm.whiteVariety.params">
+            <div v-if="!item.isChecked" class="cell3-cheakbox">
+              <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+            </div>
+          </div>
+        </div>
+      </van-checkbox-group>
+    </div>
+    <div class="boom" />
+
+
+    <div style="margin-top: 10px;padding-bottom: 20px;">
+      <span class="cell-title">主要灌溉方式</span>
+      <van-radio-group value="{{ wineryForm.irrigationType }}" bind:change="onChangeIrrigationType">
+        <div style="display: flex;margin-top: 22px;">
+          <van-radio v-for="(item,index) in irrigationTypes" class="cell2-radio" name="{{item}}"
+                     checked-color="#AC1630">
+            {{item}}
+          </van-radio>
+        </div>
+      </van-radio-group>
+    </div>
+    <div class="boom" />
+
+
+    <div style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+      <button class="buttonColor-cancel" style="width: 326rpx;" @tap="onBack()">上一步</button>
+      <button class="buttonColor" style="width: 326rpx;" @tap="onNext()">下一步</button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from '../common/eventHub'
+import store from '../store'
+import { mapActions,mapState } from '@wepy/x'
+import xiao4rBase from '../xiao4rBase'
+import xiao4rApis from '../apis/xiao4rApis'
+wepy.page({
+  store,
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+
+  data: {
+    soilTypes: [
+      '沙石', '砾石', '石灰岩', '混合'
+    ],
+    irrigationTypes: ['漫灌', '喷灌', '滴灌'],
+    redVarieties: [
+      '赤霞珠',
+      '梅洛',
+      '品丽珠',
+      '黑皮诺',
+      '西拉',
+      '歌海娜',
+      '桑娇维塞',
+      '内比奥罗',
+      '丹魄',
+      '马尔贝克',
+      '其他'
+    ],
+    whiteVarieties: [
+      '霞多丽',
+      '长相思',
+      '雷司令',
+      '灰皮诺',
+      '赛美蓉',
+      '琼瑶浆',
+      '其他'
+    ]
+
+  },
+
+  computed: mapState(['wineryForm']),
+
+  watch: {},
+
+  methods: {
+    ...mapActions([
+      'setFormAction'
+    ]),
+
+    onChangeSoilType(e) {
+      this.wineryForm.soilType = e.$wx.detail
+    },
+
+    onChangeIrrigationType(e) {
+      this.wineryForm.irrigationType = e.$wx.detail
+    },
+
+    onChangeRedVariety(e) {
+      this.wineryForm.redVariety.checked = e.$wx.detail
+      this.changeItem(this.wineryForm.redVariety.checked, this.wineryForm.redVariety.params)
+    },
+
+    onChangeWhiteVariety(e) {
+      console.log(e)
+      this.wineryForm.whiteVariety.checked = e.$wx.detail
+      this.changeItem(this.wineryForm.whiteVariety.checked, this.wineryForm.whiteVariety.params)
+    },
+
+    changeItem(types, items) {
+      for (let i = 0; i < items.length; i++) {
+        let isChecked = false
+        for (let j = 0; j < types.length; j++) {
+          // console.log(types[j])
+          // console.log(items[i].name)
+          if (types[j] === items[i].name) {
+            isChecked = true
+            break
+          }
+        }
+
+        items[i].isChecked = isChecked
+        if (!items[i].isChecked) {
+          items[i].msg = {
+            area: '',
+            treeOld: '',
+            treeMaxOld: ''
+          }
+        }
+      }
+    },
+    initVariety(types, fromList) {
+      for (let i = 0; i < types.length; i++) {
+        fromList.push({
+          name: types[i],
+          isChecked: false,
+          msg: {
+            area: '',
+            treeOld: '',
+            treeMaxOld: ''
+          }
+        })
+      }
+    },
+    onNext() {
+      if (!this.wineryForm.plantArea) {
+        xiao4rBase.showToast('请输入种植面积！')
+        return
+      }
+
+      if (!this.wineryForm.plantWeight) {
+        xiao4rBase.showToast('请输入产量！')
+        return
+      }
+
+      let error = this.checkVariety(this.wineryForm.redVariety)
+      if (error) {
+        xiao4rBase.showToast('请检查红葡萄信息:' + error)
+        return
+      }
+
+      error = this.checkVariety(this.wineryForm.whiteVariety)
+      if (error) {
+        xiao4rBase.showToast('请检查白葡萄信息:' + error)
+        return
+      }
+
+      // this.setFormAction(this.form)
+      xiao4rBase.navigateTo('form4')
+    },
+    onBack() {
+      // this.setFormAction(this.form)
+      wx.navigateBack()
+    },
+
+    checkVariety(variety) {
+      let errorMsg = ''
+      let isChecked = false
+
+      for (let i = 0; i < variety.params.length; i++) {
+        let item = variety.params[i]
+        if (item.isChecked) {
+          isChecked = true
+
+          if (!item.msg.area || !item.msg.treeOld || !item.msg.treeMaxOld) {
+            errorMsg = '请完善' + item.name + '品种信息!'
+          }
+        }
+      }
+
+      if (!isChecked) {
+        errorMsg = '请选择葡萄品种!'
+      }
+
+      return errorMsg
+    }
+
+  },
+
+  created() {
+
+    if (this.wineryForm.redVariety.params.length < 1) {
+      this.initVariety(this.redVarieties, this.wineryForm.redVariety.params)
+    }
+    if (this.wineryForm.whiteVariety.params.length < 1) {
+      this.initVariety(this.whiteVarieties, this.wineryForm.whiteVariety.params)
+    }
+  }
+
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/pages/form4.wpy b/mini-app/src/pages/form4.wpy
new file mode 100644
index 000000000..8bcb40ea9
--- /dev/null
+++ b/mini-app/src/pages/form4.wpy
@@ -0,0 +1,158 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+
+
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 300rpx;
+}
+
+.cell-item2 {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 150rpx;
+}
+
+
+</style>
+<template>
+  <nav-bar />
+  <div class="header background-color">
+
+    <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step2.png" style="width:612rpx; height:120rpx;" />
+  </div>
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">酒精发酵工艺</span>
+    <van-checkbox-group value="{{ wineryForm.fermentationProcess }}" bind:change="onChangeFermentationProcess">
+      <div style="display: flex;margin: 5px;flex-wrap: wrap;">
+        <div class="cell-item" v-for="(item,index) in fermentationProcessType">
+          <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+        </div>
+      </div>
+    </van-checkbox-group>
+  </div>
+  <div class="boom" />
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">热化容器</span>
+    <van-checkbox-group value="{{ wineryForm.container }}" bind:change="onChangeContainer">
+      <div style="display: flex;margin: 5px;flex-wrap: wrap;">
+        <div class="cell-item" v-for="(item,index) in containerType">
+          <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+        </div>
+      </div>
+    </van-checkbox-group>
+  </div>
+  <div class="boom" />
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">澄清方式</span>
+    <van-checkbox-group value="{{ wineryForm.clarificationMethod }}" bind:change="onChangeClarificationMethod">
+      <div style="display: flex;margin: 5px;flex-wrap: wrap;">
+        <div class="cell-item2" v-for="(item,index) in clarificationMethodType">
+          <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+        </div>
+      </div>
+    </van-checkbox-group>
+  </div>
+  <div class="boom" />
+
+
+  <div style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+    <button class="buttonColor-cancel" style="width: 326rpx;" @tap="onBack()">上一步</button>
+    <button class="buttonColor" style="width: 326rpx;" @tap="onNext()">下一步</button>
+  </div>
+
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from '../common/eventHub'
+import store from '../store'
+import { mapActions,mapState } from '@wepy/x'
+import xiao4rBase from '../xiao4rBase'
+import xiao4rApis from '../apis/xiao4rApis'
+
+wepy.page({
+  store,
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+
+  data: {
+    fermentationProcessType: ['冷浸渍', '倒灌', '压帽', '二氧化碳浸渍', '整串发酵', '半二氧化碳浸渍', '酒泥陈酿'],
+    containerType: ['不锈钢罐', '橡木桶'],
+    clarificationMethodType: ['沉淀', '下胶', '过滤']
+
+  },
+
+  computed: mapState(['wineryForm']),
+
+  watch: {},
+
+  methods: {
+
+
+    onChangeFermentationProcess(e) {
+      this.wineryForm.fermentationProcess = e.$wx.detail
+    },
+    onChangeContainer(e) {
+      this.wineryForm.container = e.$wx.detail
+    },
+    onChangeClarificationMethod(e) {
+      this.wineryForm.clarificationMethod = e.$wx.detail
+    },
+
+    onNext() {
+
+      if (this.wineryForm.fermentationProcess.length < 1) {
+        xiao4rBase.showToast('请选择酒精发酵工艺!')
+        return
+      }
+
+      if (this.wineryForm.container.length < 1) {
+        xiao4rBase.showToast('请选择热化容器!')
+        return
+      }
+      if (this.wineryForm.clarificationMethod.length < 1) {
+        xiao4rBase.showToast('请选择澄清方式!')
+        return
+      }
+
+      xiao4rBase.navigateTo('form5')
+    },
+    onBack() {
+
+      wx.navigateBack()
+    }
+
+  },
+
+  created() {
+    console.log(this.form)
+  }
+
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/pages/form5.wpy b/mini-app/src/pages/form5.wpy
new file mode 100644
index 000000000..18fbb1381
--- /dev/null
+++ b/mini-app/src/pages/form5.wpy
@@ -0,0 +1,242 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+
+.cell-input {
+  margin-left: 10px;
+  margin-top: 12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  input {
+    border: #dddddd solid 1px;
+    border-radius: 8px;
+    padding: 5px;
+    width: 572rpx;
+    margin-right: 10px;
+  }
+}
+
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 300rpx;
+}
+
+.cell-item2 {
+  margin-left: 12px;
+  margin-top: 12px;
+}
+
+
+</style>
+<template>
+  <nav-bar />
+  <div class="header background-color">
+    <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step3.png" style="width:612rpx; height:120rpx;" />
+  </div>
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">年产量</span>
+    <div class="cell-input">
+      <input class="input" v-model="wineryForm.annualOutput" type="digit" placeholder="请输入" />
+      <span>万瓶</span>
+    </div>
+  </div>
+
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">现有库存</span>
+    <div class="cell-input">
+      <input class="input" v-model="wineryForm.stock" type="digit" placeholder="请输入" />
+      <span>万瓶</span>
+    </div>
+  </div>
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">橡木桶数量</span>
+    <div class="cell-input">
+      <input class="input" v-model="wineryForm.bucketCount" type="number" placeholder="请输入" />
+      <span>　个</span>
+    </div>
+  </div>
+
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">主要产品定价</span>
+    <van-checkbox-group value="{{ wineryForm.mainPrice }}" bind:change="onChangeMainPrice">
+      <div style="display: flex;margin: 5px;flex-wrap: wrap;">
+        <div class="cell-item" v-for="(item,index) in mainPriceType">
+          <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+        </div>
+      </div>
+    </van-checkbox-group>
+  </div>
+
+
+  <div class="boom" />
+
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title">销售方式</span>
+    <van-checkbox-group value="{{ wineryForm.salesMode }}" bind:change="onChangeSalesMode">
+      <div style="display: flex;margin: 5px;flex-wrap: wrap;">
+        <div class="cell-item2" v-for="(item,index) in salesModeType">
+          <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+        </div>
+      </div>
+    </van-checkbox-group>
+  </div>
+  <div class="boom" />
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <div style="display: flex;align-items: center;">
+      <span class="cell-title">获奖信息</span>
+      <span style="font-size: 12px;">(选填)</span>
+    </div>
+    <van-checkbox-group value="{{ wineryForm.awards }}" bind:change="onChangeAwards">
+      <div style="display: flex;margin: 5px 5px;flex-wrap: wrap;">
+        <div class="cell-item2" v-for="(item,index) in awardType">
+          <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+        </div>
+      </div>
+    </van-checkbox-group>
+
+    <div style="display: flex;align-items: center;">
+      <span class="cell-title">其他奖项</span>
+    </div>
+    <div style="margin: 10px;border: #ddd 1px solid; border-radius: 8px;padding: 5px;">
+
+      <textarea
+        v-model="wineryForm.awardInformation "
+        auto-height="{{false}}"
+        clearable
+        autosize
+      />
+    </div>
+
+  </div>
+  <div class="boom" />
+
+
+  <div style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+    <button class="buttonColor-cancel" style="width: 326rpx;" @tap="onBack()">上一步</button>
+    <button class="buttonColor" style="width: 326rpx;" @tap="onNext()">下一步</button>
+  </div>
+
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from '../common/eventHub'
+import store from '../store'
+import { mapState } from '@wepy/x'
+import xiao4rBase from '../xiao4rBase'
+import xiao4rApis from '../apis/xiao4rApis'
+import validateUtils from '../js/utils/validateUtils'
+
+wepy.page({
+  store,
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+
+  data: {
+    mainPriceType:
+      ['100以下', '100～199', '200～299', '300～399', '400～499', '500～599', '600～699', '700～799', '800～899', '900～999', '1000或以上'],
+    salesModeType: ['自销', '渠道代理', '包销', '网销'],
+    awardType: [
+      '2017柏林葡萄酒大奖赛',
+      '2017年第24届布鲁塞尔葡萄酒大赛',
+      '第六届宁夏贺兰山东麓国际葡萄酒博览会',
+      '2018柏林葡萄酒大奖赛',
+      '2018第25届布鲁塞尔葡萄酒大赛',
+      '2018Decanter（品醇客）世界葡萄酒大赛',
+      '2019柏林葡萄酒大奖赛',
+      '2019Decanter（品醇客）世界葡萄酒大赛',
+      '2019第26届布鲁塞尔葡萄酒大赛',
+      '第八届宁夏贺兰山东麓国际葡萄酒博览会',
+      '2020柏林葡萄酒大奖赛',
+      '2020第27届布鲁塞尔葡萄酒大赛',
+      '第九届宁夏贺兰山东麓国际葡萄酒博览会'
+    ]
+
+  },
+
+  computed: mapState(['wineryForm']),
+
+  watch: {},
+
+  methods: {
+
+    onChangeMainPrice(e) {
+      this.wineryForm.mainPrice = e.$wx.detail
+    },
+    onChangeSalesMode(e) {
+      this.wineryForm.salesMode = e.$wx.detail
+    },
+
+    onChangeAwards(e) {
+
+      console.log(e.$wx.detail)
+      this.wineryForm.awards = e.$wx.detail
+    },
+
+    onNext() {
+      if (!validateUtils.isIntOrDecimal(this.wineryForm.annualOutput)) {
+        xiao4rBase.showToast('请输入正确的年产量!')
+        return
+      }
+
+      if (!validateUtils.isIntOrDecimal(this.wineryForm.stock)) {
+        xiao4rBase.showToast('请输入正确的当前库存!')
+        return
+      }
+
+      if (!this.wineryForm.bucketCount) {
+        xiao4rBase.showToast('请输入橡木桶数量!')
+        return
+      }
+
+      if (this.wineryForm.mainPrice.length < 1) {
+        xiao4rBase.showToast('请选择主要产品定价!')
+        return
+      }
+
+      if (this.wineryForm.salesMode.length < 1) {
+        xiao4rBase.showToast('请选择销售方式!')
+        return
+      }
+
+      xiao4rBase.navigateTo('form6')
+    },
+    onBack() {
+      wx.navigateBack()
+    }
+
+  },
+
+  created() {
+  }
+
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/pages/form6.wpy b/mini-app/src/pages/form6.wpy
new file mode 100644
index 000000000..a55ada934
--- /dev/null
+++ b/mini-app/src/pages/form6.wpy
@@ -0,0 +1,204 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+
+.cell-input {
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  input {
+    margin-left: 10px;
+    border: #dddddd solid 1px;
+    border-radius: 8px;
+    padding: 5px 10px;
+    width: 480rpx;
+  }
+}
+
+input {
+  margin-left: 8px;
+  padding: 5px 10px;
+  width: 480rpx;
+}
+
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  display: flex;
+  align-items: center;
+}
+
+
+</style>
+<template>
+  <nav-bar />
+  <div class="header background-color">
+    <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step4.png" style="width:612rpx; height:120rpx;" />
+  </div>
+
+  <div
+    style="margin-top: 32px;margin-bottom: 20px;display: flex;justify-content: center;flex-direction: column;align-items: center;">
+    <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/success.png" style="width:110rpx; height:110rpx;" />
+    <span style="color:#333;margin-top: 24px;">填报完成</span>
+    <span style="color: #999;margin-top: 8px;font-size: 13px;">感谢您的填报，还有最后一步！</span>
+  </div>
+  <div class="boom" />
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <div class="cell">
+      <span class="cell-title">姓名</span>
+      <input
+        v-model="wineryForm.personName"
+        center
+        clearable
+        placeholder="请输入您的姓名"
+      />
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+  </div>
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <div class="cell">
+      <span class="cell-title">联系邮箱</span>
+      <input
+        v-model="wineryForm.email"
+        center
+        clearable
+        placeholder="请输入您的联系邮箱"
+      />
+      <van-divider customStyle="margin: 0 5px;" />
+    </div>
+  </div>
+  <div class="boom" />
+
+
+  <div style="margin-top: 10px;padding-bottom: 20px;">
+    <span class="cell-title" style="color: #AC1630;">贺兰山产区红酒传播语征集</span>
+    <van-radio-group value="{{ wineryForm.slogan }}" bind:change="onChangeSlogan">
+      <div style="display: flex;margin: 5px;flex-direction: column;">
+        <div class="cell-item" v-for="(item,index) in sloganType">
+          <div v-if="index === 4" class="cell-input">
+            <van-radio name="{{item}}" checked-color="#AC1630" />
+            <input
+              v-model="slogan"
+              clearable
+              placeholder="请输入您的口号"
+            />
+          </div>
+          <div v-else>
+            <van-radio name="{{item}}" checked-color="#AC1630">{{item}}</van-radio>
+          </div>
+        </div>
+      </div>
+    </van-radio-group>
+  </div>
+
+
+  <div class="boom" />
+
+
+  <div style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+    <button class="buttonColor-cancel" style="width: 326rpx;" @tap="onBack()">上一步</button>
+    <button class="buttonColor" style="width: 326rpx;" @tap="onNext()">提交上报</button>
+  </div>
+
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from '../common/eventHub'
+import store from '../store'
+import { mapState } from '@wepy/x'
+import xiao4rBase from '../xiao4rBase'
+import xiao4rApis from '../apis/xiao4rApis'
+import validateUtils from '../js/utils/validateUtils'
+
+wepy.page({
+  store,
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+
+  data: {
+    form: {},
+    sloganType: ['葡萄酒·贺兰山', '葡萄酒之乡·神奇贺兰山', '中国葡萄酒·当然贺兰山', '中国葡萄酒·要喝贺兰山','其他'],
+    slogan: ''
+
+  },
+
+  computed: mapState(['wineryForm']),
+
+  watch: {},
+
+  methods: {
+
+    onChangeSlogan(e) {
+      this.wineryForm.slogan = e.$wx.detail
+    },
+
+    async onNext() {
+      if (!this.wineryForm.personName) {
+        xiao4rBase.showToast('请输入您的姓名!')
+        return
+      }
+
+      if (!validateUtils.isEmail(this.wineryForm.email)) {
+        xiao4rBase.showToast('请正确输入您的邮箱!')
+        return
+      }
+
+      let form = this.wineryForm
+      if (this.wineryForm.slogan === '其他') {
+        form.slogan = this.slogan
+      }
+      form.openid = xiao4rBase.getOpenid()
+
+      wx.showLoading({ title: '正在提交...', mask: true })
+
+      try {
+        let rsp = await xiao4rApis.postForm(form)
+        if (rsp.code === 200) {
+          xiao4rBase.showToast('提交成功!')
+          wx.reLaunch({ url: 'index' })
+        } else {
+          xiao4rBase.showToast('提交失败.' + rsp.msg)
+        }
+      } catch (e) {
+        xiao4rBase.showToast('提交失败.', e)
+
+      } finally {
+        wx.hideLoading()
+      }
+    },
+    onBack() {
+      wx.navigateBack()
+    }
+
+  },
+
+  created() {
+  }
+
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/pages/index.wpy b/mini-app/src/pages/index.wpy
new file mode 100644
index 000000000..6f77d018f
--- /dev/null
+++ b/mini-app/src/pages/index.wpy
@@ -0,0 +1,180 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<wxs module="m1" lang="babel">
+const getTime = (time) => {
+let date = getDate(time);
+let hour = date.getHours();
+let mins = date.getMinutes();
+let sec = date.getSeconds();
+let milli = date.getMilliseconds();
+return `${hour}:${mins}:${sec}.${milli}`;
+}
+module.exports.getTime = getTime;
+</wxs>
+<template>
+  <image class="header" src="https://www.xiao4r.com/xiao4rstatic/hope_wine/head.png" />
+  <div class="container" style="margin: 0px 25px;">
+    <span style="color: #333;font-size: 26px;">贺兰山东麓葡萄酒产区普查</span>
+    <span style="color: #333;font-size: 13px;">Helan Mountain winery census</span>
+    <div style="display: flex;flex-direction:column; margin-top: 24px;">
+      <span style="color: #333;font-size: 16px;">欢迎您参加贺兰山酒庄普查！</span>
+      <text style="color: #666;font-size: 16px;margin-top: 4px;">
+        　　在宁夏回族自治区政府大力推动以红酒产业为首的九大产业之际，为更好的服务我区酒庄及红酒企业，自治区红酒局决定于近期开展2021年贺兰山产区酒庄普查。
+        非常感谢您选择自主填报的方式参加酒庄普查。您通过微信小程序填报的信息会经加密存储在宁夏回族自治区红酒局，数据仅作为服务我区红酒产业总体规划使用。
+      </text>
+    </div>
+  </div>
+  <div style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+    <button class="buttonColor" style="width: 686rpx;" @tap="onNext()">已阅知</button>
+  </div>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import eventHub from '../common/eventHub'
+import store from '../store'
+import { mapActions } from '@wepy/x'
+import xiao4rBase from '../xiao4rBase'
+import xiao4rApis from '../apis/xiao4rApis'
+import userApis from '../apis/userApis'
+import request from '../js/request'
+
+wepy.page({
+  store,
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    'before-setData': function(dirty) {
+      if (Math.random() < 0.2) {
+        console.log('setData canceled')
+        return false // Cancel setData
+      }
+      dirty.time = +new Date()
+      return dirty
+    }
+  },
+
+  data: {
+    user: store.state.user
+  },
+
+  computed: {
+    testcomputed() {
+      return 'computed - '
+    },
+    openid() {
+      return store.state.user.openid
+    }
+  },
+
+  methods: {
+    ...mapActions([
+      'setUserAction',
+      'setWineryFormAction'
+    ]),
+    handleViewTap() {
+      console.log('handleVieTap clicked')
+    },
+    tap() {
+
+    },
+    callAppLaunch() {
+      eventHub.$emit('app-launch', { a: 1 }, { b: 2 })
+    },
+    onNext() {
+      xiao4rBase.navigateTo('form1')
+
+      // xiao4rApis.getAuthTest({ openid: store.state.user.openid }).then(r => {
+      //   wx.navigateToMiniProgram({
+      //     appId: 'wx88736d7d39e2eda6',
+      //     path: 'pages/oauth/authindex',
+      //     extraData: r.data
+      //   })
+      // })
+    },
+
+    login() {
+      let self = this
+      wx.showLoading({ title: '正在连接...', mask: true })
+      wx.login({
+        success(res) {
+          let req = userApis.getSession(res.code)
+
+          req.then(rsp => {
+            if (rsp.data.openid) {
+              self.init(rsp.data.openid)
+            } else {
+              xiao4rBase.showToast('登录失败！' + res.errMsg)
+              wx.hideLoading()
+            }
+          })
+          // request.requestTaskMap.get(req.taskId).abort()
+          // console.log('中断请求,req:', req.taskId)
+        },
+        fail(res) {
+          xiao4rBase.showToast('登录失败,正在重试.')
+          wx.hideLoading()
+          self.login()
+        }
+      })
+    },
+
+    async init(openid) {
+      let self = this
+
+      xiao4rBase.saveOpenid(openid)
+
+      wx.getUserInfo({
+        success(res) {
+          self.setUserAction({
+            openid: xiao4rBase.getOpenid(),
+            userInfo: res.userInfo
+          })
+        }
+      })
+
+      await this.getForm()
+      wx.hideLoading()
+    },
+
+    async getForm() {
+      try {
+        let rsp = await xiao4rApis.getForm({ openid: xiao4rBase.getOpenid() })
+        if (rsp.code === 200) {
+          let temp = rsp.data
+          temp.region = temp.region.split(',')
+          temp.fermentationProcess = temp.fermentationProcess.split(',')
+          temp.clarificationMethod = temp.clarificationMethod.split(',')
+          temp.mainPrice = temp.mainPrice.split(',')
+          temp.salesMode = temp.salesMode.split(',')
+          temp.container = temp.container.split(',')
+          temp.awards = temp.awards.split(',')
+          temp.redVariety = JSON.parse(temp.redVariety)
+          temp.whiteVariety = JSON.parse(temp.whiteVariety)
+
+          this.setWineryFormAction(temp)
+        }
+      } catch (e) {
+        xiao4rBase.showToast('获取用户信息失败.' + e)
+      }
+    }
+  },
+
+  ready() {
+    this.login()
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: ''
+}
+</config>
diff --git a/mini-app/src/pages/mall/goods-detail.wpy b/mini-app/src/pages/mall/goods-detail.wpy
new file mode 100644
index 000000000..d78747b34
--- /dev/null
+++ b/mini-app/src/pages/mall/goods-detail.wpy
@@ -0,0 +1,155 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<wxs module="m1" lang="babel">
+const getTime = (time) => {
+let date = getDate(time);
+let hour = date.getHours();
+let mins = date.getMinutes();
+let sec = date.getSeconds();
+let milli = date.getMilliseconds();
+return `${hour}:${mins}:${sec}.${milli}`;
+}
+module.exports.getTime = getTime;
+</wxs>
+<template>
+
+  <nav-bar title="商品详情" />
+
+  <swiper indicator-dots="true" autoplay="true" interval="3000">
+    <block v-for="(item,index) in goodsImages" wx:key="index">
+      <swiper-item>
+        <view class="swiper-item">
+          <image :src="item" />
+        </view>
+      </swiper-item>
+    </block>
+  </swiper>
+
+  <van-cell title="标题能显示多长标题能显示多长" value="内容能显示多长" label="描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息" border="{{ false }}" />
+  <van-cell title="选择规格" is-link @tap="onShowSpec" />
+
+  <div style="margin: 10px 15px;">
+    <span>商品详情</span>
+    <div style="margin-top: 10px;">
+      <rich-text :nodes="detail" />
+    </div>
+  </div>
+
+
+  <van-popup
+    :show="isShowSpec"
+    closeable
+    position="bottom"
+    custom-style="height: 240px"
+    bind:close="onCloseSpec"
+  >
+    <van-card
+      price="2.00"
+      desc="描述信息"
+      title="商品标题"
+      thumb="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg"
+    >
+      <view slot="num" style="float:right;">
+        <div>{{'已优惠¥xx元'}}</div>
+      </view>
+
+    </van-card>
+
+    <van-divider />
+
+    <van-row>
+      <van-col offset="1" span="8">
+        <div style="display: flex; flex-direction: column;">
+          <span>购买数量</span>
+          <span style="font-size: 12px; color: #cccccc;">剩余:xx</span>
+        </div>
+      </van-col>
+      <van-col offset="7" span="8">
+        <van-stepper :value="count" bind:change="onChangeCount" />
+      </van-col>
+    </van-row>
+
+    <van-button round type="danger" size="small" style="float:right;margin-top:10px;margin-right: 10px;">下一步</van-button>
+
+  </van-popup>
+
+  <van-goods-action>
+    <van-goods-action-icon icon="cart-o" text="购物车" info="5" />
+    <van-goods-action-icon icon="shop-o" text="酒庄" />
+    <van-goods-action-button color="#be99ff" text="加入购物车" type="warning" @tap="onShowSpec" />
+    <van-goods-action-button color="#7232dd" text="立即购买" @tap="onShowSpec" />
+  </van-goods-action>
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+
+wepy.page({
+  store,
+  hooks: {},
+
+  data: {
+    goodsImages: [
+      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg',
+      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg',
+      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg'
+    ],
+    detail: '<p style=\'color: #AC1630\'>富文本详情</p>',
+
+    isShowSpec: false,
+    count: 1
+  },
+
+  computed: {},
+
+  methods: {
+    ...mapActions([
+      'setUserAction',
+      'setFormAction'
+    ]),
+    handleViewTap() {
+      console.log('handleVieTap clicked')
+    },
+    tap() {
+
+    },
+
+    onShowSpec() {
+      this.isShowSpec = true
+    },
+    onCloseSpec() {
+      this.isShowSpec = false
+    },
+    onChangeCount(e) {
+      console.log(e)
+    },
+
+    callAppLaunch() {
+    }
+  },
+
+  ready() {
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: '',
+usingComponents: {
+"van-goods-action": "../../vant/goods-action/index",
+"van-goods-action-icon": "../../vant/goods-action-icon/index",
+"van-goods-action-button": "../../vant/goods-action-button/index"
+}
+}
+</config>
diff --git a/mini-app/src/pages/mall/index.wpy b/mini-app/src/pages/mall/index.wpy
new file mode 100644
index 000000000..ec11bc457
--- /dev/null
+++ b/mini-app/src/pages/mall/index.wpy
@@ -0,0 +1,139 @@
+<style lang="less">
+
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+
+
+}
+
+</style>
+<wxs module="m1" lang="babel">
+const getTime = (time) => {
+let date = getDate(time);
+let hour = date.getHours();
+let mins = date.getMinutes();
+let sec = date.getSeconds();
+let milli = date.getMilliseconds();
+return `${hour}:${mins}:${sec}.${milli}`;
+}
+module.exports.getTime = getTime;
+</wxs>
+<template>
+  <van-tabbar active="{{ pageIndex }}" bind:change="onChange">
+    <van-tabbar-item icon="home-o">热点</van-tabbar-item>
+    <van-tabbar-item icon="shopping-cart-o">购物</van-tabbar-item>
+    <van-tabbar-item icon="comment-o">交流</van-tabbar-item>
+    <van-tabbar-item icon="shopping-cart-o">购物车</van-tabbar-item>
+    <van-tabbar-item icon="user-o">我的</van-tabbar-item>
+  </van-tabbar>
+  <mall-home v-if="pageIndex === 0" />
+  <mall-shopping v-else-if="pageIndex === 1" />
+  <mall-bbs v-else-if="pageIndex === 2" />
+  <mall-car v-else-if="pageIndex === 3" />
+  <mall-my v-else-if="pageIndex === 4" />
+  <dialog-registration />
+  <van-button @tap="onTest" >测试</van-button>
+
+
+</template>
+
+<script>
+import wepy from '@wepy/core'
+import store from '@/store'
+import { mapActions } from '@wepy/x'
+import userApis from '../../apis/userApis'
+import xiao4rBase from '../../xiao4rBase'
+import eventHub from '../../common/eventHub'
+
+wepy.page({
+  store,
+  hooks: {
+  },
+
+  data: {
+    pageIndex: 0
+  },
+
+  computed: {
+  },
+
+  methods: {
+    ...mapActions([
+      'setUserAction',
+      'setTokenAction',
+      'setOpenidAction',
+    ]),
+    onTest() {
+      eventHub.$emit('onShowDialogUserInfo')
+    },
+    handleViewTap() {
+      console.log('handleVieTap clicked')
+    },
+    tap() {
+
+    },
+    onChange(event) {
+      this.pageIndex = event.$wx.detail
+    },
+    callAppLaunch() {
+    },
+    login() {
+      let self = this
+      wx.showLoading({ title: '正在连接...', mask: true })
+      wx.login({
+        success(res) {
+          let req = userApis.getSession(res.code)
+
+          req.then(rsp => {
+            if (rsp.data.openid) {
+              self.init(rsp.data.openid)
+            } else {
+              xiao4rBase.showToast('登录失败！' + res.errMsg)
+              wx.hideLoading()
+            }
+          }).catch(e => {
+            xiao4rBase.showToast('登录失败！' + res.errMsg)
+          })
+          // request.requestTaskMap.get(req.taskId).abort()
+          // console.log('中断请求,req:', req.taskId)
+        },
+        fail(res) {
+          xiao4rBase.showToast('登录失败,正在重试.')
+          wx.hideLoading()
+          self.login()
+        }
+      })
+    },
+    async init(openid) {
+      xiao4rBase.saveOpenid(openid)
+
+      let rsp = await userApis.loginByMini({openid: openid})
+      if (rsp.token) {
+        this.setTokenAction(rsp.token)
+      }
+      wx.hideLoading()
+    }
+  },
+
+  ready() {
+    this.login()
+  },
+  onShow() {
+  }
+})
+</script>
+<config>
+{
+navigationBarTitleText: '',
+usingComponents: {
+'mall-home': '../../components/mall/mall-home',
+'mall-shopping': '../../components/mall/mall-shopping',
+'mall-bbs': '../../components/mall/mall-bbs',
+'mall-car': '../../components/mall/mall-car',
+'mall-my': '../../components/mall/mall-my',
+'dialog-registration': '../../components/user/dialog-registration'
+}
+}
+</config>
diff --git a/mini-app/src/static/img/index/head.png b/mini-app/src/static/img/index/head.png
new file mode 100644
index 000000000..578b0df45
Binary files /dev/null and b/mini-app/src/static/img/index/head.png differ
diff --git a/mini-app/src/store/index.js b/mini-app/src/store/index.js
new file mode 100644
index 000000000..8742b5439
--- /dev/null
+++ b/mini-app/src/store/index.js
@@ -0,0 +1,59 @@
+import Vuex from '@wepy/x'
+import { wineryForm } from './wineryForm'
+
+export default new Vuex.Store({
+  state: {
+    user: {
+      openid: '',
+      mobile: '',
+      userInfo: {},
+      token: ''
+    },
+    wineryForm
+  },
+  mutations: {
+
+    setUser(state, user) {
+      state.user = user
+    },
+    setOpenid(state, openid) {
+      state.user.openid = openid
+      console.log('state.user.openid:', state.user.openid)
+    },
+    setMobile(state, mobile) {
+      state.user.mobile = mobile
+    },
+    setUserInfo(state, userInfo) {
+      state.user.userInfo = userInfo
+    },
+    setToken(state, token) {
+      state.user.token = token
+    },
+    setWineryForm(state, form) {
+      console.log('远程酒庄表单:', form)
+      state.wineryForm = form
+      console.log('本地酒庄表单:', state.wineryForm)
+    }
+  },
+  actions: {
+    setUserAction({ commit }, user) {
+      commit('setUser', user)
+    },
+    setOpenidAction({ commit }, openid) {
+      commit('setOpenid', openid)
+    },
+    setMobileAction({ commit }, user) {
+      commit('setMobile', user)
+    },
+    setUserInfoAction({ commit }, userInfo) {
+      commit('setUserInfo', userInfo)
+    },
+    setTokenAction({ commit }, token) {
+      commit('setToken', token)
+    },
+    setWineryFormAction({ commit }, form) {
+      commit('setWineryForm', form)
+    }
+
+  }
+})
diff --git a/mini-app/src/store/wineryForm.js b/mini-app/src/store/wineryForm.js
new file mode 100644
index 000000000..409169459
--- /dev/null
+++ b/mini-app/src/store/wineryForm.js
@@ -0,0 +1,37 @@
+export const wineryForm = {
+  openid: '',
+  email: '',
+  personName: '',
+  mobile: '',
+  wineryName: '', // 酒庄名称（具体）
+  buildTime: '', // 建立时间（具体）
+  region: ['宁夏回族自治区', '银川市', '西夏区'], // 酒庄地址（区）
+  address: '', // 酒庄地址（具体）
+  wineryArea: '', // 总面积
+  buildArea: '', // 建筑面积
+  wineryStatus: '已建成投产', // 酒庄现状
+  plantArea: '', // 面积（亩）
+  plantWeight: '', // 产量（斤）
+  soilType: '沙粒', // 土壤类型
+  redVariety: {
+    params: [],
+    checked: []
+  }, // 红葡萄品种
+
+  whiteVariety: {
+    params: [],
+    checked: []
+  }, // 白葡萄品种
+  irrigationType: '漫灌', // 灌溉方式
+  fermentationProcess: [], // 发酵工艺
+  container: [], // 热化容器
+  clarificationMethod: [], // 澄清方式
+  annualOutput: '', // 年产量
+  stock: '', // 库存
+  bucketCount: '', // 酒桶数量
+  mainPrice: [], // 主要产品定价
+  salesMode: [], // 销售方式
+  awards: [], // 获奖信息
+  awardInformation: '', // 获奖信息
+  slogan: '葡萄酒·贺兰山' // 征集口号
+}
diff --git a/mini-app/src/vant/action-sheet/index.d.ts b/mini-app/src/vant/action-sheet/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/action-sheet/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/action-sheet/index.js b/mini-app/src/vant/action-sheet/index.js
new file mode 100644
index 000000000..f3f6d0f6d
--- /dev/null
+++ b/mini-app/src/vant/action-sheet/index.js
@@ -0,0 +1,62 @@
+import { VantComponent } from '../common/component';
+import { button } from '../mixins/button';
+import { openType } from '../mixins/open-type';
+VantComponent({
+  mixins: [button, openType],
+  props: {
+    show: Boolean,
+    title: String,
+    cancelText: String,
+    description: String,
+    round: {
+      type: Boolean,
+      value: true,
+    },
+    zIndex: {
+      type: Number,
+      value: 100,
+    },
+    actions: {
+      type: Array,
+      value: [],
+    },
+    overlay: {
+      type: Boolean,
+      value: true,
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      value: true,
+    },
+    closeOnClickAction: {
+      type: Boolean,
+      value: true,
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  methods: {
+    onSelect(event) {
+      const { index } = event.currentTarget.dataset;
+      const item = this.data.actions[index];
+      if (item && !item.disabled && !item.loading) {
+        this.$emit('select', item);
+        if (this.data.closeOnClickAction) {
+          this.onClose();
+        }
+      }
+    },
+    onCancel() {
+      this.$emit('cancel');
+    },
+    onClose() {
+      this.$emit('close');
+    },
+    onClickOverlay() {
+      this.$emit('click-overlay');
+      this.onClose();
+    },
+  },
+});
diff --git a/mini-app/src/vant/action-sheet/index.json b/mini-app/src/vant/action-sheet/index.json
new file mode 100644
index 000000000..19bf98915
--- /dev/null
+++ b/mini-app/src/vant/action-sheet/index.json
@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-popup": "../popup/index",
+    "van-loading": "../loading/index"
+  }
+}
diff --git a/mini-app/src/vant/action-sheet/index.wxml b/mini-app/src/vant/action-sheet/index.wxml
new file mode 100644
index 000000000..c2bebcacf
--- /dev/null
+++ b/mini-app/src/vant/action-sheet/index.wxml
@@ -0,0 +1,69 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<van-popup
+  show="{{ show }}"
+  position="bottom"
+  round="{{ round }}"
+  z-index="{{ zIndex }}"
+  overlay="{{ overlay }}"
+  custom-class="van-action-sheet"
+  safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
+  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  bind:close="onClickOverlay"
+>
+  <view wx:if="{{ title }}" class="van-action-sheet__header">
+    {{ title }}
+    <van-icon
+      name="cross"
+      custom-class="van-action-sheet__close"
+      bind:click="onClose"
+    />
+  </view>
+  <view wx:if="{{ description }}" class="van-action-sheet__description van-hairline--bottom">
+    {{ description }}
+  </view>
+  <view wx:if="{{ actions && actions.length }}">
+    <!-- button外包一层view，防止actions动态变化，导致渲染时button被打散 -->
+    <button
+      wx:for="{{ actions }}"
+      wx:key="index"
+      open-type="{{ item.openType }}"
+      style="{{ item.color ? 'color: ' + item.color : '' }}"
+      class="{{ utils.bem('action-sheet__item', { disabled: item.disabled || item.loading }) }} {{ item.className || '' }}"
+      hover-class="van-action-sheet__item--hover"
+      data-index="{{ index }}"
+      bind:tap="onSelect"
+      bindgetuserinfo="bindGetUserInfo"
+      bindcontact="bindContact"
+      bindgetphonenumber="bindGetPhoneNumber"
+      binderror="bindError"
+      bindlaunchapp="bindLaunchApp"
+      bindopensetting="bindOpenSetting"
+      lang="{{ lang }}"
+      session-from="{{ sessionFrom }}"
+      send-message-title="{{ sendMessageTitle }}"
+      send-message-path="{{ sendMessagePath }}"
+      send-message-img="{{ sendMessageImg }}"
+      show-message-card="{{ showMessageCard }}"
+      app-parameter="{{ appParameter }}"
+    >
+      <block wx:if="{{ !item.loading }}">
+        {{ item.name }}
+        <view wx:if="{{ item.subname }}" class="van-action-sheet__subname" >{{ item.subname }}</view>
+      </block>
+      <van-loading wx:else custom-class="van-action-sheet__loading" size="22px" />
+    </button>
+  </view>
+  <slot />
+  <block wx:if="{{ cancelText }}">
+    <view class="van-action-sheet__gap" />
+    <view
+      class="van-action-sheet__cancel"
+      hover-class="van-action-sheet__cancel--hover"
+      hover-stay-time="70"
+      bind:tap="onCancel"
+    >
+      {{ cancelText }}
+    </view>
+  </block>
+</van-popup>
diff --git a/mini-app/src/vant/action-sheet/index.wxss b/mini-app/src/vant/action-sheet/index.wxss
new file mode 100644
index 000000000..9b247d5d8
--- /dev/null
+++ b/mini-app/src/vant/action-sheet/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-action-sheet{max-height:90%!important;max-height:var(--action-sheet-max-height,90%)!important;color:#323233;color:var(--action-sheet-item-text-color,#323233)}.van-action-sheet__cancel,.van-action-sheet__item{padding:14px 16px;text-align:center;font-size:16px;font-size:var(--action-sheet-item-font-size,16px);line-height:22px;line-height:var(--action-sheet-item-line-height,22px);background-color:#fff;background-color:var(--action-sheet-item-background,#fff)}.van-action-sheet__cancel--hover,.van-action-sheet__item--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-action-sheet__cancel:after,.van-action-sheet__item:after{border-width:0}.van-action-sheet__cancel{color:#646566;color:var(--action-sheet-cancel-text-color,#646566)}.van-action-sheet__gap{display:block;height:8px;height:var(--action-sheet-cancel-padding-top,8px);background-color:#f7f8fa;background-color:var(--action-sheet-cancel-padding-color,#f7f8fa)}.van-action-sheet__item--disabled{color:#c8c9cc;color:var(--action-sheet-item-disabled-text-color,#c8c9cc)}.van-action-sheet__item--disabled.van-action-sheet__item--hover{background-color:#fff;background-color:var(--action-sheet-item-background,#fff)}.van-action-sheet__subname{margin-top:8px;margin-top:var(--padding-xs,8px);font-size:12px;font-size:var(--action-sheet-subname-font-size,12px);color:#969799;color:var(--action-sheet-subname-color,#969799);line-height:20px;line-height:var(--action-sheet-subname-line-height,20px)}.van-action-sheet__header{text-align:center;font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--action-sheet-header-font-size,16px);line-height:48px;line-height:var(--action-sheet-header-height,48px)}.van-action-sheet__description{text-align:center;padding:20px 16px;padding:20px var(--padding-md,16px);color:#969799;color:var(--action-sheet-description-color,#969799);font-size:14px;font-size:var(--action-sheet-description-font-size,14px);line-height:20px;line-height:var(--action-sheet-description-line-height,20px)}.van-action-sheet__close{position:absolute!important;top:0;right:0;line-height:inherit!important;padding:0 16px;padding:var(--action-sheet-close-icon-padding,0 16px);font-size:22px!important;font-size:var(--action-sheet-close-icon-size,22px)!important;color:#c8c9cc;color:var(--action-sheet-close-icon-color,#c8c9cc)}.van-action-sheet__loading{display:-webkit-flex!important;display:flex!important}
\ No newline at end of file
diff --git a/mini-app/src/vant/area/index.d.ts b/mini-app/src/vant/area/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/area/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/area/index.js b/mini-app/src/vant/area/index.js
new file mode 100644
index 000000000..3b3494def
--- /dev/null
+++ b/mini-app/src/vant/area/index.js
@@ -0,0 +1,232 @@
+import { VantComponent } from '../common/component';
+import { pickerProps } from '../picker/shared';
+import { requestAnimationFrame } from '../common/utils';
+const EMPTY_CODE = '000000';
+VantComponent({
+  classes: ['active-class', 'toolbar-class', 'column-class'],
+  props: Object.assign(Object.assign({}, pickerProps), {
+    value: {
+      type: String,
+      observer(value) {
+        this.code = value;
+        this.setValues();
+      },
+    },
+    areaList: {
+      type: Object,
+      value: {},
+      observer: 'setValues',
+    },
+    columnsNum: {
+      type: null,
+      value: 3,
+    },
+    columnsPlaceholder: {
+      type: Array,
+      observer(val) {
+        this.setData({
+          typeToColumnsPlaceholder: {
+            province: val[0] || '',
+            city: val[1] || '',
+            county: val[2] || '',
+          },
+        });
+      },
+    },
+  }),
+  data: {
+    columns: [{ values: [] }, { values: [] }, { values: [] }],
+    typeToColumnsPlaceholder: {},
+  },
+  mounted() {
+    requestAnimationFrame(() => {
+      this.setValues();
+    });
+  },
+  methods: {
+    getPicker() {
+      if (this.picker == null) {
+        this.picker = this.selectComponent('.van-area__picker');
+      }
+      return this.picker;
+    },
+    onCancel(event) {
+      this.emit('cancel', event.detail);
+    },
+    onConfirm(event) {
+      const { index } = event.detail;
+      let { value } = event.detail;
+      value = this.parseValues(value);
+      this.emit('confirm', { value, index });
+    },
+    emit(type, detail) {
+      detail.values = detail.value;
+      delete detail.value;
+      this.$emit(type, detail);
+    },
+    parseValues(values) {
+      const { columnsPlaceholder } = this.data;
+      return values.map((value, index) => {
+        if (
+          value &&
+          (!value.code || value.name === columnsPlaceholder[index])
+        ) {
+          return Object.assign(Object.assign({}, value), {
+            code: '',
+            name: '',
+          });
+        }
+        return value;
+      });
+    },
+    onChange(event) {
+      const { index, picker, value } = event.detail;
+      this.code = value[index].code;
+      this.setValues().then(() => {
+        this.$emit('change', {
+          picker,
+          values: this.parseValues(picker.getValues()),
+          index,
+        });
+      });
+    },
+    getConfig(type) {
+      const { areaList } = this.data;
+      return (areaList && areaList[`${type}_list`]) || {};
+    },
+    getList(type, code) {
+      if (type !== 'province' && !code) {
+        return [];
+      }
+      const { typeToColumnsPlaceholder } = this.data;
+      const list = this.getConfig(type);
+      let result = Object.keys(list).map((code) => ({
+        code,
+        name: list[code],
+      }));
+      if (code != null) {
+        // oversea code
+        if (code[0] === '9' && type === 'city') {
+          code = '9';
+        }
+        result = result.filter((item) => item.code.indexOf(code) === 0);
+      }
+      if (typeToColumnsPlaceholder[type] && result.length) {
+        // set columns placeholder
+        const codeFill =
+          type === 'province'
+            ? ''
+            : type === 'city'
+            ? EMPTY_CODE.slice(2, 4)
+            : EMPTY_CODE.slice(4, 6);
+        result.unshift({
+          code: `${code}${codeFill}`,
+          name: typeToColumnsPlaceholder[type],
+        });
+      }
+      return result;
+    },
+    getIndex(type, code) {
+      let compareNum = type === 'province' ? 2 : type === 'city' ? 4 : 6;
+      const list = this.getList(type, code.slice(0, compareNum - 2));
+      // oversea code
+      if (code[0] === '9' && type === 'province') {
+        compareNum = 1;
+      }
+      code = code.slice(0, compareNum);
+      for (let i = 0; i < list.length; i++) {
+        if (list[i].code.slice(0, compareNum) === code) {
+          return i;
+        }
+      }
+      return 0;
+    },
+    setValues() {
+      const picker = this.getPicker();
+      if (!picker) {
+        return;
+      }
+      let code = this.code || this.getDefaultCode();
+      const provinceList = this.getList('province');
+      const cityList = this.getList('city', code.slice(0, 2));
+      const stack = [];
+      const indexes = [];
+      const { columnsNum } = this.data;
+      if (columnsNum >= 1) {
+        stack.push(picker.setColumnValues(0, provinceList, false));
+        indexes.push(this.getIndex('province', code));
+      }
+      if (columnsNum >= 2) {
+        stack.push(picker.setColumnValues(1, cityList, false));
+        indexes.push(this.getIndex('city', code));
+        if (cityList.length && code.slice(2, 4) === '00') {
+          [{ code }] = cityList;
+        }
+      }
+      if (columnsNum === 3) {
+        stack.push(
+          picker.setColumnValues(
+            2,
+            this.getList('county', code.slice(0, 4)),
+            false
+          )
+        );
+        indexes.push(this.getIndex('county', code));
+      }
+      return Promise.all(stack)
+        .catch(() => {})
+        .then(() => picker.setIndexes(indexes))
+        .catch(() => {});
+    },
+    getDefaultCode() {
+      const { columnsPlaceholder } = this.data;
+      if (columnsPlaceholder.length) {
+        return EMPTY_CODE;
+      }
+      const countyCodes = Object.keys(this.getConfig('county'));
+      if (countyCodes[0]) {
+        return countyCodes[0];
+      }
+      const cityCodes = Object.keys(this.getConfig('city'));
+      if (cityCodes[0]) {
+        return cityCodes[0];
+      }
+      return '';
+    },
+    getValues() {
+      const picker = this.getPicker();
+      if (!picker) {
+        return [];
+      }
+      return this.parseValues(picker.getValues().filter((value) => !!value));
+    },
+    getDetail() {
+      const values = this.getValues();
+      const area = {
+        code: '',
+        country: '',
+        province: '',
+        city: '',
+        county: '',
+      };
+      if (!values.length) {
+        return area;
+      }
+      const names = values.map((item) => item.name);
+      area.code = values[values.length - 1].code;
+      if (area.code[0] === '9') {
+        area.country = names[1] || '';
+        area.province = names[2] || '';
+      } else {
+        area.province = names[0] || '';
+        area.city = names[1] || '';
+        area.county = names[2] || '';
+      }
+      return area;
+    },
+    reset(code) {
+      this.code = code || '';
+      return this.setValues();
+    },
+  },
+});
diff --git a/mini-app/src/vant/area/index.json b/mini-app/src/vant/area/index.json
new file mode 100644
index 000000000..a778e91cc
--- /dev/null
+++ b/mini-app/src/vant/area/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-picker": "../picker/index"
+  }
+}
diff --git a/mini-app/src/vant/area/index.wxml b/mini-app/src/vant/area/index.wxml
new file mode 100644
index 000000000..f7dc51f53
--- /dev/null
+++ b/mini-app/src/vant/area/index.wxml
@@ -0,0 +1,20 @@
+<wxs src="./index.wxs" module="computed" />
+
+<van-picker
+  class="van-area__picker"
+  active-class="active-class"
+  toolbar-class="toolbar-class"
+  column-class="column-class"
+  show-toolbar
+  value-key="name"
+  title="{{ title }}"
+  loading="{{ loading }}"
+  columns="{{ computed.displayColumns(columns, columnsNum) }}"
+  item-height="{{ itemHeight }}"
+  visible-item-count="{{ visibleItemCount }}"
+  cancel-button-text="{{ cancelButtonText }}"
+  confirm-button-text="{{ confirmButtonText }}"
+  bind:change="onChange"
+  bind:confirm="onConfirm"
+  bind:cancel="onCancel"
+/>
diff --git a/mini-app/src/vant/area/index.wxs b/mini-app/src/vant/area/index.wxs
new file mode 100644
index 000000000..07723c11a
--- /dev/null
+++ b/mini-app/src/vant/area/index.wxs
@@ -0,0 +1,8 @@
+/* eslint-disable */
+function displayColumns(columns, columnsNum) {
+  return columns.slice(0, +columnsNum);
+}
+
+module.exports = {
+  displayColumns: displayColumns,
+};
diff --git a/mini-app/src/vant/area/index.wxss b/mini-app/src/vant/area/index.wxss
new file mode 100644
index 000000000..99694d603
--- /dev/null
+++ b/mini-app/src/vant/area/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
\ No newline at end of file
diff --git a/mini-app/src/vant/button/index.d.ts b/mini-app/src/vant/button/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/button/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/button/index.js b/mini-app/src/vant/button/index.js
new file mode 100644
index 000000000..f2fe27017
--- /dev/null
+++ b/mini-app/src/vant/button/index.js
@@ -0,0 +1,58 @@
+import { VantComponent } from '../common/component';
+import { button } from '../mixins/button';
+import { openType } from '../mixins/open-type';
+import { canIUseFormFieldButton } from '../common/version';
+const mixins = [button, openType];
+if (canIUseFormFieldButton()) {
+  mixins.push('wx://form-field-button');
+}
+VantComponent({
+  mixins,
+  classes: ['hover-class', 'loading-class'],
+  data: {
+    baseStyle: '',
+  },
+  props: {
+    formType: String,
+    icon: String,
+    classPrefix: {
+      type: String,
+      value: 'van-icon',
+    },
+    plain: Boolean,
+    block: Boolean,
+    round: Boolean,
+    square: Boolean,
+    loading: Boolean,
+    hairline: Boolean,
+    disabled: Boolean,
+    loadingText: String,
+    customStyle: String,
+    loadingType: {
+      type: String,
+      value: 'circular',
+    },
+    type: {
+      type: String,
+      value: 'default',
+    },
+    dataset: null,
+    size: {
+      type: String,
+      value: 'normal',
+    },
+    loadingSize: {
+      type: String,
+      value: '20px',
+    },
+    color: String,
+  },
+  methods: {
+    onClick() {
+      if (!this.data.loading) {
+        this.$emit('click');
+      }
+    },
+    noop() {},
+  },
+});
diff --git a/mini-app/src/vant/button/index.json b/mini-app/src/vant/button/index.json
new file mode 100644
index 000000000..e00a58870
--- /dev/null
+++ b/mini-app/src/vant/button/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-loading": "../loading/index"
+  }
+}
diff --git a/mini-app/src/vant/button/index.wxml b/mini-app/src/vant/button/index.wxml
new file mode 100644
index 000000000..1d7db84c0
--- /dev/null
+++ b/mini-app/src/vant/button/index.wxml
@@ -0,0 +1,53 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<button
+  id="{{ id }}"
+  data-detail="{{ dataset }}"
+  class="custom-class {{ utils.bem('button', [type, size, { block, round, plain, square, loading, disabled, hairline, unclickable: disabled || loading }]) }} {{ hairline ? 'van-hairline--surround' : '' }}"
+  hover-class="van-button--active hover-class"
+  lang="{{ lang }}"
+  form-type="{{ formType }}"
+  style="{{ computed.rootStyle({ plain, color }) }} {{ customStyle }}"
+  open-type="{{ disabled ? '' : openType }}"
+  business-id="{{ businessId }}"
+  session-from="{{ sessionFrom }}"
+  send-message-title="{{ sendMessageTitle }}"
+  send-message-path="{{ sendMessagePath }}"
+  send-message-img="{{ sendMessageImg }}"
+  show-message-card="{{ showMessageCard }}"
+  app-parameter="{{ appParameter }}"
+  aria-label="{{ ariaLabel }}"
+  bindtap="{{ !disabled ? 'onClick' : 'noop' }}"
+  bindgetuserinfo="bindGetUserInfo"
+  bindcontact="bindContact"
+  bindgetphonenumber="bindGetPhoneNumber"
+  binderror="bindError"
+  bindlaunchapp="bindLaunchApp"
+  bindopensetting="bindOpenSetting"
+>
+  <block wx:if="{{ loading }}">
+    <van-loading
+      custom-class="loading-class"
+      size="{{ loadingSize }}"
+      type="{{ loadingType }}"
+      color="{{ computed.loadingColor({ type, color, plain }) }}"
+    />
+    <view wx:if="{{ loadingText }}" class="van-button__loading-text">
+      {{ loadingText }}
+    </view>
+  </block>
+  <block wx:else>
+    <van-icon
+      wx:if="{{ icon }}"
+      size="1.2em"
+      name="{{ icon }}"
+      class-prefix="{{ classPrefix }}"
+      class="van-button__icon"
+      custom-style="line-height: inherit;"
+    />
+    <view class="van-button__text">
+      <slot />
+    </view>
+  </block>
+</button>
diff --git a/mini-app/src/vant/button/index.wxs b/mini-app/src/vant/button/index.wxs
new file mode 100644
index 000000000..7bb506a9f
--- /dev/null
+++ b/mini-app/src/vant/button/index.wxs
@@ -0,0 +1,39 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function rootStyle(data) {
+  if (!data.color) {
+    return '';
+  }
+
+  var properties = {
+    color: data.plain ? data.color : '#fff',
+    background: data.plain ? null : data.color,
+  };
+
+  // hide border when color is linear-gradient
+  if (data.color.indexOf('gradient') !== -1) {
+    properties.border = 0;
+  } else {
+    properties['border-color'] = data.color;
+  }
+
+  return style(properties);
+}
+
+function loadingColor(data) {
+  if (data.plain) {
+    return data.color ? data.color : '#c9c9c9';
+  }
+
+  if (data.type === 'default') {
+    return '#c9c9c9';
+  }
+
+  return '#fff';
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+  loadingColor: loadingColor,
+};
diff --git a/mini-app/src/vant/button/index.wxss b/mini-app/src/vant/button/index.wxss
new file mode 100644
index 000000000..5a591fbd5
--- /dev/null
+++ b/mini-app/src/vant/button/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-button{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0;text-align:center;vertical-align:middle;-webkit-appearance:none;-webkit-text-size-adjust:100%;height:44px;height:var(--button-default-height,44px);line-height:20px;line-height:var(--button-line-height,20px);font-size:16px;font-size:var(--button-default-font-size,16px);transition:opacity .2s;transition:opacity var(--animation-duration-fast,.2s);border-radius:2px;border-radius:var(--button-border-radius,2px)}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;border:inherit;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:" ";background-color:#000;background-color:var(--black,#000);border-color:#000;border-color:var(--black,#000)}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{color:#323233;color:var(--button-default-color,#323233);background:#fff;background:var(--button-default-background-color,#fff);border:1px solid #ebedf0;border:var(--button-border-width,1px) solid var(--button-default-border-color,#ebedf0)}.van-button--primary{color:#fff;color:var(--button-primary-color,#fff);background:#07c160;background:var(--button-primary-background-color,#07c160);border:1px solid #07c160;border:var(--button-border-width,1px) solid var(--button-primary-border-color,#07c160)}.van-button--info{color:#fff;color:var(--button-info-color,#fff);background:#1989fa;background:var(--button-info-background-color,#1989fa);border:1px solid #1989fa;border:var(--button-border-width,1px) solid var(--button-info-border-color,#1989fa)}.van-button--danger{color:#fff;color:var(--button-danger-color,#fff);background:#ee0a24;background:var(--button-danger-background-color,#ee0a24);border:1px solid #ee0a24;border:var(--button-border-width,1px) solid var(--button-danger-border-color,#ee0a24)}.van-button--warning{color:#fff;color:var(--button-warning-color,#fff);background:#ff976a;background:var(--button-warning-background-color,#ff976a);border:1px solid #ff976a;border:var(--button-border-width,1px) solid var(--button-warning-border-color,#ff976a)}.van-button--plain{background:#fff;background:var(--button-plain-background-color,#fff)}.van-button--plain.van-button--primary{color:#07c160;color:var(--button-primary-background-color,#07c160)}.van-button--plain.van-button--info{color:#1989fa;color:var(--button-info-background-color,#1989fa)}.van-button--plain.van-button--danger{color:#ee0a24;color:var(--button-danger-background-color,#ee0a24)}.van-button--plain.van-button--warning{color:#ff976a;color:var(--button-warning-background-color,#ff976a)}.van-button--large{width:100%;height:50px;height:var(--button-large-height,50px)}.van-button--normal{padding:0 15px;font-size:14px;font-size:var(--button-normal-font-size,14px)}.van-button--small{min-width:60px;min-width:var(--button-small-min-width,60px);height:30px;height:var(--button-small-height,30px);padding:0 8px;padding:0 var(--padding-xs,8px);font-size:12px;font-size:var(--button-small-font-size,12px)}.van-button--mini{display:inline-block;min-width:50px;min-width:var(--button-mini-min-width,50px);height:22px;height:var(--button-mini-height,22px);font-size:10px;font-size:var(--button-mini-font-size,10px)}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:-webkit-flex;display:flex;width:100%}.van-button--round{border-radius:999px;border-radius:var(--button-round-border-radius,999px)}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5;opacity:var(--button-disabled-opacity,.5)}.van-button__text{display:inline}.van-button__icon+.van-button__text:not(:empty),.van-button__loading-text{margin-left:4px}.van-button__icon{min-width:1em;line-height:inherit!important;vertical-align:top}.van-button--hairline{padding-top:1px;border-width:0}.van-button--hairline:after{border-color:inherit;border-width:1px;border-radius:4px;border-radius:calc(var(--button-border-radius, 2px)*2)}.van-button--hairline.van-button--round:after{border-radius:999px;border-radius:var(--button-round-border-radius,999px)}.van-button--hairline.van-button--square:after{border-radius:0}
\ No newline at end of file
diff --git a/mini-app/src/vant/calendar/calendar.wxml b/mini-app/src/vant/calendar/calendar.wxml
new file mode 100644
index 000000000..09a60b3e9
--- /dev/null
+++ b/mini-app/src/vant/calendar/calendar.wxml
@@ -0,0 +1,57 @@
+<wxs src="./index.wxs" module="computed"></wxs>
+
+<template name="calendar">
+  <view class="van-calendar">
+    <header
+      title="{{ title }}"
+      showTitle="{{ showTitle }}"
+      subtitle="{{ subtitle }}"
+      showSubtitle="{{ showSubtitle }}"
+    >
+      <slot name="title" slot="title"></slot>
+    </header>
+
+    <scroll-view class="van-calendar__body" scroll-y scroll-into-view="{{ scrollIntoView }}">
+      <month
+        wx:for="{{ computed.getMonths(minDate, maxDate) }}"
+        wx:key="index"
+        id="month{{ index }}"
+        class="month"
+        data-date="{{ item }}"
+        date="{{ item }}"
+        type="{{ type }}"
+        color="{{ color }}"
+        minDate="{{ minDate }}"
+        maxDate="{{ maxDate }}"
+        showMark="{{ showMark }}"
+        formatter="{{ formatter }}"
+        rowHeight="{{ rowHeight }}"
+        currentDate="{{ currentDate }}"
+        showSubtitle="{{ showSubtitle }}"
+        allowSameDay="{{ allowSameDay }}"
+        showMonthTitle="{{ index !== 0 || !showSubtitle }}"
+        bind:click="onClickDay"
+      />
+    </scroll-view>
+
+    <view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
+      <slot name="footer"></slot>
+    </view>
+
+    <view class="van-calendar__footer {{ safeAreaInsetBottom ? 'van-calendar__footer--safe-area-inset-bottom' : '' }}">
+      <van-button
+        wx:if="{{ showConfirm }}"
+        round
+        block
+        type="danger"
+        color="{{ color }}"
+        custom-class="van-calendar__confirm"
+        disabled="{{ computed.getButtonDisabled(type, currentDate) }}"
+        nativeType="text"
+        bind:click="onConfirm"
+      >
+        {{ computed.getButtonDisabled(type, currentDate) ? confirmDisabledText : confirmText }}
+      </van-button>
+    </view>
+  </view>
+</template>
diff --git a/mini-app/src/vant/calendar/components/header/index.d.ts b/mini-app/src/vant/calendar/components/header/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/header/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/calendar/components/header/index.js b/mini-app/src/vant/calendar/components/header/index.js
new file mode 100644
index 000000000..bf9243f72
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/header/index.js
@@ -0,0 +1,16 @@
+import { VantComponent } from '../../../common/component';
+VantComponent({
+  props: {
+    title: {
+      type: String,
+      value: '日期选择',
+    },
+    subtitle: String,
+    showTitle: Boolean,
+    showSubtitle: Boolean,
+  },
+  data: {
+    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
+  },
+  methods: {},
+});
diff --git a/mini-app/src/vant/calendar/components/header/index.json b/mini-app/src/vant/calendar/components/header/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/header/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/calendar/components/header/index.wxml b/mini-app/src/vant/calendar/components/header/index.wxml
new file mode 100644
index 000000000..eb8e4b47a
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/header/index.wxml
@@ -0,0 +1,16 @@
+<view class="van-calendar__header">
+  <block wx:if="{{ showTitle }}">
+    <view class="van-calendar__header-title"><slot name="title"></slot></view>
+    <view class="van-calendar__header-title">{{ title }}</view>
+  </block>
+
+  <view wx:if="{{ showSubtitle }}" class="van-calendar__header-subtitle">
+    {{ subtitle }}
+  </view>
+
+  <view class="van-calendar__weekdays">
+    <view wx:for="{{ weekdays }}" wx:key="index" class="van-calendar__weekday">
+      {{ item }}
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/calendar/components/header/index.wxss b/mini-app/src/vant/calendar/components/header/index.wxss
new file mode 100644
index 000000000..4075e48f1
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/header/index.wxss
@@ -0,0 +1 @@
+@import '../../../common/index.wxss';.van-calendar__header{-webkit-flex-shrink:0;flex-shrink:0;box-shadow:0 2px 10px rgba(125,126,128,.16);box-shadow:var(--calendar-header-box-shadow,0 2px 10px rgba(125,126,128,.16))}.van-calendar__header-subtitle,.van-calendar__header-title{text-align:center;height:44px;height:var(--calendar-header-title-height,44px);font-weight:500;font-weight:var(--font-weight-bold,500);line-height:44px;line-height:var(--calendar-header-title-height,44px)}.van-calendar__header-title+.van-calendar__header-title,.van-calendar__header-title:empty{display:none}.van-calendar__header-title:empty+.van-calendar__header-title{display:block!important}.van-calendar__weekdays{display:-webkit-flex;display:flex}.van-calendar__weekday{-webkit-flex:1;flex:1;text-align:center;font-size:12px;font-size:var(--calendar-weekdays-font-size,12px);line-height:30px;line-height:var(--calendar-weekdays-height,30px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/calendar/components/month/index.d.ts b/mini-app/src/vant/calendar/components/month/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/month/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/calendar/components/month/index.js b/mini-app/src/vant/calendar/components/month/index.js
new file mode 100644
index 000000000..90f5957cb
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/month/index.js
@@ -0,0 +1,157 @@
+import { VantComponent } from '../../../common/component';
+import {
+  getMonthEndDay,
+  compareDay,
+  getPrevDay,
+  getNextDay,
+} from '../../utils';
+VantComponent({
+  props: {
+    date: {
+      type: null,
+      observer: 'setDays',
+    },
+    type: {
+      type: String,
+      observer: 'setDays',
+    },
+    color: String,
+    minDate: {
+      type: null,
+      observer: 'setDays',
+    },
+    maxDate: {
+      type: null,
+      observer: 'setDays',
+    },
+    showMark: Boolean,
+    rowHeight: [Number, String],
+    formatter: {
+      type: null,
+      observer: 'setDays',
+    },
+    currentDate: {
+      type: [null, Array],
+      observer: 'setDays',
+    },
+    allowSameDay: Boolean,
+    showSubtitle: Boolean,
+    showMonthTitle: Boolean,
+  },
+  data: {
+    visible: true,
+    days: [],
+  },
+  methods: {
+    onClick(event) {
+      const { index } = event.currentTarget.dataset;
+      const item = this.data.days[index];
+      if (item.type !== 'disabled') {
+        this.$emit('click', item);
+      }
+    },
+    setDays() {
+      const days = [];
+      const startDate = new Date(this.data.date);
+      const year = startDate.getFullYear();
+      const month = startDate.getMonth();
+      const totalDay = getMonthEndDay(
+        startDate.getFullYear(),
+        startDate.getMonth() + 1
+      );
+      for (let day = 1; day <= totalDay; day++) {
+        const date = new Date(year, month, day);
+        const type = this.getDayType(date);
+        let config = {
+          date,
+          type,
+          text: day,
+          bottomInfo: this.getBottomInfo(type),
+        };
+        if (this.data.formatter) {
+          config = this.data.formatter(config);
+        }
+        days.push(config);
+      }
+      this.setData({ days });
+    },
+    getMultipleDayType(day) {
+      const { currentDate } = this.data;
+      if (!Array.isArray(currentDate)) {
+        return '';
+      }
+      const isSelected = (date) =>
+        currentDate.some((item) => compareDay(item, date) === 0);
+      if (isSelected(day)) {
+        const prevDay = getPrevDay(day);
+        const nextDay = getNextDay(day);
+        const prevSelected = isSelected(prevDay);
+        const nextSelected = isSelected(nextDay);
+        if (prevSelected && nextSelected) {
+          return 'multiple-middle';
+        }
+        if (prevSelected) {
+          return 'end';
+        }
+        return nextSelected ? 'start' : 'multiple-selected';
+      }
+      return '';
+    },
+    getRangeDayType(day) {
+      const { currentDate, allowSameDay } = this.data;
+      if (!Array.isArray(currentDate)) {
+        return;
+      }
+      const [startDay, endDay] = currentDate;
+      if (!startDay) {
+        return;
+      }
+      const compareToStart = compareDay(day, startDay);
+      if (!endDay) {
+        return compareToStart === 0 ? 'start' : '';
+      }
+      const compareToEnd = compareDay(day, endDay);
+      if (compareToStart === 0 && compareToEnd === 0 && allowSameDay) {
+        return 'start-end';
+      }
+      if (compareToStart === 0) {
+        return 'start';
+      }
+      if (compareToEnd === 0) {
+        return 'end';
+      }
+      if (compareToStart > 0 && compareToEnd < 0) {
+        return 'middle';
+      }
+    },
+    getDayType(day) {
+      const { type, minDate, maxDate, currentDate } = this.data;
+      if (compareDay(day, minDate) < 0 || compareDay(day, maxDate) > 0) {
+        return 'disabled';
+      }
+      if (type === 'single') {
+        return compareDay(day, currentDate) === 0 ? 'selected' : '';
+      }
+      if (type === 'multiple') {
+        return this.getMultipleDayType(day);
+      }
+      /* istanbul ignore else */
+      if (type === 'range') {
+        return this.getRangeDayType(day);
+      }
+    },
+    getBottomInfo(type) {
+      if (this.data.type === 'range') {
+        if (type === 'start') {
+          return '开始';
+        }
+        if (type === 'end') {
+          return '结束';
+        }
+        if (type === 'start-end') {
+          return '开始/结束';
+        }
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/calendar/components/month/index.json b/mini-app/src/vant/calendar/components/month/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/month/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/calendar/components/month/index.wxml b/mini-app/src/vant/calendar/components/month/index.wxml
new file mode 100644
index 000000000..55bab83f7
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/month/index.wxml
@@ -0,0 +1,39 @@
+<wxs src="./index.wxs" module="computed"></wxs>
+<wxs src="../../../wxs/utils.wxs" module="utils" />
+
+<view class="van-calendar__month" style="{{ computed.getMonthStyle(visible, date, rowHeight) }}">
+  <view wx:if="{{ showMonthTitle }}" class="van-calendar__month-title">
+    {{ computed.formatMonthTitle(date) }}
+  </view>
+
+  <view wx:if="{{ visible }}" class="van-calendar__days">
+    <view wx:if="{{ showMark }}" class="van-calendar__month-mark">
+      {{ computed.getMark(date) }}
+    </view>
+
+    <view
+      wx:for="{{ days }}"
+      wx:key="index"
+      style="{{ computed.getDayStyle(item.type, index, date, rowHeight, color) }}"
+      class="{{ utils.bem('calendar__day', [item.type]) }} {{ item.className }}"
+      data-index="{{ index }}"
+      bindtap="onClick"
+    >
+      <view wx:if="{{ item.type === 'selected' }}" class="van-calendar__selected-day" style="background: {{ color }}">
+        <view wx:if="{{ item.topInfo }}" class="van-calendar__top-info">{{ item.topInfo }}</view>
+        {{ item.text }}
+        <view wx:if="{{ item.bottomInfo }}" class="van-calendar__bottom-info">
+          {{ item.bottomInfo }}
+        </view>
+      </view>
+
+      <view wx:else>
+        <view wx:if="{{ item.topInfo }}" class="van-calendar__top-info">{{ item.topInfo }}</view>
+        {{ item.text }}
+        <view wx:if="{{ item.bottomInfo }}" class="van-calendar__bottom-info">
+          {{ item.bottomInfo }}
+        </view>
+      </view>
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/calendar/components/month/index.wxs b/mini-app/src/vant/calendar/components/month/index.wxs
new file mode 100644
index 000000000..a05707989
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/month/index.wxs
@@ -0,0 +1,67 @@
+/* eslint-disable */
+var utils = require('../../utils.wxs');
+
+function getMark(date) {
+  return getDate(date).getMonth() + 1;
+}
+
+var ROW_HEIGHT = 64;
+
+function getDayStyle(type, index, date, rowHeight, color) {
+  var style = [];
+  var offset = getDate(date).getDay();
+
+  if (index === 0) {
+    style.push(['margin-left', (100 * offset) / 7 + '%']);
+  }
+
+  if (rowHeight !== ROW_HEIGHT) {
+    style.push(['height', rowHeight + 'px']);
+  }
+
+  if (color) {
+    if (
+      type === 'start' ||
+      type === 'end' ||
+      type === 'multiple-selected' ||
+      type === 'multiple-middle'
+    ) {
+      style.push(['background', color]);
+    } else if (type === 'middle') {
+      style.push(['color', color]);
+    }
+  }
+
+  return style
+    .map(function(item) {
+      return item.join(':');
+    })
+    .join(';');
+}
+
+function formatMonthTitle(date) {
+  date = getDate(date);
+  return date.getFullYear() + '年' + (date.getMonth() + 1) + '月';
+}
+
+function getMonthStyle(visible, date, rowHeight) {
+  if (!visible) {
+    date = getDate(date);
+
+    var totalDay = utils.getMonthEndDay(
+      date.getFullYear(),
+      date.getMonth() + 1
+    );
+    var offset = getDate(date).getDay();
+    var padding = Math.ceil((totalDay + offset) / 7) * rowHeight;
+
+    return 'padding-bottom:' + padding + 'px';
+  }
+}
+
+module.exports = {
+  getMark: getMark,
+  getDayStyle: getDayStyle,
+  formatMonthTitle: formatMonthTitle,
+  getMonthStyle: getMonthStyle
+};
diff --git a/mini-app/src/vant/calendar/components/month/index.wxss b/mini-app/src/vant/calendar/components/month/index.wxss
new file mode 100644
index 000000000..17c12f4e6
--- /dev/null
+++ b/mini-app/src/vant/calendar/components/month/index.wxss
@@ -0,0 +1 @@
+@import '../../../common/index.wxss';.van-calendar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff;background-color:var(--calendar-background-color,#fff)}.van-calendar__month-title{text-align:center;height:44px;height:var(--calendar-header-title-height,44px);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:14px;font-size:var(--calendar-month-title-font-size,14px);line-height:44px;line-height:var(--calendar-header-title-height,44px)}.van-calendar__days{position:relative;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);pointer-events:none;color:rgba(242,243,245,.8);color:var(--calendar-month-mark-color,rgba(242,243,245,.8));font-size:160px;font-size:var(--calendar-month-mark-font-size,160px)}.van-calendar__day,.van-calendar__selected-day{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:64px;height:var(--calendar-day-height,64px);font-size:16px;font-size:var(--calendar-day-font-size,16px)}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:#fff;color:var(--calendar-range-edge-color,#fff);background-color:#ee0a24;background-color:var(--calendar-range-edge-background-color,#ee0a24)}.van-calendar__day--start{border-radius:4px 0 0 4px;border-radius:var(--border-radius-md,4px) 0 0 var(--border-radius-md,4px)}.van-calendar__day--end{border-radius:0 4px 4px 0;border-radius:0 var(--border-radius-md,4px) var(--border-radius-md,4px) 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:4px;border-radius:var(--border-radius-md,4px)}.van-calendar__day--middle{color:#ee0a24;color:var(--calendar-range-middle-color,#ee0a24)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;content:"";opacity:.1;opacity:var(--calendar-range-middle-background-opacity,.1)}.van-calendar__day--disabled{cursor:default;color:#c8c9cc;color:var(--calendar-day-disabled-color,#c8c9cc)}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:10px;font-size:var(--calendar-info-font-size,10px);line-height:14px;line-height:var(--calendar-info-line-height,14px)}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:54px;width:var(--calendar-selected-day-size,54px);height:54px;height:var(--calendar-selected-day-size,54px);color:#fff;color:var(--calendar-selected-day-color,#fff);background-color:#ee0a24;background-color:var(--calendar-selected-day-background-color,#ee0a24);border-radius:4px;border-radius:var(--border-radius-md,4px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/calendar/index.d.ts b/mini-app/src/vant/calendar/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/calendar/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/calendar/index.js b/mini-app/src/vant/calendar/index.js
new file mode 100644
index 000000000..aed6ef837
--- /dev/null
+++ b/mini-app/src/vant/calendar/index.js
@@ -0,0 +1,297 @@
+import { VantComponent } from '../common/component';
+import {
+  ROW_HEIGHT,
+  getNextDay,
+  compareDay,
+  copyDates,
+  calcDateNum,
+  formatMonthTitle,
+  compareMonth,
+  getMonths,
+  getDayByOffset,
+} from './utils';
+import Toast from '../toast/toast';
+import { requestAnimationFrame } from '../common/utils';
+VantComponent({
+  props: {
+    title: {
+      type: String,
+      value: '日期选择',
+    },
+    color: String,
+    show: {
+      type: Boolean,
+      observer(val) {
+        if (val) {
+          this.initRect();
+          this.scrollIntoView();
+        }
+      },
+    },
+    formatter: null,
+    confirmText: {
+      type: String,
+      value: '确定',
+    },
+    rangePrompt: String,
+    defaultDate: {
+      type: [Number, Array],
+      observer(val) {
+        this.setData({ currentDate: val });
+        this.scrollIntoView();
+      },
+    },
+    allowSameDay: Boolean,
+    confirmDisabledText: String,
+    type: {
+      type: String,
+      value: 'single',
+      observer: 'reset',
+    },
+    minDate: {
+      type: null,
+      value: Date.now(),
+    },
+    maxDate: {
+      type: null,
+      value: new Date(
+        new Date().getFullYear(),
+        new Date().getMonth() + 6,
+        new Date().getDate()
+      ).getTime(),
+    },
+    position: {
+      type: String,
+      value: 'bottom',
+    },
+    rowHeight: {
+      type: [Number, String],
+      value: ROW_HEIGHT,
+    },
+    round: {
+      type: Boolean,
+      value: true,
+    },
+    poppable: {
+      type: Boolean,
+      value: true,
+    },
+    showMark: {
+      type: Boolean,
+      value: true,
+    },
+    showTitle: {
+      type: Boolean,
+      value: true,
+    },
+    showConfirm: {
+      type: Boolean,
+      value: true,
+    },
+    showSubtitle: {
+      type: Boolean,
+      value: true,
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true,
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      value: true,
+    },
+    maxRange: {
+      type: [Number, String],
+      value: null,
+    },
+  },
+  data: {
+    subtitle: '',
+    currentDate: null,
+    scrollIntoView: '',
+  },
+  created() {
+    this.setData({
+      currentDate: this.getInitialDate(),
+    });
+  },
+  mounted() {
+    if (this.data.show || !this.data.poppable) {
+      this.initRect();
+      this.scrollIntoView();
+    }
+  },
+  methods: {
+    reset() {
+      this.setData({ currentDate: this.getInitialDate() });
+      this.scrollIntoView();
+    },
+    initRect() {
+      if (this.contentObserver != null) {
+        this.contentObserver.disconnect();
+      }
+      const contentObserver = this.createIntersectionObserver({
+        thresholds: [0, 0.1, 0.9, 1],
+        observeAll: true,
+      });
+      this.contentObserver = contentObserver;
+      contentObserver.relativeTo('.van-calendar__body');
+      contentObserver.observe('.month', (res) => {
+        if (res.boundingClientRect.top <= res.relativeRect.top) {
+          // @ts-ignore
+          this.setData({ subtitle: formatMonthTitle(res.dataset.date) });
+        }
+      });
+    },
+    getInitialDate() {
+      const { type, defaultDate, minDate } = this.data;
+      if (type === 'range') {
+        const [startDay, endDay] = defaultDate || [];
+        return [
+          startDay || minDate,
+          endDay || getNextDay(new Date(minDate)).getTime(),
+        ];
+      }
+      if (type === 'multiple') {
+        return defaultDate || [minDate];
+      }
+      return defaultDate || minDate;
+    },
+    scrollIntoView() {
+      requestAnimationFrame(() => {
+        const {
+          currentDate,
+          type,
+          show,
+          poppable,
+          minDate,
+          maxDate,
+        } = this.data;
+        // @ts-ignore
+        const targetDate = type === 'single' ? currentDate : currentDate[0];
+        const displayed = show || !poppable;
+        if (!targetDate || !displayed) {
+          return;
+        }
+        const months = getMonths(minDate, maxDate);
+        months.some((month, index) => {
+          if (compareMonth(month, targetDate) === 0) {
+            this.setData({ scrollIntoView: `month${index}` });
+            return true;
+          }
+          return false;
+        });
+      });
+    },
+    onOpen() {
+      this.$emit('open');
+    },
+    onOpened() {
+      this.$emit('opened');
+    },
+    onClose() {
+      this.$emit('close');
+    },
+    onClosed() {
+      this.$emit('closed');
+    },
+    onClickDay(event) {
+      const { date } = event.detail;
+      const { type, currentDate, allowSameDay } = this.data;
+      if (type === 'range') {
+        // @ts-ignore
+        const [startDay, endDay] = currentDate;
+        if (startDay && !endDay) {
+          const compareToStart = compareDay(date, startDay);
+          if (compareToStart === 1) {
+            this.select([startDay, date], true);
+          } else if (compareToStart === -1) {
+            this.select([date, null]);
+          } else if (allowSameDay) {
+            this.select([date, date]);
+          }
+        } else {
+          this.select([date, null]);
+        }
+      } else if (type === 'multiple') {
+        let selectedIndex;
+        // @ts-ignore
+        const selected = currentDate.some((dateItem, index) => {
+          const equal = compareDay(dateItem, date) === 0;
+          if (equal) {
+            selectedIndex = index;
+          }
+          return equal;
+        });
+        if (selected) {
+          // @ts-ignore
+          const cancelDate = currentDate.splice(selectedIndex, 1);
+          this.setData({ currentDate });
+          this.unselect(cancelDate);
+        } else {
+          // @ts-ignore
+          this.select([...currentDate, date]);
+        }
+      } else {
+        this.select(date, true);
+      }
+    },
+    unselect(dateArray) {
+      const date = dateArray[0];
+      if (date) {
+        this.$emit('unselect', copyDates(date));
+      }
+    },
+    select(date, complete) {
+      if (complete && this.data.type === 'range') {
+        const valid = this.checkRange(date);
+        if (!valid) {
+          // auto selected to max range if showConfirm
+          if (this.data.showConfirm) {
+            this.emit([
+              date[0],
+              getDayByOffset(date[0], this.data.maxRange - 1),
+            ]);
+          } else {
+            this.emit(date);
+          }
+          return;
+        }
+      }
+      this.emit(date);
+      if (complete && !this.data.showConfirm) {
+        this.onConfirm();
+      }
+    },
+    emit(date) {
+      const getTime = (date) => (date instanceof Date ? date.getTime() : date);
+      this.setData({
+        currentDate: Array.isArray(date) ? date.map(getTime) : getTime(date),
+      });
+      this.$emit('select', copyDates(date));
+    },
+    checkRange(date) {
+      const { maxRange, rangePrompt } = this.data;
+      if (maxRange && calcDateNum(date) > maxRange) {
+        Toast({
+          context: this,
+          message: rangePrompt || `选择天数不能超过 ${maxRange} 天`,
+        });
+        return false;
+      }
+      return true;
+    },
+    onConfirm() {
+      if (
+        this.data.type === 'range' &&
+        !this.checkRange(this.data.currentDate)
+      ) {
+        return;
+      }
+      wx.nextTick(() => {
+        // @ts-ignore
+        this.$emit('confirm', copyDates(this.data.currentDate));
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/calendar/index.json b/mini-app/src/vant/calendar/index.json
new file mode 100644
index 000000000..397d5aea1
--- /dev/null
+++ b/mini-app/src/vant/calendar/index.json
@@ -0,0 +1,10 @@
+{
+  "component": true,
+  "usingComponents": {
+    "header": "./components/header/index",
+    "month": "./components/month/index",
+    "van-button": "../button/index",
+    "van-popup": "../popup/index",
+    "van-toast": "../toast/index"
+  }
+}
diff --git a/mini-app/src/vant/calendar/index.wxml b/mini-app/src/vant/calendar/index.wxml
new file mode 100644
index 000000000..d4849cc7f
--- /dev/null
+++ b/mini-app/src/vant/calendar/index.wxml
@@ -0,0 +1,31 @@
+<wxs src="./index.wxs" module="computed" />
+
+<import src="./calendar.wxml" />
+
+<van-popup
+  wx:if="{{ poppable }}"
+  custom-class="van-calendar__popup--{{ position }}"
+  close-icon-class="van-calendar__close-icon"
+  show="{{ show }}"
+  round="{{ round }}"
+  position="{{ position }}"
+  closeable="{{ showTitle || showSubtitle }}"
+  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  bind:enter="onOpen"
+  bind:close="onClose"
+  bind:after-enter="onOpened"
+  bind:after-leave="onClosed"
+>
+  <template
+    is="calendar"
+    data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
+  />
+</van-popup>
+
+<template
+  wx:else
+  is="calendar"
+  data="{{ title, subtitle, showTitle, showSubtitle, minDate, maxDate, type, color, showMark, formatter, rowHeight, currentDate, safeAreaInsetBottom, showConfirm, confirmDisabledText, confirmText, scrollIntoView, allowSameDay }}"
+/>
+
+<van-toast id="van-toast" />
diff --git a/mini-app/src/vant/calendar/index.wxs b/mini-app/src/vant/calendar/index.wxs
new file mode 100644
index 000000000..2c04be10f
--- /dev/null
+++ b/mini-app/src/vant/calendar/index.wxs
@@ -0,0 +1,37 @@
+/* eslint-disable */
+var utils = require('./utils.wxs');
+
+function getMonths(minDate, maxDate) {
+  var months = [];
+  var cursor = getDate(minDate);
+
+  cursor.setDate(1);
+
+  do {
+    months.push(cursor.getTime());
+    cursor.setMonth(cursor.getMonth() + 1);
+  } while (utils.compareMonth(cursor, getDate(maxDate)) !== 1);
+
+  return months;
+}
+
+function getButtonDisabled(type, currentDate) {
+  if (currentDate == null) {
+    return true;
+  }
+
+  if (type === 'range') {
+    return !currentDate[0] || !currentDate[1];
+  }
+
+  if (type === 'multiple') {
+    return !currentDate.length;
+  }
+
+  return !currentDate;
+}
+
+module.exports = {
+  getMonths: getMonths,
+  getButtonDisabled: getButtonDisabled
+};
diff --git a/mini-app/src/vant/calendar/index.wxss b/mini-app/src/vant/calendar/index.wxss
new file mode 100644
index 000000000..9d78e0f4b
--- /dev/null
+++ b/mini-app/src/vant/calendar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-calendar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;height:var(--calendar-height,100%);background-color:#fff;background-color:var(--calendar-background-color,#fff)}.van-calendar__close-icon{top:11px}.van-calendar__popup--bottom,.van-calendar__popup--top{height:80%;height:var(--calendar-popup-height,80%)}.van-calendar__popup--left,.van-calendar__popup--right{height:100%}.van-calendar__body{-webkit-flex:1;flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__footer{-webkit-flex-shrink:0;flex-shrink:0;padding:0 16px;padding:0 var(--padding-md,16px)}.van-calendar__footer--safe-area-inset-bottom{padding-bottom:env(safe-area-inset-bottom)}.van-calendar__footer+.van-calendar__footer,.van-calendar__footer:empty{display:none}.van-calendar__footer:empty+.van-calendar__footer{display:block!important}.van-calendar__confirm{height:36px!important;height:var(--calendar-confirm-button-height,36px)!important;margin:7px 0!important;margin:var(--calendar-confirm-button-margin,7px 0)!important;line-height:34px!important;line-height:var(--calendar-confirm-button-line-height,34px)!important}
\ No newline at end of file
diff --git a/mini-app/src/vant/calendar/utils.d.ts b/mini-app/src/vant/calendar/utils.d.ts
new file mode 100644
index 000000000..02af08dfd
--- /dev/null
+++ b/mini-app/src/vant/calendar/utils.d.ts
@@ -0,0 +1,17 @@
+export declare const ROW_HEIGHT = 64;
+export declare function formatMonthTitle(date: Date): string;
+export declare function compareMonth(
+  date1: Date | number,
+  date2: Date | number
+): 0 | 1 | -1;
+export declare function compareDay(
+  day1: Date | number,
+  day2: Date | number
+): 0 | 1 | -1;
+export declare function getDayByOffset(date: Date, offset: number): Date;
+export declare function getPrevDay(date: Date): Date;
+export declare function getNextDay(date: Date): Date;
+export declare function calcDateNum(date: [Date, Date]): number;
+export declare function copyDates(dates: Date | Date[]): Date | Date[];
+export declare function getMonthEndDay(year: number, month: number): number;
+export declare function getMonths(minDate: number, maxDate: number): number[];
diff --git a/mini-app/src/vant/calendar/utils.js b/mini-app/src/vant/calendar/utils.js
new file mode 100644
index 000000000..281a35c9b
--- /dev/null
+++ b/mini-app/src/vant/calendar/utils.js
@@ -0,0 +1,78 @@
+export const ROW_HEIGHT = 64;
+export function formatMonthTitle(date) {
+  if (!(date instanceof Date)) {
+    date = new Date(date);
+  }
+  return `${date.getFullYear()}年${date.getMonth() + 1}月`;
+}
+export function compareMonth(date1, date2) {
+  if (!(date1 instanceof Date)) {
+    date1 = new Date(date1);
+  }
+  if (!(date2 instanceof Date)) {
+    date2 = new Date(date2);
+  }
+  const year1 = date1.getFullYear();
+  const year2 = date2.getFullYear();
+  const month1 = date1.getMonth();
+  const month2 = date2.getMonth();
+  if (year1 === year2) {
+    return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
+  }
+  return year1 > year2 ? 1 : -1;
+}
+export function compareDay(day1, day2) {
+  if (!(day1 instanceof Date)) {
+    day1 = new Date(day1);
+  }
+  if (!(day2 instanceof Date)) {
+    day2 = new Date(day2);
+  }
+  const compareMonthResult = compareMonth(day1, day2);
+  if (compareMonthResult === 0) {
+    const date1 = day1.getDate();
+    const date2 = day2.getDate();
+    return date1 === date2 ? 0 : date1 > date2 ? 1 : -1;
+  }
+  return compareMonthResult;
+}
+export function getDayByOffset(date, offset) {
+  date = new Date(date);
+  date.setDate(date.getDate() + offset);
+  return date;
+}
+export function getPrevDay(date) {
+  return getDayByOffset(date, -1);
+}
+export function getNextDay(date) {
+  return getDayByOffset(date, 1);
+}
+export function calcDateNum(date) {
+  const day1 = new Date(date[0]).getTime();
+  const day2 = new Date(date[1]).getTime();
+  return (day2 - day1) / (1000 * 60 * 60 * 24) + 1;
+}
+export function copyDates(dates) {
+  if (Array.isArray(dates)) {
+    return dates.map((date) => {
+      if (date === null) {
+        return date;
+      }
+      return new Date(date);
+    });
+  }
+  return new Date(dates);
+}
+export function getMonthEndDay(year, month) {
+  return 32 - new Date(year, month - 1, 32).getDate();
+}
+export function getMonths(minDate, maxDate) {
+  const months = [];
+  const cursor = new Date(minDate);
+  cursor.setDate(1);
+  do {
+    months.push(cursor.getTime());
+    cursor.setMonth(cursor.getMonth() + 1);
+  } while (compareMonth(cursor, maxDate) !== 1);
+  return months;
+}
diff --git a/mini-app/src/vant/calendar/utils.wxs b/mini-app/src/vant/calendar/utils.wxs
new file mode 100644
index 000000000..e57f6b32b
--- /dev/null
+++ b/mini-app/src/vant/calendar/utils.wxs
@@ -0,0 +1,25 @@
+/* eslint-disable */
+function getMonthEndDay(year, month) {
+  return 32 -  getDate(year, month - 1, 32).getDate();
+}
+
+function compareMonth(date1, date2) {
+  date1 = getDate(date1);
+  date2 = getDate(date2);
+
+  var year1 = date1.getFullYear();
+  var year2 = date2.getFullYear();
+  var month1 = date1.getMonth();
+  var month2 = date2.getMonth();
+
+  if (year1 === year2) {
+    return month1 === month2 ? 0 : month1 > month2 ? 1 : -1;
+  }
+
+  return year1 > year2 ? 1 : -1;
+}
+
+module.exports = {
+  getMonthEndDay: getMonthEndDay,
+  compareMonth: compareMonth
+};
diff --git a/mini-app/src/vant/card/index.d.ts b/mini-app/src/vant/card/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/card/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/card/index.js b/mini-app/src/vant/card/index.js
new file mode 100644
index 000000000..6aaf99f25
--- /dev/null
+++ b/mini-app/src/vant/card/index.js
@@ -0,0 +1,49 @@
+import { link } from '../mixins/link';
+import { VantComponent } from '../common/component';
+VantComponent({
+  classes: [
+    'num-class',
+    'desc-class',
+    'thumb-class',
+    'title-class',
+    'price-class',
+    'origin-price-class',
+  ],
+  mixins: [link],
+  props: {
+    tag: String,
+    num: String,
+    desc: String,
+    thumb: String,
+    title: String,
+    price: {
+      type: String,
+      observer: 'updatePrice',
+    },
+    centered: Boolean,
+    lazyLoad: Boolean,
+    thumbLink: String,
+    originPrice: String,
+    thumbMode: {
+      type: String,
+      value: 'aspectFit',
+    },
+    currency: {
+      type: String,
+      value: '¥',
+    },
+  },
+  methods: {
+    updatePrice() {
+      const { price } = this.data;
+      const priceArr = price.toString().split('.');
+      this.setData({
+        integerStr: priceArr[0],
+        decimalStr: priceArr[1] ? `.${priceArr[1]}` : '',
+      });
+    },
+    onClickThumb() {
+      this.jumpLink('thumbLink');
+    },
+  },
+});
diff --git a/mini-app/src/vant/card/index.json b/mini-app/src/vant/card/index.json
new file mode 100644
index 000000000..e91740769
--- /dev/null
+++ b/mini-app/src/vant/card/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-tag": "../tag/index"
+  }
+}
diff --git a/mini-app/src/vant/card/index.wxml b/mini-app/src/vant/card/index.wxml
new file mode 100644
index 000000000..62173e4a0
--- /dev/null
+++ b/mini-app/src/vant/card/index.wxml
@@ -0,0 +1,56 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="custom-class van-card">
+  <view class="{{ utils.bem('card__header', { center: centered }) }}">
+    <view class="van-card__thumb" bind:tap="onClickThumb">
+      <image
+        wx:if="{{ thumb }}"
+        src="{{ thumb }}"
+        mode="{{ thumbMode }}"
+        lazy-load="{{ lazyLoad }}"
+        class="van-card__img thumb-class"
+      />
+      <slot wx:else name="thumb" />
+      <van-tag
+        wx:if="{{ tag }}"
+        mark
+        type="danger"
+        custom-class="van-card__tag"
+      >
+        {{ tag }}
+      </van-tag>
+      <slot wx:else name="tag" />
+    </view>
+
+    <view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
+      <view>
+        <view wx:if="{{ title }}" class="van-card__title title-class">{{ title }}</view>
+        <slot wx:else name="title" />
+
+        <view wx:if="{{ desc }}" class="van-card__desc desc-class">{{ desc }}</view>
+        <slot wx:else name="desc" />
+
+        <slot name="tags" />
+      </view>
+
+      <view class="van-card__bottom">
+        <slot name="price-top" />
+        <view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">
+          <text>{{ currency }}</text>
+          <text class="van-card__price-integer">{{ integerStr }}</text>
+          <text class="van-card__price-decimal">{{ decimalStr }}</text>
+        </view>
+        <slot wx:else name="price" />
+        <view wx:if="{{ originPrice || originPrice === 0 }}" class="van-card__origin-price origin-price-class">{{ currency }} {{ originPrice }}</view>
+        <slot wx:else name="origin-price" />
+        <view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
+        <slot wx:else  name="num" />
+        <slot name="bottom" />
+      </view>
+    </view>
+  </view>
+
+  <view class="van-card__footer">
+    <slot name="footer" />
+  </view>
+</view>
diff --git a/mini-app/src/vant/card/index.wxss b/mini-app/src/vant/card/index.wxss
new file mode 100644
index 000000000..a21a59958
--- /dev/null
+++ b/mini-app/src/vant/card/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
\ No newline at end of file
diff --git a/mini-app/src/vant/cell-group/index.d.ts b/mini-app/src/vant/cell-group/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/cell-group/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/cell-group/index.js b/mini-app/src/vant/cell-group/index.js
new file mode 100644
index 000000000..99bcdb9e6
--- /dev/null
+++ b/mini-app/src/vant/cell-group/index.js
@@ -0,0 +1,10 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    title: String,
+    border: {
+      type: Boolean,
+      value: true,
+    },
+  },
+});
diff --git a/mini-app/src/vant/cell-group/index.json b/mini-app/src/vant/cell-group/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/cell-group/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/cell-group/index.wxml b/mini-app/src/vant/cell-group/index.wxml
new file mode 100644
index 000000000..6e0b471df
--- /dev/null
+++ b/mini-app/src/vant/cell-group/index.wxml
@@ -0,0 +1,9 @@
+<view
+  wx:if="{{ title }}"
+  class="van-cell-group__title"
+>
+  {{ title }}
+</view>
+<view class="custom-class van-cell-group {{ border ? 'van-hairline--top-bottom' : '' }}">
+  <slot />
+</view>
diff --git a/mini-app/src/vant/cell-group/index.wxss b/mini-app/src/vant/cell-group/index.wxss
new file mode 100644
index 000000000..edbccd595
--- /dev/null
+++ b/mini-app/src/vant/cell-group/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-cell-group__title{padding:16px 16px 8px;padding:var(--cell-group-title-padding,16px 16px 8px);font-size:14px;font-size:var(--cell-group-title-font-size,14px);line-height:16px;line-height:var(--cell-group-title-line-height,16px);color:#969799;color:var(--cell-group-title-color,#969799)}
\ No newline at end of file
diff --git a/mini-app/src/vant/cell/index.d.ts b/mini-app/src/vant/cell/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/cell/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/cell/index.js b/mini-app/src/vant/cell/index.js
new file mode 100644
index 000000000..a0123d1da
--- /dev/null
+++ b/mini-app/src/vant/cell/index.js
@@ -0,0 +1,38 @@
+import { link } from '../mixins/link';
+import { VantComponent } from '../common/component';
+VantComponent({
+  classes: [
+    'title-class',
+    'label-class',
+    'value-class',
+    'right-icon-class',
+    'hover-class',
+  ],
+  mixins: [link],
+  props: {
+    title: null,
+    value: null,
+    icon: String,
+    size: String,
+    label: String,
+    center: Boolean,
+    isLink: Boolean,
+    required: Boolean,
+    clickable: Boolean,
+    titleWidth: String,
+    customStyle: String,
+    arrowDirection: String,
+    useLabelSlot: Boolean,
+    border: {
+      type: Boolean,
+      value: true,
+    },
+    titleStyle: String,
+  },
+  methods: {
+    onClick(event) {
+      this.$emit('click', event.detail);
+      this.jumpLink();
+    },
+  },
+});
diff --git a/mini-app/src/vant/cell/index.json b/mini-app/src/vant/cell/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/cell/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/cell/index.wxml b/mini-app/src/vant/cell/index.wxml
new file mode 100644
index 000000000..fed768e2c
--- /dev/null
+++ b/mini-app/src/vant/cell/index.wxml
@@ -0,0 +1,45 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="custom-class {{ utils.bem('cell', [size, { center, required, borderless: !border, clickable: isLink || clickable }]) }}"
+  hover-class="van-cell--hover hover-class"
+  hover-stay-time="70"
+  style="{{ customStyle }}"
+  bind:tap="onClick"
+>
+  <van-icon
+    wx:if="{{ icon }}"
+    name="{{ icon }}"
+    class="van-cell__left-icon-wrap"
+    custom-class="van-cell__left-icon"
+  />
+  <slot wx:else name="icon" />
+
+  <view
+    style="{{ (titleWidth ? 'max-width:' + titleWidth + ';min-width:' + titleWidth + ';' : '') + titleStyle }}"
+    class="van-cell__title title-class"
+  >
+    <block wx:if="{{ title }}">{{ title }}</block>
+    <slot wx:else name="title" />
+
+    <view wx:if="{{ label || useLabelSlot }}" class="van-cell__label label-class">
+      <slot wx:if="{{ useLabelSlot }}" name="label" />
+      <block wx:elif="{{ label }}">{{ label }}</block>
+    </view>
+  </view>
+
+  <view class="van-cell__value value-class">
+    <block wx:if="{{ value || value === 0 }}">{{ value }}</block>
+    <slot wx:else />
+  </view>
+
+  <van-icon
+    wx:if="{{ isLink }}"
+    name="{{ arrowDirection ? 'arrow' + '-' + arrowDirection : 'arrow' }}"
+    class="van-cell__right-icon-wrap right-icon-class"
+    custom-class="van-cell__right-icon"
+  />
+  <slot wx:else name="right-icon" />
+
+  <slot name="extra" />
+</view>
diff --git a/mini-app/src/vant/cell/index.wxss b/mini-app/src/vant/cell/index.wxss
new file mode 100644
index 000000000..605570db7
--- /dev/null
+++ b/mini-app/src/vant/cell/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-cell{position:relative;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;padding:var(--cell-vertical-padding,10px) var(--cell-horizontal-padding,16px);font-size:14px;font-size:var(--cell-font-size,14px);line-height:24px;line-height:var(--cell-line-height,24px);color:#323233;color:var(--cell-text-color,#323233);background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless:after{display:none}.van-cell-group{background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell__label{margin-top:3px;margin-top:var(--cell-label-margin-top,3px);font-size:12px;font-size:var(--cell-label-font-size,12px);line-height:18px;line-height:var(--cell-label-line-height,18px);color:#969799;color:var(--cell-label-color,#969799)}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle;color:#969799;color:var(--cell-value-color,#969799)}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:24px;height:var(--cell-line-height,24px);font-size:16px;font-size:var(--cell-icon-size,16px)}.van-cell__left-icon-wrap{margin-right:4px;margin-right:var(--padding-base,4px)}.van-cell__right-icon-wrap{margin-left:4px;margin-left:var(--padding-base,4px);color:#969799;color:var(--cell-right-icon-color,#969799)}.van-cell__left-icon{vertical-align:middle}.van-cell__left-icon,.van-cell__right-icon{line-height:24px;line-height:var(--cell-line-height,24px)}.van-cell--clickable.van-cell--hover{background-color:#f2f3f5;background-color:var(--cell-active-color,#f2f3f5)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;content:"*";left:8px;left:var(--padding-xs,8px);font-size:14px;font-size:var(--cell-font-size,14px);color:#ee0a24;color:var(--cell-required-color,#ee0a24)}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-top:var(--cell-large-vertical-padding,12px);padding-bottom:12px;padding-bottom:var(--cell-large-vertical-padding,12px)}.van-cell--large .van-cell__title{font-size:16px;font-size:var(--cell-large-title-font-size,16px)}.van-cell--large .van-cell__value{font-size:16px;font-size:var(--cell-large-value-font-size,16px)}.van-cell--large .van-cell__label{font-size:14px;font-size:var(--cell-large-label-font-size,14px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/checkbox-group/index.d.ts b/mini-app/src/vant/checkbox-group/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/checkbox-group/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/checkbox-group/index.js b/mini-app/src/vant/checkbox-group/index.js
new file mode 100644
index 000000000..794892729
--- /dev/null
+++ b/mini-app/src/vant/checkbox-group/index.js
@@ -0,0 +1,35 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  field: true,
+  relation: {
+    name: 'checkbox',
+    type: 'descendant',
+    current: 'checkbox-group',
+    linked(target) {
+      this.updateChild(target);
+    },
+  },
+  props: {
+    max: Number,
+    value: {
+      type: Array,
+      observer: 'updateChildren',
+    },
+    disabled: {
+      type: Boolean,
+      observer: 'updateChildren',
+    },
+  },
+  methods: {
+    updateChildren() {
+      (this.children || []).forEach((child) => this.updateChild(child));
+    },
+    updateChild(child) {
+      const { value, disabled } = this.data;
+      child.setData({
+        value: value.indexOf(child.data.name) !== -1,
+        parentDisabled: disabled,
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/checkbox-group/index.json b/mini-app/src/vant/checkbox-group/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/checkbox-group/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/checkbox-group/index.wxml b/mini-app/src/vant/checkbox-group/index.wxml
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/mini-app/src/vant/checkbox-group/index.wxml
@@ -0,0 +1 @@
+<slot />
diff --git a/mini-app/src/vant/checkbox-group/index.wxss b/mini-app/src/vant/checkbox-group/index.wxss
new file mode 100644
index 000000000..99694d603
--- /dev/null
+++ b/mini-app/src/vant/checkbox-group/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
\ No newline at end of file
diff --git a/mini-app/src/vant/checkbox/index.d.ts b/mini-app/src/vant/checkbox/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/checkbox/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/checkbox/index.js b/mini-app/src/vant/checkbox/index.js
new file mode 100644
index 000000000..9346d3e3f
--- /dev/null
+++ b/mini-app/src/vant/checkbox/index.js
@@ -0,0 +1,74 @@
+import { VantComponent } from '../common/component';
+function emit(target, value) {
+  target.$emit('input', value);
+  target.$emit('change', value);
+}
+VantComponent({
+  field: true,
+  relation: {
+    name: 'checkbox-group',
+    type: 'ancestor',
+    current: 'checkbox',
+  },
+  classes: ['icon-class', 'label-class'],
+  props: {
+    value: Boolean,
+    disabled: Boolean,
+    useIconSlot: Boolean,
+    checkedColor: String,
+    labelPosition: String,
+    labelDisabled: Boolean,
+    shape: {
+      type: String,
+      value: 'round',
+    },
+    iconSize: {
+      type: null,
+      value: 20,
+    },
+  },
+  data: {
+    parentDisabled: false,
+  },
+  methods: {
+    emitChange(value) {
+      if (this.parent) {
+        this.setParentValue(this.parent, value);
+      } else {
+        emit(this, value);
+      }
+    },
+    toggle() {
+      const { parentDisabled, disabled, value } = this.data;
+      if (!disabled && !parentDisabled) {
+        this.emitChange(!value);
+      }
+    },
+    onClickLabel() {
+      const { labelDisabled, parentDisabled, disabled, value } = this.data;
+      if (!disabled && !labelDisabled && !parentDisabled) {
+        this.emitChange(!value);
+      }
+    },
+    setParentValue(parent, value) {
+      const parentValue = parent.data.value.slice();
+      const { name } = this.data;
+      const { max } = parent.data;
+      if (value) {
+        if (max && parentValue.length >= max) {
+          return;
+        }
+        if (parentValue.indexOf(name) === -1) {
+          parentValue.push(name);
+          emit(parent, parentValue);
+        }
+      } else {
+        const index = parentValue.indexOf(name);
+        if (index !== -1) {
+          parentValue.splice(index, 1);
+          emit(parent, parentValue);
+        }
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/checkbox/index.json b/mini-app/src/vant/checkbox/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/checkbox/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/checkbox/index.wxml b/mini-app/src/vant/checkbox/index.wxml
new file mode 100644
index 000000000..94789d819
--- /dev/null
+++ b/mini-app/src/vant/checkbox/index.wxml
@@ -0,0 +1,20 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="van-checkbox custom-class">
+  <view class="van-checkbox__icon-wrap" bindtap="toggle">
+    <slot wx:if="{{ useIconSlot }}" name="icon" />
+    <van-icon
+      wx:else
+      name="success"
+      size="0.8em"
+      class="{{ utils.bem('checkbox__icon', [shape, { disabled: disabled || parentDisabled, checked: value }]) }}"
+      style="{{ computed.iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) }}"
+      custom-class="icon-class"
+      custom-style="line-height: 1.25em;"
+    />
+  </view>
+  <view class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}" bindtap="onClickLabel">
+    <slot />
+  </view>
+</view>
diff --git a/mini-app/src/vant/checkbox/index.wxs b/mini-app/src/vant/checkbox/index.wxs
new file mode 100644
index 000000000..eb9c77263
--- /dev/null
+++ b/mini-app/src/vant/checkbox/index.wxs
@@ -0,0 +1,20 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) {
+  var styles = {
+    'font-size': addUnit(iconSize),
+  };
+
+  if (checkedColor && value && !disabled && !parentDisabled) {
+    styles['border-color'] = checkedColor;
+    styles['background-color'] = checkedColor;
+  }
+
+  return style(styles);
+}
+
+module.exports = {
+  iconStyle: iconStyle,
+};
diff --git a/mini-app/src/vant/checkbox/index.wxss b/mini-app/src/vant/checkbox/index.wxss
new file mode 100644
index 000000000..afaf37bec
--- /dev/null
+++ b/mini-app/src/vant/checkbox/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-checkbox{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:20px;line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{-webkit-flex:none;flex:none}.van-checkbox__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:1em;height:1em;color:transparent;text-align:center;transition-property:color,border-color,background-color;font-size:20px;font-size:var(--checkbox-size,20px);border:1px solid #c8c9cc;border:1px solid var(--checkbox-border-color,#c8c9cc);transition-duration:.2s;transition-duration:var(--checkbox-transition-duration,.2s)}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{color:#fff;color:var(--white,#fff);background-color:#1989fa;background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:#1989fa;border-color:var(--checkbox-checked-icon-color,#1989fa)}.van-checkbox__icon--disabled{background-color:#ebedf0;background-color:var(--checkbox-disabled-background-color,#ebedf0);border-color:#c8c9cc;border-color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:#c8c9cc;color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__label{word-wrap:break-word;margin-left:10px;margin-left:var(--checkbox-label-margin,10px);color:#323233;color:var(--checkbox-label-color,#323233)}.van-checkbox__label--left{float:left;margin:0 10px 0 0;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:#c8c9cc;color:var(--checkbox-disabled-label-color,#c8c9cc)}.van-checkbox__label:empty{margin:0}
\ No newline at end of file
diff --git a/mini-app/src/vant/circle/canvas.d.ts b/mini-app/src/vant/circle/canvas.d.ts
new file mode 100644
index 000000000..6aa52dea7
--- /dev/null
+++ b/mini-app/src/vant/circle/canvas.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="miniprogram-api-typings" />
+declare type CanvasContext = WechatMiniprogram.CanvasContext;
+export declare function adaptor(
+  ctx: CanvasContext & Record<string, unknown>
+): CanvasContext;
+export {};
diff --git a/mini-app/src/vant/circle/canvas.js b/mini-app/src/vant/circle/canvas.js
new file mode 100644
index 000000000..c311335e3
--- /dev/null
+++ b/mini-app/src/vant/circle/canvas.js
@@ -0,0 +1,43 @@
+export function adaptor(ctx) {
+  // @ts-ignore
+  return Object.assign(ctx, {
+    setStrokeStyle(val) {
+      ctx.strokeStyle = val;
+    },
+    setLineWidth(val) {
+      ctx.lineWidth = val;
+    },
+    setLineCap(val) {
+      ctx.lineCap = val;
+    },
+    setFillStyle(val) {
+      ctx.fillStyle = val;
+    },
+    setFontSize(val) {
+      ctx.font = String(val);
+    },
+    setGlobalAlpha(val) {
+      ctx.globalAlpha = val;
+    },
+    setLineJoin(val) {
+      ctx.lineJoin = val;
+    },
+    setTextAlign(val) {
+      ctx.textAlign = val;
+    },
+    setMiterLimit(val) {
+      ctx.miterLimit = val;
+    },
+    setShadow(offsetX, offsetY, blur, color) {
+      ctx.shadowOffsetX = offsetX;
+      ctx.shadowOffsetY = offsetY;
+      ctx.shadowBlur = blur;
+      ctx.shadowColor = color;
+    },
+    setTextBaseline(val) {
+      ctx.textBaseline = val;
+    },
+    createCircularGradient() {},
+    draw() {},
+  });
+}
diff --git a/mini-app/src/vant/circle/index.d.ts b/mini-app/src/vant/circle/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/circle/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/circle/index.js b/mini-app/src/vant/circle/index.js
new file mode 100644
index 000000000..28808f694
--- /dev/null
+++ b/mini-app/src/vant/circle/index.js
@@ -0,0 +1,185 @@
+import { VantComponent } from '../common/component';
+import { BLUE, WHITE } from '../common/color';
+import { adaptor } from './canvas';
+import { isObj } from '../common/validator';
+import { getSystemInfoSync } from '../common/utils';
+function format(rate) {
+  return Math.min(Math.max(rate, 0), 100);
+}
+const PERIMETER = 2 * Math.PI;
+const BEGIN_ANGLE = -Math.PI / 2;
+const STEP = 1;
+VantComponent({
+  props: {
+    text: String,
+    lineCap: {
+      type: String,
+      value: 'round',
+    },
+    value: {
+      type: Number,
+      value: 0,
+      observer: 'reRender',
+    },
+    speed: {
+      type: Number,
+      value: 50,
+    },
+    size: {
+      type: Number,
+      value: 100,
+      observer() {
+        this.drawCircle(this.currentValue);
+      },
+    },
+    fill: String,
+    layerColor: {
+      type: String,
+      value: WHITE,
+    },
+    color: {
+      type: [String, Object],
+      value: BLUE,
+      observer() {
+        this.setHoverColor().then(() => {
+          this.drawCircle(this.currentValue);
+        });
+      },
+    },
+    type: {
+      type: String,
+      value: '',
+    },
+    strokeWidth: {
+      type: Number,
+      value: 4,
+    },
+    clockwise: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    hoverColor: BLUE,
+  },
+  methods: {
+    getContext() {
+      const { type, size } = this.data;
+      if (type === '') {
+        const ctx = wx.createCanvasContext('van-circle', this);
+        return Promise.resolve(ctx);
+      }
+      const dpr = getSystemInfoSync().pixelRatio;
+      return new Promise((resolve) => {
+        wx.createSelectorQuery()
+          .in(this)
+          .select('#van-circle')
+          .node()
+          .exec((res) => {
+            const canvas = res[0].node;
+            const ctx = canvas.getContext(type);
+            if (!this.inited) {
+              this.inited = true;
+              canvas.width = size * dpr;
+              canvas.height = size * dpr;
+              ctx.scale(dpr, dpr);
+            }
+            resolve(adaptor(ctx));
+          });
+      });
+    },
+    setHoverColor() {
+      const { color, size } = this.data;
+      if (isObj(color)) {
+        return this.getContext().then((context) => {
+          const LinearColor = context.createLinearGradient(size, 0, 0, 0);
+          Object.keys(color)
+            .sort((a, b) => parseFloat(a) - parseFloat(b))
+            .map((key) =>
+              LinearColor.addColorStop(parseFloat(key) / 100, color[key])
+            );
+          this.hoverColor = LinearColor;
+        });
+      }
+      this.hoverColor = color;
+      return Promise.resolve();
+    },
+    presetCanvas(context, strokeStyle, beginAngle, endAngle, fill) {
+      const { strokeWidth, lineCap, clockwise, size } = this.data;
+      const position = size / 2;
+      const radius = position - strokeWidth / 2;
+      context.setStrokeStyle(strokeStyle);
+      context.setLineWidth(strokeWidth);
+      context.setLineCap(lineCap);
+      context.beginPath();
+      context.arc(position, position, radius, beginAngle, endAngle, !clockwise);
+      context.stroke();
+      if (fill) {
+        context.setFillStyle(fill);
+        context.fill();
+      }
+    },
+    renderLayerCircle(context) {
+      const { layerColor, fill } = this.data;
+      this.presetCanvas(context, layerColor, 0, PERIMETER, fill);
+    },
+    renderHoverCircle(context, formatValue) {
+      const { clockwise } = this.data;
+      // 结束角度
+      const progress = PERIMETER * (formatValue / 100);
+      const endAngle = clockwise
+        ? BEGIN_ANGLE + progress
+        : 3 * Math.PI - (BEGIN_ANGLE + progress);
+      this.presetCanvas(context, this.hoverColor, BEGIN_ANGLE, endAngle);
+    },
+    drawCircle(currentValue) {
+      const { size } = this.data;
+      this.getContext().then((context) => {
+        context.clearRect(0, 0, size, size);
+        this.renderLayerCircle(context);
+        const formatValue = format(currentValue);
+        if (formatValue !== 0) {
+          this.renderHoverCircle(context, formatValue);
+        }
+        context.draw();
+      });
+    },
+    reRender() {
+      // tofector 动画暂时没有想到好的解决方案
+      const { value, speed } = this.data;
+      if (speed <= 0 || speed > 1000) {
+        this.drawCircle(value);
+        return;
+      }
+      this.clearInterval();
+      this.currentValue = this.currentValue || 0;
+      this.interval = setInterval(() => {
+        if (this.currentValue !== value) {
+          if (this.currentValue < value) {
+            this.currentValue += STEP;
+          } else {
+            this.currentValue -= STEP;
+          }
+          this.drawCircle(this.currentValue);
+        } else {
+          this.clearInterval();
+        }
+      }, 1000 / speed);
+    },
+    clearInterval() {
+      if (this.interval) {
+        clearInterval(this.interval);
+        this.interval = null;
+      }
+    },
+  },
+  mounted() {
+    this.currentValue = this.data.value;
+    this.setHoverColor().then(() => {
+      this.drawCircle(this.currentValue);
+    });
+  },
+  destroyed() {
+    this.clearInterval();
+  },
+});
diff --git a/mini-app/src/vant/circle/index.json b/mini-app/src/vant/circle/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/circle/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/circle/index.wxml b/mini-app/src/vant/circle/index.wxml
new file mode 100644
index 000000000..52bc59fca
--- /dev/null
+++ b/mini-app/src/vant/circle/index.wxml
@@ -0,0 +1,9 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="van-circle">
+  <canvas class="van-circle__canvas" type="{{ type }}" style="width: {{ utils.addUnit(size) }};height:{{ utils.addUnit(size) }}" id="van-circle" canvas-id="van-circle"></canvas>
+  <view wx:if="{{ !text }}" class="van-circle__text">
+    <slot></slot>
+  </view>
+  <cover-view wx:else class="van-circle__text">{{ text }}</cover-view>
+</view>
diff --git a/mini-app/src/vant/circle/index.wxss b/mini-app/src/vant/circle/index.wxss
new file mode 100644
index 000000000..3ab63dfd1
--- /dev/null
+++ b/mini-app/src/vant/circle/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-circle{position:relative;display:inline-block;text-align:center}.van-circle__text{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#323233;color:var(--circle-text-color,#323233)}
\ No newline at end of file
diff --git a/mini-app/src/vant/col/index.d.ts b/mini-app/src/vant/col/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/col/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/col/index.js b/mini-app/src/vant/col/index.js
new file mode 100644
index 000000000..43f0ddef3
--- /dev/null
+++ b/mini-app/src/vant/col/index.js
@@ -0,0 +1,26 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'row',
+    type: 'ancestor',
+    current: 'col',
+  },
+  props: {
+    span: Number,
+    offset: Number,
+  },
+  data: {
+    viewStyle: '',
+  },
+  methods: {
+    setGutter(gutter) {
+      const padding = `${gutter / 2}px`;
+      const viewStyle = gutter
+        ? `padding-left: ${padding}; padding-right: ${padding};`
+        : '';
+      if (viewStyle !== this.data.viewStyle) {
+        this.setData({ viewStyle });
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/col/index.json b/mini-app/src/vant/col/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/col/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/col/index.wxml b/mini-app/src/vant/col/index.wxml
new file mode 100644
index 000000000..52544f09b
--- /dev/null
+++ b/mini-app/src/vant/col/index.wxml
@@ -0,0 +1,8 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="custom-class {{ utils.bem('col', [span]) }} {{ offset ? 'van-col--offset-' + offset : '' }}"
+  style="{{ viewStyle }}"
+>
+  <slot />
+</view>
diff --git a/mini-app/src/vant/col/index.wxss b/mini-app/src/vant/col/index.wxss
new file mode 100644
index 000000000..44c896a3e
--- /dev/null
+++ b/mini-app/src/vant/col/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-col{float:left;box-sizing:border-box}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}
\ No newline at end of file
diff --git a/mini-app/src/vant/collapse-item/animate.d.ts b/mini-app/src/vant/collapse-item/animate.d.ts
new file mode 100644
index 000000000..0c33c0051
--- /dev/null
+++ b/mini-app/src/vant/collapse-item/animate.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="miniprogram-api-typings" />
+export declare function setContentAnimate(
+  context: WechatMiniprogram.Component.TrivialInstance,
+  expanded: boolean,
+  mounted: boolean
+): void;
diff --git a/mini-app/src/vant/collapse-item/animate.js b/mini-app/src/vant/collapse-item/animate.js
new file mode 100644
index 000000000..7ce1dae09
--- /dev/null
+++ b/mini-app/src/vant/collapse-item/animate.js
@@ -0,0 +1,70 @@
+import { canIUseAnimate } from '../common/version';
+import { getRect } from '../common/utils';
+function useAnimate(context, expanded, mounted, height) {
+  const selector = '.van-collapse-item__wrapper';
+  if (expanded) {
+    context.animate(
+      selector,
+      [
+        { height: 0, ease: 'ease-in-out', offset: 0 },
+        { height: `${height}px`, ease: 'ease-in-out', offset: 1 },
+        { height: `auto`, ease: 'ease-in-out', offset: 1 },
+      ],
+      mounted ? 300 : 0,
+      () => {
+        context.clearAnimation(selector);
+      }
+    );
+    return;
+  }
+  context.animate(
+    selector,
+    [
+      { height: `${height}px`, ease: 'ease-in-out', offset: 0 },
+      { height: 0, ease: 'ease-in-out', offset: 1 },
+    ],
+    300,
+    () => {
+      context.clearAnimation(selector);
+    }
+  );
+}
+function useAnimation(context, expanded, mounted, height) {
+  const animation = wx.createAnimation({
+    duration: 0,
+    timingFunction: 'ease-in-out',
+  });
+  if (expanded) {
+    if (height === 0) {
+      animation.height('auto').top(1).step();
+    } else {
+      animation
+        .height(height)
+        .top(1)
+        .step({
+          duration: mounted ? 300 : 1,
+        })
+        .height('auto')
+        .step();
+    }
+    context.setData({
+      animation: animation.export(),
+    });
+    return;
+  }
+  animation.height(height).top(0).step({ duration: 1 }).height(0).step({
+    duration: 300,
+  });
+  context.setData({
+    animation: animation.export(),
+  });
+}
+export function setContentAnimate(context, expanded, mounted) {
+  getRect(context, '.van-collapse-item__content')
+    .then((rect) => rect.height)
+    .then((height) => {
+      canIUseAnimate()
+        ? useAnimate(context, expanded, mounted, height)
+        : useAnimation(context, expanded, mounted, height);
+    });
+}
diff --git a/mini-app/src/vant/collapse-item/index.d.ts b/mini-app/src/vant/collapse-item/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/collapse-item/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/collapse-item/index.js b/mini-app/src/vant/collapse-item/index.js
new file mode 100644
index 000000000..50ddb5e3b
--- /dev/null
+++ b/mini-app/src/vant/collapse-item/index.js
@@ -0,0 +1,62 @@
+import { VantComponent } from '../common/component';
+import { setContentAnimate } from './animate';
+VantComponent({
+  classes: ['title-class', 'content-class'],
+  relation: {
+    name: 'collapse',
+    type: 'ancestor',
+    current: 'collapse-item',
+  },
+  props: {
+    name: null,
+    title: null,
+    value: null,
+    icon: String,
+    label: String,
+    disabled: Boolean,
+    clickable: Boolean,
+    border: {
+      type: Boolean,
+      value: true,
+    },
+    isLink: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    expanded: false,
+  },
+  mounted() {
+    this.updateExpanded();
+    this.mounted = true;
+  },
+  methods: {
+    updateExpanded() {
+      if (!this.parent) {
+        return;
+      }
+      const { value, accordion } = this.parent.data;
+      const { children = [] } = this.parent;
+      const { name } = this.data;
+      const index = children.indexOf(this);
+      const currentName = name == null ? index : name;
+      const expanded = accordion
+        ? value === currentName
+        : (value || []).some((name) => name === currentName);
+      if (expanded !== this.data.expanded) {
+        setContentAnimate(this, expanded, this.mounted);
+      }
+      this.setData({ index, expanded });
+    },
+    onClick() {
+      if (this.data.disabled) {
+        return;
+      }
+      const { name, expanded } = this.data;
+      const index = this.parent.children.indexOf(this);
+      const currentName = name == null ? index : name;
+      this.parent.switch(currentName, !expanded);
+    },
+  },
+});
diff --git a/mini-app/src/vant/collapse-item/index.json b/mini-app/src/vant/collapse-item/index.json
new file mode 100644
index 000000000..0e5425cdf
--- /dev/null
+++ b/mini-app/src/vant/collapse-item/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-cell": "../cell/index"
+  }
+}
diff --git a/mini-app/src/vant/collapse-item/index.wxml b/mini-app/src/vant/collapse-item/index.wxml
new file mode 100644
index 000000000..ae4cc8317
--- /dev/null
+++ b/mini-app/src/vant/collapse-item/index.wxml
@@ -0,0 +1,44 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="van-collapse-item custom-class {{ index !== 0 ? 'van-hairline--top' : '' }}">
+  <van-cell
+    title="{{ title }}"
+    title-class="title-class"
+    icon="{{ icon }}"
+    value="{{ value }}"
+    label="{{ label }}"
+    is-link="{{ isLink }}"
+    clickable="{{ clickable }}"
+    border="{{ border && expanded }}"
+    class="{{ utils.bem('collapse-item__title', { disabled, expanded }) }}"
+    right-icon-class="van-cell__right-icon"
+    custom-class="van-cell"
+    hover-class="van-cell--hover"
+    bind:click="onClick"
+  >
+    <slot
+      name="title"
+      slot="title"
+    />
+    <slot
+      name="icon"
+      slot="icon"
+    />
+    <slot name="value" />
+    <slot
+      name="right-icon"
+      slot="right-icon"
+    />
+  </van-cell>
+  <view
+    class="{{ utils.bem('collapse-item__wrapper') }}"
+    style="height: 0;"
+    animation="{{ animation }}"
+  >
+    <view
+      class="van-collapse-item__content content-class"
+    >
+      <slot />
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/collapse-item/index.wxss b/mini-app/src/vant/collapse-item/index.wxss
new file mode 100644
index 000000000..0bb936c00
--- /dev/null
+++ b/mini-app/src/vant/collapse-item/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-collapse-item__title .van-cell__right-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;transition:-webkit-transform var(--collapse-item-transition-duration,.3s);transition:transform var(--collapse-item-transition-duration,.3s);transition:transform var(--collapse-item-transition-duration,.3s),-webkit-transform var(--collapse-item-transition-duration,.3s)}.van-collapse-item__title--expanded .van-cell__right-icon{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.van-collapse-item__title--disabled .van-cell,.van-collapse-item__title--disabled .van-cell__right-icon{color:#c8c9cc!important;color:var(--collapse-item-title-disabled-color,#c8c9cc)!important}.van-collapse-item__title--disabled .van-cell--hover{background-color:#fff!important;background-color:var(--white,#fff)!important}.van-collapse-item__wrapper{overflow:hidden}.van-collapse-item__content{padding:15px;padding:var(--collapse-item-content-padding,15px);color:#969799;color:var(--collapse-item-content-text-color,#969799);font-size:13px;font-size:var(--collapse-item-content-font-size,13px);line-height:1.5;line-height:var(--collapse-item-content-line-height,1.5);background-color:#fff;background-color:var(--collapse-item-content-background-color,#fff)}
\ No newline at end of file
diff --git a/mini-app/src/vant/collapse/index.d.ts b/mini-app/src/vant/collapse/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/collapse/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/collapse/index.js b/mini-app/src/vant/collapse/index.js
new file mode 100644
index 000000000..33dae31e3
--- /dev/null
+++ b/mini-app/src/vant/collapse/index.js
@@ -0,0 +1,47 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'collapse-item',
+    type: 'descendant',
+    current: 'collapse',
+  },
+  props: {
+    value: {
+      type: null,
+      observer: 'updateExpanded',
+    },
+    accordion: {
+      type: Boolean,
+      observer: 'updateExpanded',
+    },
+    border: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  methods: {
+    updateExpanded() {
+      this.children.forEach((child) => {
+        child.updateExpanded();
+      });
+    },
+    switch(name, expanded) {
+      const { accordion, value } = this.data;
+      const changeItem = name;
+      if (!accordion) {
+        name = expanded
+          ? (value || []).concat(name)
+          : (value || []).filter((activeName) => activeName !== name);
+      } else {
+        name = expanded ? name : '';
+      }
+      if (expanded) {
+        this.$emit('open', changeItem);
+      } else {
+        this.$emit('close', changeItem);
+      }
+      this.$emit('change', name);
+      this.$emit('input', name);
+    },
+  },
+});
diff --git a/mini-app/src/vant/collapse/index.json b/mini-app/src/vant/collapse/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/collapse/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/collapse/index.wxml b/mini-app/src/vant/collapse/index.wxml
new file mode 100644
index 000000000..fd4e17194
--- /dev/null
+++ b/mini-app/src/vant/collapse/index.wxml
@@ -0,0 +1,3 @@
+<view class="custom-class van-collapse {{ border ? 'van-hairline--top-bottom' : '' }}">
+  <slot />
+</view>
diff --git a/mini-app/src/vant/collapse/index.wxss b/mini-app/src/vant/collapse/index.wxss
new file mode 100644
index 000000000..99694d603
--- /dev/null
+++ b/mini-app/src/vant/collapse/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
\ No newline at end of file
diff --git a/mini-app/src/vant/common/color.d.ts b/mini-app/src/vant/common/color.d.ts
new file mode 100644
index 000000000..386f3077e
--- /dev/null
+++ b/mini-app/src/vant/common/color.d.ts
@@ -0,0 +1,7 @@
+export declare const RED = "#ee0a24";
+export declare const BLUE = "#1989fa";
+export declare const WHITE = "#fff";
+export declare const GREEN = "#07c160";
+export declare const ORANGE = "#ff976a";
+export declare const GRAY = "#323233";
+export declare const GRAY_DARK = "#969799";
diff --git a/mini-app/src/vant/common/color.js b/mini-app/src/vant/common/color.js
new file mode 100644
index 000000000..6b285bd6c
--- /dev/null
+++ b/mini-app/src/vant/common/color.js
@@ -0,0 +1,7 @@
+export const RED = '#ee0a24';
+export const BLUE = '#1989fa';
+export const WHITE = '#fff';
+export const GREEN = '#07c160';
+export const ORANGE = '#ff976a';
+export const GRAY = '#323233';
+export const GRAY_DARK = '#969799';
diff --git a/mini-app/src/vant/common/component.d.ts b/mini-app/src/vant/common/component.d.ts
new file mode 100644
index 000000000..307a96cc7
--- /dev/null
+++ b/mini-app/src/vant/common/component.d.ts
@@ -0,0 +1,3 @@
+import { VantComponentOptions, CombinedComponentInstance } from '../definitions/index';
+declare function VantComponent<Data, Props, Methods>(vantOptions?: VantComponentOptions<Data, Props, Methods, CombinedComponentInstance<Data, Props, Methods>>): void;
+export { VantComponent };
diff --git a/mini-app/src/vant/common/component.js b/mini-app/src/vant/common/component.js
new file mode 100644
index 000000000..f482f9e3f
--- /dev/null
+++ b/mini-app/src/vant/common/component.js
@@ -0,0 +1,106 @@
+import { basic } from '../mixins/basic';
+const relationFunctions = {
+  ancestor: {
+    linked(parent) {
+      // @ts-ignore
+      this.parent = parent;
+    },
+    unlinked() {
+      // @ts-ignore
+      this.parent = null;
+    },
+  },
+  descendant: {
+    linked(child) {
+      // @ts-ignore
+      this.children = this.children || [];
+      // @ts-ignore
+      this.children.push(child);
+    },
+    unlinked(child) {
+      // @ts-ignore
+      this.children = (this.children || []).filter((it) => it !== child);
+    },
+  },
+};
+function mapKeys(source, target, map) {
+  Object.keys(map).forEach((key) => {
+    if (source[key]) {
+      target[map[key]] = source[key];
+    }
+  });
+}
+function makeRelation(options, vantOptions, relation) {
+  const { type, name, linked, unlinked, linkChanged } = relation;
+  const { beforeCreate, destroyed } = vantOptions;
+  if (type === 'descendant') {
+    options.created = function () {
+      beforeCreate && beforeCreate.bind(this)();
+      this.children = this.children || [];
+    };
+    options.detached = function () {
+      this.children = [];
+      destroyed && destroyed.bind(this)();
+    };
+  }
+  options.relations = Object.assign(options.relations || {}, {
+    [`../${name}/index`]: {
+      type,
+      linked(node) {
+        relationFunctions[type].linked.bind(this)(node);
+        linked && linked.bind(this)(node);
+      },
+      linkChanged(node) {
+        linkChanged && linkChanged.bind(this)(node);
+      },
+      unlinked(node) {
+        relationFunctions[type].unlinked.bind(this)(node);
+        unlinked && unlinked.bind(this)(node);
+      },
+    },
+  });
+}
+function VantComponent(vantOptions = {}) {
+  const options = {};
+  mapKeys(vantOptions, options, {
+    data: 'data',
+    props: 'properties',
+    mixins: 'behaviors',
+    methods: 'methods',
+    beforeCreate: 'created',
+    created: 'attached',
+    mounted: 'ready',
+    relations: 'relations',
+    destroyed: 'detached',
+    classes: 'externalClasses',
+  });
+  const { relation } = vantOptions;
+  if (relation) {
+    makeRelation(options, vantOptions, relation);
+  }
+  // add default externalClasses
+  options.externalClasses = options.externalClasses || [];
+  options.externalClasses.push('custom-class');
+  // add default behaviors
+  options.behaviors = options.behaviors || [];
+  options.behaviors.push(basic);
+  // map field to form-field behavior
+  if (vantOptions.field) {
+    options.behaviors.push('wx://form-field');
+  }
+  if (options.properties) {
+    Object.keys(options.properties).forEach((name) => {
+      if (Array.isArray(options.properties[name])) {
+        // miniprogram do not allow multi type
+        options.properties[name] = null;
+      }
+    });
+  }
+  // add default options
+  options.options = {
+    multipleSlots: true,
+    addGlobalClass: true,
+  };
+  Component(options);
+}
+export { VantComponent };
diff --git a/mini-app/src/vant/common/index.wxss b/mini-app/src/vant/common/index.wxss
new file mode 100644
index 000000000..976825d7b
--- /dev/null
+++ b/mini-app/src/vant/common/index.wxss
@@ -0,0 +1 @@
+.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{display:table;clear:both;content:""}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
\ No newline at end of file
diff --git a/mini-app/src/vant/common/style/clearfix.wxss b/mini-app/src/vant/common/style/clearfix.wxss
new file mode 100644
index 000000000..a0ca83843
--- /dev/null
+++ b/mini-app/src/vant/common/style/clearfix.wxss
@@ -0,0 +1 @@
+.van-clearfix:after{display:table;clear:both;content:""}
\ No newline at end of file
diff --git a/mini-app/src/vant/common/style/ellipsis.wxss b/mini-app/src/vant/common/style/ellipsis.wxss
new file mode 100644
index 000000000..1e9dbc9e0
--- /dev/null
+++ b/mini-app/src/vant/common/style/ellipsis.wxss
@@ -0,0 +1 @@
+.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}
\ No newline at end of file
diff --git a/mini-app/src/vant/common/style/hairline.wxss b/mini-app/src/vant/common/style/hairline.wxss
new file mode 100644
index 000000000..49b9e656f
--- /dev/null
+++ b/mini-app/src/vant/common/style/hairline.wxss
@@ -0,0 +1 @@
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
\ No newline at end of file
diff --git a/mini-app/src/vant/common/style/mixins/clearfix.wxss b/mini-app/src/vant/common/style/mixins/clearfix.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/mini-app/src/vant/common/style/mixins/ellipsis.wxss b/mini-app/src/vant/common/style/mixins/ellipsis.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/mini-app/src/vant/common/style/mixins/hairline.wxss b/mini-app/src/vant/common/style/mixins/hairline.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/mini-app/src/vant/common/style/theme.wxss b/mini-app/src/vant/common/style/theme.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/mini-app/src/vant/common/style/var.wxss b/mini-app/src/vant/common/style/var.wxss
new file mode 100644
index 000000000..e69de29bb
diff --git a/mini-app/src/vant/common/utils.d.ts b/mini-app/src/vant/common/utils.d.ts
new file mode 100644
index 000000000..b4900da58
--- /dev/null
+++ b/mini-app/src/vant/common/utils.d.ts
@@ -0,0 +1,24 @@
+/// <reference types="miniprogram-api-typings" />
+export declare function range(num: number, min: number, max: number): number;
+export declare function nextTick(cb: (...args: any[]) => void): void;
+export declare function getSystemInfoSync(): WechatMiniprogram.GetSystemInfoSyncResult;
+export declare function addUnit(value?: string | number): string | undefined;
+export declare function requestAnimationFrame(
+  cb: () => void
+): number | WechatMiniprogram.NodesRef;
+export declare function pickExclude(obj: unknown, keys: string[]): {};
+export declare function getRect(
+  context: WechatMiniprogram.Component.TrivialInstance,
+  selector: string
+): Promise<WechatMiniprogram.BoundingClientRectCallbackResult>;
+export declare function getAllRect(
+  context: WechatMiniprogram.Component.TrivialInstance,
+  selector: string
+): Promise<WechatMiniprogram.BoundingClientRectCallbackResult[]>;
+export declare function groupSetData(
+  context: WechatMiniprogram.Component.TrivialInstance,
+  cb: () => void
+): void;
+export declare function toPromise(
+  promiseLike: Promise<unknown> | unknown
+): Promise<unknown>;
diff --git a/mini-app/src/vant/common/utils.js b/mini-app/src/vant/common/utils.js
new file mode 100644
index 000000000..576a67ed7
--- /dev/null
+++ b/mini-app/src/vant/common/utils.js
@@ -0,0 +1,85 @@
+import { isDef, isNumber, isPlainObject, isPromise } from './validator';
+import { canIUseGroupSetData, canIUseNextTick } from './version';
+export function range(num, min, max) {
+  return Math.min(Math.max(num, min), max);
+}
+export function nextTick(cb) {
+  if (canIUseNextTick()) {
+    wx.nextTick(cb);
+  } else {
+    setTimeout(() => {
+      cb();
+    }, 1000 / 30);
+  }
+}
+let systemInfo;
+export function getSystemInfoSync() {
+  if (systemInfo == null) {
+    systemInfo = wx.getSystemInfoSync();
+  }
+  return systemInfo;
+}
+export function addUnit(value) {
+  if (!isDef(value)) {
+    return undefined;
+  }
+  value = String(value);
+  return isNumber(value) ? `${value}px` : value;
+}
+export function requestAnimationFrame(cb) {
+  const systemInfo = getSystemInfoSync();
+  if (systemInfo.platform === 'devtools') {
+    return setTimeout(() => {
+      cb();
+    }, 1000 / 30);
+  }
+  return wx
+    .createSelectorQuery()
+    .selectViewport()
+    .boundingClientRect()
+    .exec(() => {
+      cb();
+    });
+}
+export function pickExclude(obj, keys) {
+  if (!isPlainObject(obj)) {
+    return {};
+  }
+  return Object.keys(obj).reduce((prev, key) => {
+    if (!keys.includes(key)) {
+      prev[key] = obj[key];
+    }
+    return prev;
+  }, {});
+}
+export function getRect(context, selector) {
+  return new Promise((resolve) => {
+    wx.createSelectorQuery()
+      .in(context)
+      .select(selector)
+      .boundingClientRect()
+      .exec((rect = []) => resolve(rect[0]));
+  });
+}
+export function getAllRect(context, selector) {
+  return new Promise((resolve) => {
+    wx.createSelectorQuery()
+      .in(context)
+      .selectAll(selector)
+      .boundingClientRect()
+      .exec((rect = []) => resolve(rect[0]));
+  });
+}
+export function groupSetData(context, cb) {
+  if (canIUseGroupSetData()) {
+    context.groupSetData(cb);
+  } else {
+    cb();
+  }
+}
+export function toPromise(promiseLike) {
+  if (isPromise(promiseLike)) {
+    return promiseLike;
+  }
+  return Promise.resolve(promiseLike);
+}
diff --git a/mini-app/src/vant/common/validator.d.ts b/mini-app/src/vant/common/validator.d.ts
new file mode 100644
index 000000000..ae7c48f15
--- /dev/null
+++ b/mini-app/src/vant/common/validator.d.ts
@@ -0,0 +1,11 @@
+export declare function isFunction(val: unknown): val is Function;
+export declare function isPlainObject(
+  val: unknown
+): val is Record<string, unknown>;
+export declare function isPromise<T = unknown>(val: unknown): val is Promise<T>;
+export declare function isDef(value: unknown): boolean;
+export declare function isObj(x: unknown): x is Record<string, unknown>;
+export declare function isNumber(value: string): boolean;
+export declare function isBoolean(value: unknown): value is boolean;
+export declare function isImageUrl(url: string): boolean;
+export declare function isVideoUrl(url: string): boolean;
diff --git a/mini-app/src/vant/common/validator.js b/mini-app/src/vant/common/validator.js
new file mode 100644
index 000000000..1c7d1e99a
--- /dev/null
+++ b/mini-app/src/vant/common/validator.js
@@ -0,0 +1,30 @@
+export function isFunction(val) {
+  return typeof val === 'function';
+}
+export function isPlainObject(val) {
+  return val !== null && typeof val === 'object' && !Array.isArray(val);
+}
+export function isPromise(val) {
+  return isPlainObject(val) && isFunction(val.then) && isFunction(val.catch);
+}
+export function isDef(value) {
+  return value !== undefined && value !== null;
+}
+export function isObj(x) {
+  const type = typeof x;
+  return x !== null && (type === 'object' || type === 'function');
+}
+export function isNumber(value) {
+  return /^\d+(\.\d+)?$/.test(value);
+}
+export function isBoolean(value) {
+  return typeof value === 'boolean';
+}
+const IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+const VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv)/i;
+export function isImageUrl(url) {
+  return IMAGE_REGEXP.test(url);
+}
+export function isVideoUrl(url) {
+  return VIDEO_REGEXP.test(url);
+}
diff --git a/mini-app/src/vant/common/version.d.ts b/mini-app/src/vant/common/version.d.ts
new file mode 100644
index 000000000..79c0c2481
--- /dev/null
+++ b/mini-app/src/vant/common/version.d.ts
@@ -0,0 +1,5 @@
+export declare function canIUseModel(): boolean;
+export declare function canIUseFormFieldButton(): boolean;
+export declare function canIUseAnimate(): boolean;
+export declare function canIUseGroupSetData(): boolean;
+export declare function canIUseNextTick(): boolean;
diff --git a/mini-app/src/vant/common/version.js b/mini-app/src/vant/common/version.js
new file mode 100644
index 000000000..9634c5042
--- /dev/null
+++ b/mini-app/src/vant/common/version.js
@@ -0,0 +1,42 @@
+import { getSystemInfoSync } from './utils';
+function compareVersion(v1, v2) {
+  v1 = v1.split('.');
+  v2 = v2.split('.');
+  const len = Math.max(v1.length, v2.length);
+  while (v1.length < len) {
+    v1.push('0');
+  }
+  while (v2.length < len) {
+    v2.push('0');
+  }
+  for (let i = 0; i < len; i++) {
+    const num1 = parseInt(v1[i], 10);
+    const num2 = parseInt(v2[i], 10);
+    if (num1 > num2) {
+      return 1;
+    }
+    if (num1 < num2) {
+      return -1;
+    }
+  }
+  return 0;
+}
+export function canIUseModel() {
+  const system = getSystemInfoSync();
+  return compareVersion(system.SDKVersion, '2.9.3') >= 0;
+}
+export function canIUseFormFieldButton() {
+  const system = getSystemInfoSync();
+  return compareVersion(system.SDKVersion, '2.10.3') >= 0;
+}
+export function canIUseAnimate() {
+  const system = getSystemInfoSync();
+  return compareVersion(system.SDKVersion, '2.9.0') >= 0;
+}
+export function canIUseGroupSetData() {
+  const system = getSystemInfoSync();
+  return compareVersion(system.SDKVersion, '2.4.0') >= 0;
+}
+export function canIUseNextTick() {
+  return wx.canIUse('nextTick');
+}
diff --git a/mini-app/src/vant/count-down/index.d.ts b/mini-app/src/vant/count-down/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/count-down/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/count-down/index.js b/mini-app/src/vant/count-down/index.js
new file mode 100644
index 000000000..78dbb885e
--- /dev/null
+++ b/mini-app/src/vant/count-down/index.js
@@ -0,0 +1,99 @@
+import { VantComponent } from '../common/component';
+import { isSameSecond, parseFormat, parseTimeData } from './utils';
+function simpleTick(fn) {
+  return setTimeout(fn, 30);
+}
+VantComponent({
+  props: {
+    useSlot: Boolean,
+    millisecond: Boolean,
+    time: {
+      type: Number,
+      observer: 'reset',
+    },
+    format: {
+      type: String,
+      value: 'HH:mm:ss',
+    },
+    autoStart: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    timeData: parseTimeData(0),
+    formattedTime: '0',
+  },
+  destroyed() {
+    clearTimeout(this.tid);
+    this.tid = null;
+  },
+  methods: {
+    // 开始
+    start() {
+      if (this.counting) {
+        return;
+      }
+      this.counting = true;
+      this.endTime = Date.now() + this.remain;
+      this.tick();
+    },
+    // 暂停
+    pause() {
+      this.counting = false;
+      clearTimeout(this.tid);
+    },
+    // 重置
+    reset() {
+      this.pause();
+      this.remain = this.data.time;
+      this.setRemain(this.remain);
+      if (this.data.autoStart) {
+        this.start();
+      }
+    },
+    tick() {
+      if (this.data.millisecond) {
+        this.microTick();
+      } else {
+        this.macroTick();
+      }
+    },
+    microTick() {
+      this.tid = simpleTick(() => {
+        this.setRemain(this.getRemain());
+        if (this.remain !== 0) {
+          this.microTick();
+        }
+      });
+    },
+    macroTick() {
+      this.tid = simpleTick(() => {
+        const remain = this.getRemain();
+        if (!isSameSecond(remain, this.remain) || remain === 0) {
+          this.setRemain(remain);
+        }
+        if (this.remain !== 0) {
+          this.macroTick();
+        }
+      });
+    },
+    getRemain() {
+      return Math.max(this.endTime - Date.now(), 0);
+    },
+    setRemain(remain) {
+      this.remain = remain;
+      const timeData = parseTimeData(remain);
+      if (this.data.useSlot) {
+        this.$emit('change', timeData);
+      }
+      this.setData({
+        formattedTime: parseFormat(this.data.format, timeData),
+      });
+      if (remain === 0) {
+        this.pause();
+        this.$emit('finish');
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/count-down/index.json b/mini-app/src/vant/count-down/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/count-down/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/count-down/index.wxml b/mini-app/src/vant/count-down/index.wxml
new file mode 100644
index 000000000..e206e1677
--- /dev/null
+++ b/mini-app/src/vant/count-down/index.wxml
@@ -0,0 +1,4 @@
+<view class="van-count-down">
+  <slot wx:if="{{ useSlot }}"/>
+  <block wx:else>{{ formattedTime }}</block>
+</view>
diff --git a/mini-app/src/vant/count-down/index.wxss b/mini-app/src/vant/count-down/index.wxss
new file mode 100644
index 000000000..bc33f5dc8
--- /dev/null
+++ b/mini-app/src/vant/count-down/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-count-down{color:#323233;color:var(--count-down-text-color,#323233);font-size:14px;font-size:var(--count-down-font-size,14px);line-height:20px;line-height:var(--count-down-line-height,20px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/count-down/utils.d.ts b/mini-app/src/vant/count-down/utils.d.ts
new file mode 100644
index 000000000..e4a58ddfb
--- /dev/null
+++ b/mini-app/src/vant/count-down/utils.d.ts
@@ -0,0 +1,10 @@
+export declare type TimeData = {
+    days: number;
+    hours: number;
+    minutes: number;
+    seconds: number;
+    milliseconds: number;
+};
+export declare function parseTimeData(time: number): TimeData;
+export declare function parseFormat(format: string, timeData: TimeData): string;
+export declare function isSameSecond(time1: number, time2: number): boolean;
diff --git a/mini-app/src/vant/count-down/utils.js b/mini-app/src/vant/count-down/utils.js
new file mode 100644
index 000000000..a9f05b8ee
--- /dev/null
+++ b/mini-app/src/vant/count-down/utils.js
@@ -0,0 +1,53 @@
+function padZero(num, targetLength = 2) {
+  let str = num + '';
+  while (str.length < targetLength) {
+    str = '0' + str;
+  }
+  return str;
+}
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+export function parseTimeData(time) {
+  const days = Math.floor(time / DAY);
+  const hours = Math.floor((time % DAY) / HOUR);
+  const minutes = Math.floor((time % HOUR) / MINUTE);
+  const seconds = Math.floor((time % MINUTE) / SECOND);
+  const milliseconds = Math.floor(time % SECOND);
+  return {
+    days,
+    hours,
+    minutes,
+    seconds,
+    milliseconds,
+  };
+}
+export function parseFormat(format, timeData) {
+  const { days } = timeData;
+  let { hours, minutes, seconds, milliseconds } = timeData;
+  if (format.indexOf('DD') === -1) {
+    hours += days * 24;
+  } else {
+    format = format.replace('DD', padZero(days));
+  }
+  if (format.indexOf('HH') === -1) {
+    minutes += hours * 60;
+  } else {
+    format = format.replace('HH', padZero(hours));
+  }
+  if (format.indexOf('mm') === -1) {
+    seconds += minutes * 60;
+  } else {
+    format = format.replace('mm', padZero(minutes));
+  }
+  if (format.indexOf('ss') === -1) {
+    milliseconds += seconds * 1000;
+  } else {
+    format = format.replace('ss', padZero(seconds));
+  }
+  return format.replace('SSS', padZero(milliseconds, 3));
+}
+export function isSameSecond(time1, time2) {
+  return Math.floor(time1 / 1000) === Math.floor(time2 / 1000);
+}
diff --git a/mini-app/src/vant/datetime-picker/index.d.ts b/mini-app/src/vant/datetime-picker/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/datetime-picker/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/datetime-picker/index.js b/mini-app/src/vant/datetime-picker/index.js
new file mode 100644
index 000000000..75bd06307
--- /dev/null
+++ b/mini-app/src/vant/datetime-picker/index.js
@@ -0,0 +1,324 @@
+import { VantComponent } from '../common/component';
+import { isDef } from '../common/validator';
+import { pickerProps } from '../picker/shared';
+const currentYear = new Date().getFullYear();
+function isValidDate(date) {
+  return isDef(date) && !isNaN(new Date(date).getTime());
+}
+function range(num, min, max) {
+  return Math.min(Math.max(num, min), max);
+}
+function padZero(val) {
+  return `00${val}`.slice(-2);
+}
+function times(n, iteratee) {
+  let index = -1;
+  const result = Array(n < 0 ? 0 : n);
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+function getTrueValue(formattedValue) {
+  if (formattedValue === undefined) {
+    formattedValue = '1';
+  }
+  while (isNaN(parseInt(formattedValue, 10))) {
+    formattedValue = formattedValue.slice(1);
+  }
+  return parseInt(formattedValue, 10);
+}
+function getMonthEndDay(year, month) {
+  return 32 - new Date(year, month - 1, 32).getDate();
+}
+const defaultFormatter = (type, value) => value;
+VantComponent({
+  classes: ['active-class', 'toolbar-class', 'column-class'],
+  props: Object.assign(Object.assign({}, pickerProps), {
+    value: {
+      type: null,
+      observer: 'updateValue',
+    },
+    filter: null,
+    type: {
+      type: String,
+      value: 'datetime',
+      observer: 'updateValue',
+    },
+    showToolbar: {
+      type: Boolean,
+      value: true,
+    },
+    formatter: {
+      type: null,
+      value: defaultFormatter,
+    },
+    minDate: {
+      type: Number,
+      value: new Date(currentYear - 10, 0, 1).getTime(),
+      observer: 'updateValue',
+    },
+    maxDate: {
+      type: Number,
+      value: new Date(currentYear + 10, 11, 31).getTime(),
+      observer: 'updateValue',
+    },
+    minHour: {
+      type: Number,
+      value: 0,
+      observer: 'updateValue',
+    },
+    maxHour: {
+      type: Number,
+      value: 23,
+      observer: 'updateValue',
+    },
+    minMinute: {
+      type: Number,
+      value: 0,
+      observer: 'updateValue',
+    },
+    maxMinute: {
+      type: Number,
+      value: 59,
+      observer: 'updateValue',
+    },
+  }),
+  data: {
+    innerValue: Date.now(),
+    columns: [],
+  },
+  methods: {
+    updateValue() {
+      const { data } = this;
+      const val = this.correctValue(data.value);
+      const isEqual = val === data.innerValue;
+      if (!isEqual) {
+        this.updateColumnValue(val).then(() => {
+          this.$emit('input', val);
+        });
+      } else {
+        this.updateColumns();
+      }
+    },
+    getPicker() {
+      if (this.picker == null) {
+        this.picker = this.selectComponent('.van-datetime-picker');
+        const { picker } = this;
+        const { setColumnValues } = picker;
+        picker.setColumnValues = (...args) =>
+          setColumnValues.apply(picker, [...args, false]);
+      }
+      return this.picker;
+    },
+    updateColumns() {
+      const { formatter = defaultFormatter } = this.data;
+      const results = this.getOriginColumns().map((column) => ({
+        values: column.values.map((value) => formatter(column.type, value)),
+      }));
+      return this.set({ columns: results });
+    },
+    getOriginColumns() {
+      const { filter } = this.data;
+      const results = this.getRanges().map(({ type, range }) => {
+        let values = times(range[1] - range[0] + 1, (index) => {
+          let value = range[0] + index;
+          value = type === 'year' ? `${value}` : padZero(value);
+          return value;
+        });
+        if (filter) {
+          values = filter(type, values);
+        }
+        return { type, values };
+      });
+      return results;
+    },
+    getRanges() {
+      const { data } = this;
+      if (data.type === 'time') {
+        return [
+          {
+            type: 'hour',
+            range: [data.minHour, data.maxHour],
+          },
+          {
+            type: 'minute',
+            range: [data.minMinute, data.maxMinute],
+          },
+        ];
+      }
+      const {
+        maxYear,
+        maxDate,
+        maxMonth,
+        maxHour,
+        maxMinute,
+      } = this.getBoundary('max', data.innerValue);
+      const {
+        minYear,
+        minDate,
+        minMonth,
+        minHour,
+        minMinute,
+      } = this.getBoundary('min', data.innerValue);
+      const result = [
+        {
+          type: 'year',
+          range: [minYear, maxYear],
+        },
+        {
+          type: 'month',
+          range: [minMonth, maxMonth],
+        },
+        {
+          type: 'day',
+          range: [minDate, maxDate],
+        },
+        {
+          type: 'hour',
+          range: [minHour, maxHour],
+        },
+        {
+          type: 'minute',
+          range: [minMinute, maxMinute],
+        },
+      ];
+      if (data.type === 'date') result.splice(3, 2);
+      if (data.type === 'year-month') result.splice(2, 3);
+      return result;
+    },
+    correctValue(value) {
+      const { data } = this;
+      // validate value
+      const isDateType = data.type !== 'time';
+      if (isDateType && !isValidDate(value)) {
+        value = data.minDate;
+      } else if (!isDateType && !value) {
+        const { minHour } = data;
+        value = `${padZero(minHour)}:00`;
+      }
+      // time type
+      if (!isDateType) {
+        let [hour, minute] = value.split(':');
+        hour = padZero(range(hour, data.minHour, data.maxHour));
+        minute = padZero(range(minute, data.minMinute, data.maxMinute));
+        return `${hour}:${minute}`;
+      }
+      // date type
+      value = Math.max(value, data.minDate);
+      value = Math.min(value, data.maxDate);
+      return value;
+    },
+    getBoundary(type, innerValue) {
+      const value = new Date(innerValue);
+      const boundary = new Date(this.data[`${type}Date`]);
+      const year = boundary.getFullYear();
+      let month = 1;
+      let date = 1;
+      let hour = 0;
+      let minute = 0;
+      if (type === 'max') {
+        month = 12;
+        date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
+        hour = 23;
+        minute = 59;
+      }
+      if (value.getFullYear() === year) {
+        month = boundary.getMonth() + 1;
+        if (value.getMonth() + 1 === month) {
+          date = boundary.getDate();
+          if (value.getDate() === date) {
+            hour = boundary.getHours();
+            if (value.getHours() === hour) {
+              minute = boundary.getMinutes();
+            }
+          }
+        }
+      }
+      return {
+        [`${type}Year`]: year,
+        [`${type}Month`]: month,
+        [`${type}Date`]: date,
+        [`${type}Hour`]: hour,
+        [`${type}Minute`]: minute,
+      };
+    },
+    onCancel() {
+      this.$emit('cancel');
+    },
+    onConfirm() {
+      this.$emit('confirm', this.data.innerValue);
+    },
+    onChange() {
+      const { data } = this;
+      let value;
+      const picker = this.getPicker();
+      const originColumns = this.getOriginColumns();
+      if (data.type === 'time') {
+        const indexes = picker.getIndexes();
+        value = `${+originColumns[0].values[indexes[0]]}:${+originColumns[1]
+          .values[indexes[1]]}`;
+      } else {
+        const indexes = picker.getIndexes();
+        const values = indexes.map(
+          (value, index) => originColumns[index].values[value]
+        );
+        const year = getTrueValue(values[0]);
+        const month = getTrueValue(values[1]);
+        const maxDate = getMonthEndDay(year, month);
+        let date = getTrueValue(values[2]);
+        if (data.type === 'year-month') {
+          date = 1;
+        }
+        date = date > maxDate ? maxDate : date;
+        let hour = 0;
+        let minute = 0;
+        if (data.type === 'datetime') {
+          hour = getTrueValue(values[3]);
+          minute = getTrueValue(values[4]);
+        }
+        value = new Date(year, month - 1, date, hour, minute);
+      }
+      value = this.correctValue(value);
+      this.updateColumnValue(value).then(() => {
+        this.$emit('input', value);
+        this.$emit('change', picker);
+      });
+    },
+    updateColumnValue(value) {
+      let values = [];
+      const { type } = this.data;
+      const formatter = this.data.formatter || defaultFormatter;
+      const picker = this.getPicker();
+      if (type === 'time') {
+        const pair = value.split(':');
+        values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
+      } else {
+        const date = new Date(value);
+        values = [
+          formatter('year', `${date.getFullYear()}`),
+          formatter('month', padZero(date.getMonth() + 1)),
+        ];
+        if (type === 'date') {
+          values.push(formatter('day', padZero(date.getDate())));
+        }
+        if (type === 'datetime') {
+          values.push(
+            formatter('day', padZero(date.getDate())),
+            formatter('hour', padZero(date.getHours())),
+            formatter('minute', padZero(date.getMinutes()))
+          );
+        }
+      }
+      return this.set({ innerValue: value })
+        .then(() => this.updateColumns())
+        .then(() => picker.setValues(values));
+    },
+  },
+  created() {
+    const innerValue = this.correctValue(this.data.value);
+    this.updateColumnValue(innerValue).then(() => {
+      this.$emit('input', innerValue);
+    });
+  },
+});
diff --git a/mini-app/src/vant/datetime-picker/index.json b/mini-app/src/vant/datetime-picker/index.json
new file mode 100644
index 000000000..a778e91cc
--- /dev/null
+++ b/mini-app/src/vant/datetime-picker/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-picker": "../picker/index"
+  }
+}
diff --git a/mini-app/src/vant/datetime-picker/index.wxml b/mini-app/src/vant/datetime-picker/index.wxml
new file mode 100644
index 000000000..ade22024e
--- /dev/null
+++ b/mini-app/src/vant/datetime-picker/index.wxml
@@ -0,0 +1,16 @@
+<van-picker
+  class="van-datetime-picker"
+  active-class="active-class"
+  toolbar-class="toolbar-class"
+  column-class="column-class"
+  title="{{ title }}"
+  columns="{{ columns }}"
+  item-height="{{ itemHeight }}"
+  show-toolbar="{{ showToolbar }}"
+  visible-item-count="{{ visibleItemCount }}"
+  confirm-button-text="{{ confirmButtonText }}"
+  cancel-button-text="{{ cancelButtonText }}"
+  bind:change="onChange"
+  bind:confirm="onConfirm"
+  bind:cancel="onCancel"
+/>
diff --git a/mini-app/src/vant/datetime-picker/index.wxss b/mini-app/src/vant/datetime-picker/index.wxss
new file mode 100644
index 000000000..99694d603
--- /dev/null
+++ b/mini-app/src/vant/datetime-picker/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
\ No newline at end of file
diff --git a/mini-app/src/vant/definitions/index.d.ts b/mini-app/src/vant/definitions/index.d.ts
new file mode 100644
index 000000000..f2e8e0d19
--- /dev/null
+++ b/mini-app/src/vant/definitions/index.d.ts
@@ -0,0 +1,31 @@
+/// <reference types="miniprogram-api-typings" />
+import { Weapp } from './weapp';
+declare type RecordToAny<T> = {
+  [K in keyof T]: any;
+};
+export declare type CombinedComponentInstance<Data, Props, Methods> = Methods &
+  WechatMiniprogram.Component.TrivialInstance &
+  Weapp.FormField & {
+    data: Data & RecordToAny<Props>;
+  };
+export interface VantComponentOptions<Data, Props, Methods, Instance> {
+  data?: Data;
+  field?: boolean;
+  classes?: string[];
+  mixins?: string[];
+  props?: Props & Weapp.PropertyOption;
+  relation?: Weapp.RelationOption<Instance> & {
+    type: 'ancestor' | 'descendant';
+    name: string;
+    current: string;
+  };
+  relations?: {
+    [componentName: string]: Weapp.RelationOption<Instance>;
+  };
+  methods?: Methods & Weapp.MethodOption<Instance>;
+  beforeCreate?: (this: Instance) => void;
+  created?: (this: Instance) => void;
+  mounted?: (this: Instance) => void;
+  destroyed?: (this: Instance) => void;
+}
+export {};
diff --git a/mini-app/src/vant/definitions/index.js b/mini-app/src/vant/definitions/index.js
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/definitions/index.js
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/definitions/weapp.d.ts b/mini-app/src/vant/definitions/weapp.d.ts
new file mode 100644
index 000000000..9b7ca5a3b
--- /dev/null
+++ b/mini-app/src/vant/definitions/weapp.d.ts
@@ -0,0 +1,77 @@
+/// <reference types="miniprogram-api-typings" />
+export declare namespace Weapp {
+  export interface FormField {
+    data: {
+      name: string;
+      value: any;
+    };
+  }
+  /**
+   * relation定义，miniprogram-api-typings缺少this定义
+   */
+  export interface RelationOption<Instance> {
+    /** 目标组件的相对关系 */
+    type: 'parent' | 'child' | 'ancestor' | 'descendant';
+    /** 关系生命周期函数，当关系被建立在页面节点树中时触发，触发时机在组件attached生命周期之后 */
+    linked?(
+      this: Instance,
+      target: WechatMiniprogram.Component.TrivialInstance
+    ): void;
+    /** 关系生命周期函数，当关系在页面节点树中发生改变时触发，触发时机在组件moved生命周期之后 */
+    linkChanged?(
+      this: Instance,
+      target: WechatMiniprogram.Component.TrivialInstance
+    ): void;
+    /** 关系生命周期函数，当关系脱离页面节点树时触发，触发时机在组件detached生命周期之后 */
+    unlinked?(
+      this: Instance,
+      target: WechatMiniprogram.Component.TrivialInstance
+    ): void;
+    /** 如果这一项被设置，则它表示关联的目标节点所应具有的behavior，所有拥有这一behavior的组件节点都会被关联 */
+    target?: string;
+  }
+  /**
+   * obverser定义，miniprogram-api-typings缺少this定义
+   */
+  type Observer<Instance, T> = (
+    this: Instance,
+    newVal: T,
+    oldVal: T,
+    changedPath: Array<string | number>
+  ) => void;
+  /**
+   * methods定义，miniprogram-api-typings缺少this定义
+   */
+  export interface MethodOption<Instance> {
+    [name: string]: (this: Instance, ...args: any[]) => any;
+  }
+  export interface ComputedOption<Instance> {
+    [name: string]: (this: Instance) => any;
+  }
+  type PropertyType =
+    | StringConstructor
+    | NumberConstructor
+    | BooleanConstructor
+    | ArrayConstructor
+    | ObjectConstructor
+    | FunctionConstructor
+    | null;
+  export interface PropertyOption {
+    [name: string]:
+      | PropertyType
+      | PropertyType[]
+      | {
+          /** 属性类型 */
+          type: PropertyType | PropertyType[];
+          /** 属性初始值 */
+          value?: any;
+          /** 属性值被更改时的响应函数 */
+          observer?:
+            | string
+            | Observer<WechatMiniprogram.Component.TrivialInstance, any>;
+          /** 属性的类型（可以指定多个） */
+          optionalTypes?: PropertyType[];
+        };
+  }
+  export {};
+}
diff --git a/mini-app/src/vant/definitions/weapp.js b/mini-app/src/vant/definitions/weapp.js
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/definitions/weapp.js
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/dialog/dialog.d.ts b/mini-app/src/vant/dialog/dialog.d.ts
new file mode 100644
index 000000000..ee7f45590
--- /dev/null
+++ b/mini-app/src/vant/dialog/dialog.d.ts
@@ -0,0 +1,80 @@
+/// <reference types="miniprogram-api-typings" />
+export declare type Action = 'confirm' | 'cancel' | 'overlay';
+interface DialogOptions {
+  lang?: string;
+  show?: boolean;
+  title?: string;
+  width?: string | number | null;
+  zIndex?: number;
+  theme?: string;
+  context?:
+    | WechatMiniprogram.Page.TrivialInstance
+    | WechatMiniprogram.Component.TrivialInstance;
+  message?: string;
+  overlay?: boolean;
+  selector?: string;
+  ariaLabel?: string;
+  className?: string;
+  customStyle?: string;
+  transition?: string;
+  /**
+   * @deprecated use beforeClose instead
+   */
+  asyncClose?: boolean;
+  beforeClose?: null | (() => Promise<void> | void);
+  businessId?: number;
+  sessionFrom?: string;
+  overlayStyle?: string;
+  appParameter?: string;
+  messageAlign?: string;
+  sendMessageImg?: string;
+  showMessageCard?: boolean;
+  sendMessagePath?: string;
+  sendMessageTitle?: string;
+  confirmButtonText?: string;
+  cancelButtonText?: string;
+  showConfirmButton?: boolean;
+  showCancelButton?: boolean;
+  closeOnClickOverlay?: boolean;
+  confirmButtonOpenType?: string;
+}
+declare const Dialog: {
+  (options: DialogOptions): Promise<
+    WechatMiniprogram.Component.Instance<
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      false
+    >
+  >;
+  alert(
+    options: DialogOptions
+  ): Promise<
+    WechatMiniprogram.Component.Instance<
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      false
+    >
+  >;
+  confirm(
+    options: DialogOptions
+  ): Promise<
+    WechatMiniprogram.Component.Instance<
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      false
+    >
+  >;
+  close(): void;
+  stopLoading(): void;
+  currentOptions: DialogOptions;
+  defaultOptions: DialogOptions;
+  setDefaultOptions(options: DialogOptions): void;
+  resetDefaultOptions(): void;
+};
+export default Dialog;
diff --git a/mini-app/src/vant/dialog/dialog.js b/mini-app/src/vant/dialog/dialog.js
new file mode 100644
index 000000000..542c07b0a
--- /dev/null
+++ b/mini-app/src/vant/dialog/dialog.js
@@ -0,0 +1,84 @@
+let queue = [];
+const defaultOptions = {
+  show: false,
+  title: '',
+  width: null,
+  theme: 'default',
+  message: '',
+  zIndex: 100,
+  overlay: true,
+  selector: '#van-dialog',
+  className: '',
+  asyncClose: false,
+  beforeClose: null,
+  transition: 'scale',
+  customStyle: '',
+  messageAlign: '',
+  overlayStyle: '',
+  confirmButtonText: '确认',
+  cancelButtonText: '取消',
+  showConfirmButton: true,
+  showCancelButton: false,
+  closeOnClickOverlay: false,
+  confirmButtonOpenType: '',
+};
+let currentOptions = Object.assign({}, defaultOptions);
+function getContext() {
+  const pages = getCurrentPages();
+  return pages[pages.length - 1];
+}
+const Dialog = (options) => {
+  options = Object.assign(Object.assign({}, currentOptions), options);
+  return new Promise((resolve, reject) => {
+    const context = options.context || getContext();
+    const dialog = context.selectComponent(options.selector);
+    delete options.context;
+    delete options.selector;
+    if (dialog) {
+      dialog.setData(
+        Object.assign(
+          {
+            callback: (action, instance) => {
+              action === 'confirm' ? resolve(instance) : reject(instance);
+            },
+          },
+          options
+        )
+      );
+      wx.nextTick(() => {
+        dialog.setData({ show: true });
+      });
+      queue.push(dialog);
+    } else {
+      console.warn(
+        '未找到 van-dialog 节点，请确认 selector 及 context 是否正确'
+      );
+    }
+  });
+};
+Dialog.alert = (options) => Dialog(options);
+Dialog.confirm = (options) =>
+  Dialog(Object.assign({ showCancelButton: true }, options));
+Dialog.close = () => {
+  queue.forEach((dialog) => {
+    dialog.close();
+  });
+  queue = [];
+};
+Dialog.stopLoading = () => {
+  queue.forEach((dialog) => {
+    dialog.stopLoading();
+  });
+};
+Dialog.currentOptions = currentOptions;
+Dialog.defaultOptions = defaultOptions;
+Dialog.setDefaultOptions = (options) => {
+  currentOptions = Object.assign(Object.assign({}, currentOptions), options);
+  Dialog.currentOptions = currentOptions;
+};
+Dialog.resetDefaultOptions = () => {
+  currentOptions = Object.assign({}, defaultOptions);
+  Dialog.currentOptions = currentOptions;
+};
+Dialog.resetDefaultOptions();
+export default Dialog;
diff --git a/mini-app/src/vant/dialog/index.d.ts b/mini-app/src/vant/dialog/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/dialog/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/dialog/index.js b/mini-app/src/vant/dialog/index.js
new file mode 100644
index 000000000..72a239d43
--- /dev/null
+++ b/mini-app/src/vant/dialog/index.js
@@ -0,0 +1,121 @@
+import { VantComponent } from '../common/component';
+import { button } from '../mixins/button';
+import { openType } from '../mixins/open-type';
+import { GRAY, RED } from '../common/color';
+import { toPromise } from '../common/utils';
+VantComponent({
+  mixins: [button, openType],
+  props: {
+    show: {
+      type: Boolean,
+      observer(show) {
+        !show && this.stopLoading();
+      },
+    },
+    title: String,
+    message: String,
+    theme: {
+      type: String,
+      value: 'default',
+    },
+    useSlot: Boolean,
+    className: String,
+    customStyle: String,
+    asyncClose: Boolean,
+    messageAlign: String,
+    beforeClose: null,
+    overlayStyle: String,
+    useTitleSlot: Boolean,
+    showCancelButton: Boolean,
+    closeOnClickOverlay: Boolean,
+    confirmButtonOpenType: String,
+    width: null,
+    zIndex: {
+      type: Number,
+      value: 2000,
+    },
+    confirmButtonText: {
+      type: String,
+      value: '确认',
+    },
+    cancelButtonText: {
+      type: String,
+      value: '取消',
+    },
+    confirmButtonColor: {
+      type: String,
+      value: RED,
+    },
+    cancelButtonColor: {
+      type: String,
+      value: GRAY,
+    },
+    showConfirmButton: {
+      type: Boolean,
+      value: true,
+    },
+    overlay: {
+      type: Boolean,
+      value: true,
+    },
+    transition: {
+      type: String,
+      value: 'scale',
+    },
+  },
+  data: {
+    loading: {
+      confirm: false,
+      cancel: false,
+    },
+  },
+  methods: {
+    onConfirm() {
+      this.handleAction('confirm');
+    },
+    onCancel() {
+      this.handleAction('cancel');
+    },
+    onClickOverlay() {
+      this.onClose('overlay');
+    },
+    close(action) {
+      this.setData({ show: false });
+      wx.nextTick(() => {
+        this.$emit('close', action);
+        const { callback } = this.data;
+        if (callback) {
+          callback(action, this);
+        }
+      });
+    },
+    stopLoading() {
+      this.setData({
+        loading: {
+          confirm: false,
+          cancel: false,
+        },
+      });
+    },
+    handleAction(action) {
+      this.$emit(action, { dialog: this });
+      const { asyncClose, beforeClose } = this.data;
+      if (!asyncClose && !beforeClose) {
+        this.close(action);
+        return;
+      }
+      // this.setData({
+      //   [`loading.${action}`]: true,
+      // });
+      if (beforeClose) {
+        toPromise(beforeClose(action)).then((value) => {
+          if (value) {
+            this.close(action);
+          } else {
+            this.stopLoading();
+          }
+        });
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/dialog/index.json b/mini-app/src/vant/dialog/index.json
new file mode 100644
index 000000000..43417fc89
--- /dev/null
+++ b/mini-app/src/vant/dialog/index.json
@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-popup": "../popup/index",
+    "van-button": "../button/index",
+    "van-goods-action": "../goods-action/index",
+    "van-goods-action-button": "../goods-action-button/index"
+  }
+}
diff --git a/mini-app/src/vant/dialog/index.wxml b/mini-app/src/vant/dialog/index.wxml
new file mode 100644
index 000000000..fd13bc9ad
--- /dev/null
+++ b/mini-app/src/vant/dialog/index.wxml
@@ -0,0 +1,113 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<van-popup
+  show="{{ show }}"
+  z-index="{{ zIndex }}"
+  overlay="{{ overlay }}"
+  transition="{{ transition }}"
+  custom-class="van-dialog van-dialog--{{ theme }} {{ className }}"
+  custom-style="width: {{ utils.addUnit(width) }};{{ customStyle }}"
+  overlay-style="{{ overlayStyle }}"
+  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  bind:close="onClickOverlay"
+>
+  <view
+    wx:if="{{ title || useTitleSlot  }}"
+    class="{{ utils.bem('dialog__header', { isolated: !(message || useSlot) }) }}"
+  >
+    <slot wx:if="{{ useTitleSlot }}" name="title" />
+    <block wx:elif="{{ title }}">{{ title }}</block>
+  </view>
+
+  <slot wx:if="{{ useSlot }}" />
+  <view
+    wx:elif="{{ message }}"
+    class="{{ utils.bem('dialog__message', [theme, messageAlign, { hasTitle: title }]) }}"
+  >
+    <text class="van-dialog__message-text">{{ message }}</text>
+  </view>
+
+  <van-goods-action wx:if="{{ theme === 'round-button' }}" custom-class="van-dialog__footer--round-button">
+    <van-goods-action-button
+      wx:if="{{ showCancelButton }}"
+      size="large"
+      loading="{{ loading.cancel }}"
+      class="van-dialog__button van-hairline--right"
+      custom-class="van-dialog__cancel"
+      custom-style="color: {{ cancelButtonColor }}"
+      bind:click="onCancel"
+    >
+      {{ cancelButtonText }}
+    </van-goods-action-button>
+    <van-goods-action-button
+      wx:if="{{ showConfirmButton }}"
+      size="large"
+      class="van-dialog__button"
+      loading="{{ loading.confirm }}"
+      custom-class="van-dialog__confirm"
+      custom-style="color: {{ confirmButtonColor }}"
+
+      open-type="{{ confirmButtonOpenType }}"
+      lang="{{ lang }}"
+      business-id="{{ businessId }}"
+      session-from="{{ sessionFrom }}"
+      send-message-title="{{ sendMessageTitle }}"
+      send-message-path="{{ sendMessagePath }}"
+      send-message-img="{{ sendMessageImg }}"
+      show-message-card="{{ showMessageCard }}"
+      app-parameter="{{ appParameter }}"
+
+      bind:click="onConfirm"
+      bindgetuserinfo="bindGetUserInfo"
+      bindcontact="bindContact"
+      bindgetphonenumber="bindGetPhoneNumber"
+      binderror="bindError"
+      bindlaunchapp="bindLaunchApp"
+      bindopensetting="bindOpenSetting"
+    >
+      {{ confirmButtonText }}
+    </van-goods-action-button>
+  </van-goods-action>
+
+  <view wx:else class="van-hairline--top van-dialog__footer">
+    <van-button
+      wx:if="{{ showCancelButton }}"
+      size="large"
+      loading="{{ loading.cancel }}"
+      class="van-dialog__button van-hairline--right"
+      custom-class="van-dialog__cancel"
+      custom-style="color: {{ cancelButtonColor }}"
+      bind:click="onCancel"
+    >
+      {{ cancelButtonText }}
+    </van-button>
+    <van-button
+      wx:if="{{ showConfirmButton }}"
+      size="large"
+      class="van-dialog__button"
+      loading="{{ loading.confirm }}"
+      custom-class="van-dialog__confirm"
+      custom-style="color: {{ confirmButtonColor }}"
+
+      open-type="{{ confirmButtonOpenType }}"
+      lang="{{ lang }}"
+      business-id="{{ businessId }}"
+      session-from="{{ sessionFrom }}"
+      send-message-title="{{ sendMessageTitle }}"
+      send-message-path="{{ sendMessagePath }}"
+      send-message-img="{{ sendMessageImg }}"
+      show-message-card="{{ showMessageCard }}"
+      app-parameter="{{ appParameter }}"
+
+      bind:click="onConfirm"
+      bindgetuserinfo="bindGetUserInfo"
+      bindcontact="bindContact"
+      bindgetphonenumber="bindGetPhoneNumber"
+      binderror="bindError"
+      bindlaunchapp="bindLaunchApp"
+      bindopensetting="bindOpenSetting"
+    >
+      {{ confirmButtonText }}
+    </van-button>
+  </view>
+</van-popup>
diff --git a/mini-app/src/vant/dialog/index.wxss b/mini-app/src/vant/dialog/index.wxss
new file mode 100644
index 000000000..c6bac9574
--- /dev/null
+++ b/mini-app/src/vant/dialog/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-dialog{top:45%!important;overflow:hidden;width:320px;width:var(--dialog-width,320px);font-size:16px;font-size:var(--dialog-font-size,16px);border-radius:16px;border-radius:var(--dialog-border-radius,16px);background-color:#fff;background-color:var(--dialog-background-color,#fff)}@media (max-width:321px){.van-dialog{width:90%;width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{text-align:center;padding-top:24px;padding-top:var(--dialog-header-padding-top,24px);font-weight:500;font-weight:var(--dialog-header-font-weight,500);line-height:24px;line-height:var(--dialog-header-line-height,24px)}.van-dialog__header--isolated{padding:24px 0;padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{overflow-y:auto;text-align:center;-webkit-overflow-scrolling:touch;font-size:14px;font-size:var(--dialog-message-font-size,14px);line-height:20px;line-height:var(--dialog-message-line-height,20px);max-height:60vh;max-height:var(--dialog-message-max-height,60vh);padding:24px;padding:var(--dialog-message-padding,24px)}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{padding-top:8px;padding-top:var(--dialog-has-title-message-padding-top,8px);color:#646566;color:var(--dialog-has-title-message-text-color,#646566)}.van-dialog__message--round-button{padding-bottom:16px;color:#323233}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-flex;display:flex}.van-dialog__footer--round-button{position:relative!important;padding:8px 24px 16px!important}.van-dialog__button{-webkit-flex:1;flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
\ No newline at end of file
diff --git a/mini-app/src/vant/divider/index.d.ts b/mini-app/src/vant/divider/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/divider/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/divider/index.js b/mini-app/src/vant/divider/index.js
new file mode 100644
index 000000000..96716e6e8
--- /dev/null
+++ b/mini-app/src/vant/divider/index.js
@@ -0,0 +1,33 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    dashed: {
+      type: Boolean,
+      value: false,
+    },
+    hairline: {
+      type: Boolean,
+      value: false,
+    },
+    contentPosition: {
+      type: String,
+      value: '',
+    },
+    fontSize: {
+      type: Number,
+      value: '',
+    },
+    borderColor: {
+      type: String,
+      value: '',
+    },
+    textColor: {
+      type: String,
+      value: '',
+    },
+    customStyle: {
+      type: String,
+      value: '',
+    },
+  },
+});
diff --git a/mini-app/src/vant/divider/index.json b/mini-app/src/vant/divider/index.json
new file mode 100644
index 000000000..a89ef4dbe
--- /dev/null
+++ b/mini-app/src/vant/divider/index.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
diff --git a/mini-app/src/vant/divider/index.wxml b/mini-app/src/vant/divider/index.wxml
new file mode 100644
index 000000000..412e73f2c
--- /dev/null
+++ b/mini-app/src/vant/divider/index.wxml
@@ -0,0 +1,8 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="custom-class {{ utils.bem('divider', [{dashed, hairline}, contentPosition]) }}"
+  style="{{ borderColor  ? 'border-color: ' + borderColor + ';' : '' }}{{ textColor ? 'color: ' + textColor + ';' : '' }} {{ fontSize ? 'font-size: ' + fontSize + 'px;' : '' }} {{ customStyle }}"
+>
+  <slot />
+</view>
diff --git a/mini-app/src/vant/divider/index.wxss b/mini-app/src/vant/divider/index.wxss
new file mode 100644
index 000000000..c055e3af9
--- /dev/null
+++ b/mini-app/src/vant/divider/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-divider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:16px 0;margin:var(--divider-margin,16px 0);color:#969799;color:var(--divider-text-color,#969799);font-size:14px;font-size:var(--divider-font-size,14px);line-height:24px;line-height:var(--divider-line-height,24px);border:0 solid #ebedf0;border-color:var(--divider-border-color,#ebedf0)}.van-divider:after,.van-divider:before{display:block;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.van-divider:before{content:""}.van-divider--hairline:after,.van-divider--hairline:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center:before,.van-divider--left:before,.van-divider--right:before{margin-right:16px;margin-right:var(--divider-content-padding,16px)}.van-divider--center:after,.van-divider--left:after,.van-divider--right:after{content:"";margin-left:16px;margin-left:var(--divider-content-padding,16px)}.van-divider--left:before{max-width:10%;max-width:var(--divider-content-left-width,10%)}.van-divider--right:after{max-width:10%;max-width:var(--divider-content-right-width,10%)}
\ No newline at end of file
diff --git a/mini-app/src/vant/dropdown-item/index.d.ts b/mini-app/src/vant/dropdown-item/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/dropdown-item/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/dropdown-item/index.js b/mini-app/src/vant/dropdown-item/index.js
new file mode 100644
index 000000000..46588d054
--- /dev/null
+++ b/mini-app/src/vant/dropdown-item/index.js
@@ -0,0 +1,109 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  field: true,
+  relation: {
+    name: 'dropdown-menu',
+    type: 'ancestor',
+    current: 'dropdown-item',
+    linked() {
+      this.updateDataFromParent();
+    },
+  },
+  props: {
+    value: {
+      type: null,
+      observer: 'rerender',
+    },
+    title: {
+      type: String,
+      observer: 'rerender',
+    },
+    disabled: Boolean,
+    titleClass: {
+      type: String,
+      observer: 'rerender',
+    },
+    options: {
+      type: Array,
+      value: [],
+      observer: 'rerender',
+    },
+    popupStyle: String,
+  },
+  data: {
+    transition: true,
+    showPopup: false,
+    showWrapper: false,
+    displayTitle: '',
+  },
+  methods: {
+    rerender() {
+      wx.nextTick(() => {
+        this.parent && this.parent.updateItemListData();
+      });
+    },
+    updateDataFromParent() {
+      if (this.parent) {
+        const {
+          overlay,
+          duration,
+          activeColor,
+          closeOnClickOverlay,
+          direction,
+        } = this.parent.data;
+        this.setData({
+          overlay,
+          duration,
+          activeColor,
+          closeOnClickOverlay,
+          direction,
+        });
+      }
+    },
+    onOpen() {
+      this.$emit('open');
+    },
+    onOpened() {
+      this.$emit('opened');
+    },
+    onClose() {
+      this.$emit('close');
+    },
+    onClosed() {
+      this.$emit('closed');
+      this.setData({ showWrapper: false });
+    },
+    onOptionTap(event) {
+      const { option } = event.currentTarget.dataset;
+      const { value } = option;
+      const shouldEmitChange = this.data.value !== value;
+      this.setData({ showPopup: false, value });
+      this.$emit('close');
+      this.rerender();
+      if (shouldEmitChange) {
+        this.$emit('change', value);
+      }
+    },
+    toggle(show, options = {}) {
+      const { showPopup } = this.data;
+      if (typeof show !== 'boolean') {
+        show = !showPopup;
+      }
+      if (show === showPopup) {
+        return;
+      }
+      this.setData({
+        transition: !options.immediate,
+        showPopup: show,
+      });
+      if (show) {
+        this.parent.getChildWrapperStyle().then((wrapperStyle) => {
+          this.setData({ wrapperStyle, showWrapper: true });
+          this.rerender();
+        });
+      } else {
+        this.rerender();
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/dropdown-item/index.json b/mini-app/src/vant/dropdown-item/index.json
new file mode 100644
index 000000000..88d540990
--- /dev/null
+++ b/mini-app/src/vant/dropdown-item/index.json
@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-popup": "../popup/index",
+    "van-cell": "../cell/index",
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/dropdown-item/index.wxml b/mini-app/src/vant/dropdown-item/index.wxml
new file mode 100644
index 000000000..dd75292f8
--- /dev/null
+++ b/mini-app/src/vant/dropdown-item/index.wxml
@@ -0,0 +1,48 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  wx:if="{{ showWrapper }}"
+  class="{{ utils.bem('dropdown-item', direction) }}"
+  style="{{ wrapperStyle }}"
+>
+  <van-popup
+    show="{{ showPopup }}"
+    custom-style="position: absolute;{{ popupStyle }}"
+    overlay-style="position: absolute;"
+    overlay="{{ overlay }}"
+    position="{{ direction === 'down' ? 'top' : 'bottom' }}"
+    duration="{{ transition ? duration : 0 }}"
+    close-on-click-overlay="{{ closeOnClickOverlay }}"
+    bind:enter="onOpen"
+    bind:leave="onClose"
+    bind:close="toggle"
+    bind:after-enter="onOpened"
+    bind:after-leave="onClosed"
+  >
+    <van-cell
+      wx:for="{{ options }}"
+      wx:key="value"
+      data-option="{{ item }}"
+      class="{{ utils.bem('dropdown-item__option', { active: item.value === value } ) }}"
+      clickable
+      icon="{{ item.icon }}"
+      bind:tap="onOptionTap"
+    >
+      <view
+        slot="title"
+        class="van-dropdown-item__title"
+        style="{{ item.value === value  ? 'color:' + activeColor : '' }}"
+      >
+        {{ item.text }}
+      </view>
+      <van-icon
+        wx:if="{{ item.value === value }}"
+        name="success"
+        class="van-dropdown-item__icon"
+        color="{{ activeColor }}"
+      />
+    </van-cell>
+
+    <slot />
+  </van-popup>
+</view>
diff --git a/mini-app/src/vant/dropdown-item/index.wxss b/mini-app/src/vant/dropdown-item/index.wxss
new file mode 100644
index 000000000..7cab3f28a
--- /dev/null
+++ b/mini-app/src/vant/dropdown-item/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-dropdown-item{position:fixed;right:0;left:0;overflow:hidden}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active .van-dropdown-item__icon,.van-dropdown-item__option--active .van-dropdown-item__title{color:#ee0a24;color:var(--dropdown-menu-option-active-color,#ee0a24)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__icon{display:block;line-height:inherit}
\ No newline at end of file
diff --git a/mini-app/src/vant/dropdown-item/shared.d.ts b/mini-app/src/vant/dropdown-item/shared.d.ts
new file mode 100644
index 000000000..c90bd9e19
--- /dev/null
+++ b/mini-app/src/vant/dropdown-item/shared.d.ts
@@ -0,0 +1,5 @@
+export interface Option {
+  text: string;
+  value: string | number;
+  icon: string;
+}
diff --git a/mini-app/src/vant/dropdown-item/shared.js b/mini-app/src/vant/dropdown-item/shared.js
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/dropdown-item/shared.js
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/dropdown-menu/index.d.ts b/mini-app/src/vant/dropdown-menu/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/dropdown-menu/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/dropdown-menu/index.js b/mini-app/src/vant/dropdown-menu/index.js
new file mode 100644
index 000000000..bdb884c85
--- /dev/null
+++ b/mini-app/src/vant/dropdown-menu/index.js
@@ -0,0 +1,119 @@
+import { VantComponent } from '../common/component';
+import { addUnit, getRect, getSystemInfoSync } from '../common/utils';
+let ARRAY = [];
+VantComponent({
+  field: true,
+  relation: {
+    name: 'dropdown-item',
+    type: 'descendant',
+    current: 'dropdown-menu',
+    linked() {
+      this.updateItemListData();
+    },
+    unlinked() {
+      this.updateItemListData();
+    },
+  },
+  props: {
+    activeColor: {
+      type: String,
+      observer: 'updateChildrenData',
+    },
+    overlay: {
+      type: Boolean,
+      value: true,
+      observer: 'updateChildrenData',
+    },
+    zIndex: {
+      type: Number,
+      value: 10,
+    },
+    duration: {
+      type: Number,
+      value: 200,
+      observer: 'updateChildrenData',
+    },
+    direction: {
+      type: String,
+      value: 'down',
+      observer: 'updateChildrenData',
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      value: true,
+      observer: 'updateChildrenData',
+    },
+    closeOnClickOutside: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    itemListData: [],
+  },
+  beforeCreate() {
+    const { windowHeight } = getSystemInfoSync();
+    this.windowHeight = windowHeight;
+    ARRAY.push(this);
+  },
+  destroyed() {
+    ARRAY = ARRAY.filter((item) => item !== this);
+  },
+  methods: {
+    updateItemListData() {
+      this.setData({
+        itemListData: this.children.map((child) => child.data),
+      });
+    },
+    updateChildrenData() {
+      this.children.forEach((child) => {
+        child.updateDataFromParent();
+      });
+    },
+    toggleItem(active) {
+      this.children.forEach((item, index) => {
+        const { showPopup } = item.data;
+        if (index === active) {
+          item.toggle();
+        } else if (showPopup) {
+          item.toggle(false, { immediate: true });
+        }
+      });
+    },
+    close() {
+      this.children.forEach((child) => {
+        child.toggle(false, { immediate: true });
+      });
+    },
+    getChildWrapperStyle() {
+      const { zIndex, direction } = this.data;
+      return getRect(this, '.van-dropdown-menu').then((rect) => {
+        const { top = 0, bottom = 0 } = rect;
+        const offset = direction === 'down' ? bottom : this.windowHeight - top;
+        let wrapperStyle = `z-index: ${zIndex};`;
+        if (direction === 'down') {
+          wrapperStyle += `top: ${addUnit(offset)};`;
+        } else {
+          wrapperStyle += `bottom: ${addUnit(offset)};`;
+        }
+        return wrapperStyle;
+      });
+    },
+    onTitleTap(event) {
+      const { index } = event.currentTarget.dataset;
+      const child = this.children[index];
+      if (!child.data.disabled) {
+        ARRAY.forEach((menuItem) => {
+          if (
+            menuItem &&
+            menuItem.data.closeOnClickOutside &&
+            menuItem !== this
+          ) {
+            menuItem.close();
+          }
+        });
+        this.toggleItem(index);
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/dropdown-menu/index.json b/mini-app/src/vant/dropdown-menu/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/dropdown-menu/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/dropdown-menu/index.wxml b/mini-app/src/vant/dropdown-menu/index.wxml
new file mode 100644
index 000000000..037ac3b6e
--- /dev/null
+++ b/mini-app/src/vant/dropdown-menu/index.wxml
@@ -0,0 +1,23 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="van-dropdown-menu van-dropdown-menu--top-bottom">
+  <view
+    wx:for="{{ itemListData }}"
+    wx:key="index"
+    data-index="{{ index }}"
+    class="{{ utils.bem('dropdown-menu__item', { disabled: item.disabled }) }}"
+    bind:tap="onTitleTap"
+  >
+    <view
+      class="{{ item.titleClass }} {{ utils.bem('dropdown-menu__title', { active: item.showPopup, down: item.showPopup === (direction === 'down') }) }}"
+      style="{{ item.showPopup ? 'color:' + activeColor : '' }}"
+    >
+      <view class="van-ellipsis">
+        {{ computed.displayTitle(item) }}
+      </view>
+    </view>
+  </view>
+
+  <slot />
+</view>
diff --git a/mini-app/src/vant/dropdown-menu/index.wxs b/mini-app/src/vant/dropdown-menu/index.wxs
new file mode 100644
index 000000000..65388549c
--- /dev/null
+++ b/mini-app/src/vant/dropdown-menu/index.wxs
@@ -0,0 +1,16 @@
+/* eslint-disable */
+function displayTitle(item) {
+  if (item.title) {
+    return item.title;
+  }
+
+  var match = item.options.filter(function(option) {
+    return option.value === item.value;
+  });
+  var displayTitle = match.length ? match[0].text : '';
+  return displayTitle;
+}
+
+module.exports = {
+  displayTitle: displayTitle
+};
diff --git a/mini-app/src/vant/dropdown-menu/index.wxss b/mini-app/src/vant/dropdown-menu/index.wxss
new file mode 100644
index 000000000..ec6caff63
--- /dev/null
+++ b/mini-app/src/vant/dropdown-menu/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-dropdown-menu{display:-webkit-flex;display:flex;box-shadow:0 2px 12px rgba(100,101,102,.12);-webkit-user-select:none;user-select:none;height:50px;height:var(--dropdown-menu-height,50px);background-color:#fff;background-color:var(--dropdown-menu-background-color,#fff)}.van-dropdown-menu__item{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799;color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 8px;padding:var(--dropdown-menu-title-padding,0 8px);color:#323233;color:var(--dropdown-menu-title-text-color,#323233);font-size:15px;font-size:var(--dropdown-menu-title-font-size,15px);line-height:18px;line-height:var(--dropdown-menu-title-line-height,18px)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border-color:transparent transparent currentcolor currentcolor;border-style:solid;border-width:3px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:#ee0a24;color:var(--dropdown-menu-title-active-text-color,#ee0a24)}.van-dropdown-menu__title--down:after{margin-top:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
\ No newline at end of file
diff --git a/mini-app/src/vant/empty/index.d.ts b/mini-app/src/vant/empty/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/empty/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/empty/index.js b/mini-app/src/vant/empty/index.js
new file mode 100644
index 000000000..0fee8a481
--- /dev/null
+++ b/mini-app/src/vant/empty/index.js
@@ -0,0 +1,20 @@
+import { VantComponent } from '../common/component';
+const PRESETS = ['error', 'search', 'default', 'network'];
+VantComponent({
+  props: {
+    description: String,
+    image: {
+      type: String,
+      value: 'default',
+    },
+  },
+  created() {
+    if (PRESETS.indexOf(this.data.image) !== -1) {
+      this.setData({
+        imageUrl: `https://img.yzcdn.cn/vant/empty-image-${this.data.image}.png`,
+      });
+    } else {
+      this.setData({ imageUrl: this.data.image });
+    }
+  },
+});
diff --git a/mini-app/src/vant/empty/index.json b/mini-app/src/vant/empty/index.json
new file mode 100644
index 000000000..e8cfaaf80
--- /dev/null
+++ b/mini-app/src/vant/empty/index.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/src/vant/empty/index.wxml b/mini-app/src/vant/empty/index.wxml
new file mode 100644
index 000000000..b6a2cb3cd
--- /dev/null
+++ b/mini-app/src/vant/empty/index.wxml
@@ -0,0 +1,21 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="custom-class van-empty">
+  <view class="van-empty__image">
+    <slot name="image"></slot>
+  </view>
+  <view class="van-empty__image">
+    <image wx:if="{{ imageUrl }}" class="van-empty__image__img" src="{{ imageUrl }}" />
+  </view>
+
+  <view class="van-empty__description">
+    <slot name="description"></slot>
+  </view>
+  <view class="van-empty__description">
+    {{ description }}
+  </view>
+
+  <view class="van-empty__bottom">
+    <slot></slot>
+  </view>
+</view>
diff --git a/mini-app/src/vant/empty/index.wxss b/mini-app/src/vant/empty/index.wxss
new file mode 100644
index 000000000..aeb9d4b15
--- /dev/null
+++ b/mini-app/src/vant/empty/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-empty{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:32px 0}.van-empty__image{width:160px;height:160px}.van-empty__image:empty{display:none}.van-empty__image__img{width:100%;height:100%}.van-empty__image:not(:empty)+.van-empty__image{display:none}.van-empty__description{margin-top:16px;padding:0 60px;color:#969799;font-size:14px;line-height:20px}.van-empty__description:empty,.van-empty__description:not(:empty)+.van-empty__description{display:none}.van-empty__bottom{margin-top:24px}
\ No newline at end of file
diff --git a/mini-app/src/vant/field/index.d.ts b/mini-app/src/vant/field/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/field/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/field/index.js b/mini-app/src/vant/field/index.js
new file mode 100644
index 000000000..154bda128
--- /dev/null
+++ b/mini-app/src/vant/field/index.js
@@ -0,0 +1,122 @@
+import { VantComponent } from '../common/component';
+import { commonProps, inputProps, textareaProps } from './props';
+VantComponent({
+  field: true,
+  classes: ['input-class', 'right-icon-class', 'label-class'],
+  props: Object.assign(
+    Object.assign(
+      Object.assign(Object.assign({}, commonProps), inputProps),
+      textareaProps
+    ),
+    {
+      size: String,
+      icon: String,
+      label: String,
+      error: Boolean,
+      center: Boolean,
+      isLink: Boolean,
+      leftIcon: String,
+      rightIcon: String,
+      autosize: [Boolean, Object],
+      required: Boolean,
+      iconClass: String,
+      clickable: Boolean,
+      inputAlign: String,
+      customStyle: String,
+      errorMessage: String,
+      arrowDirection: String,
+      showWordLimit: Boolean,
+      errorMessageAlign: String,
+      readonly: {
+        type: Boolean,
+        observer: 'setShowClear',
+      },
+      clearable: {
+        type: Boolean,
+        observer: 'setShowClear',
+      },
+      border: {
+        type: Boolean,
+        value: true,
+      },
+      titleWidth: {
+        type: String,
+        value: '6.2em',
+      },
+    }
+  ),
+  data: {
+    focused: false,
+    innerValue: '',
+    showClear: false,
+  },
+  created() {
+    this.value = this.data.value;
+    this.setData({ innerValue: this.value });
+  },
+  methods: {
+    onInput(event) {
+      const { value = '' } = event.detail || {};
+      this.value = value;
+      this.setShowClear();
+      this.emitChange();
+    },
+    onFocus(event) {
+      this.focused = true;
+      this.setShowClear();
+      this.$emit('focus', event.detail);
+    },
+    onBlur(event) {
+      this.focused = false;
+      this.setShowClear();
+      this.$emit('blur', event.detail);
+    },
+    onClickIcon() {
+      this.$emit('click-icon');
+    },
+    onClear() {
+      this.setData({ innerValue: '' });
+      this.value = '';
+      this.setShowClear();
+      wx.nextTick(() => {
+        this.emitChange();
+        this.$emit('clear', '');
+      });
+    },
+    onConfirm(event) {
+      const { value = '' } = event.detail || {};
+      this.value = value;
+      this.setShowClear();
+      this.$emit('confirm', value);
+    },
+    setValue(value) {
+      this.value = value;
+      this.setShowClear();
+      if (value === '') {
+        this.setData({ innerValue: '' });
+      }
+      this.emitChange();
+    },
+    onLineChange(event) {
+      this.$emit('linechange', event.detail);
+    },
+    onKeyboardHeightChange(event) {
+      this.$emit('keyboardheightchange', event.detail);
+    },
+    emitChange() {
+      this.setData({ value: this.value });
+      wx.nextTick(() => {
+        this.$emit('input', this.value);
+        this.$emit('change', this.value);
+      });
+    },
+    setShowClear() {
+      const { clearable, readonly } = this.data;
+      const { focused, value } = this;
+      this.setData({
+        showClear: !!clearable && !!focused && !!value && !readonly,
+      });
+    },
+    noop() {},
+  },
+});
diff --git a/mini-app/src/vant/field/index.json b/mini-app/src/vant/field/index.json
new file mode 100644
index 000000000..5906c5048
--- /dev/null
+++ b/mini-app/src/vant/field/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-cell": "../cell/index",
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/field/index.wxml b/mini-app/src/vant/field/index.wxml
new file mode 100644
index 000000000..6254e6768
--- /dev/null
+++ b/mini-app/src/vant/field/index.wxml
@@ -0,0 +1,107 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<van-cell
+  size="{{ size }}"
+  icon="{{ leftIcon }}"
+  center="{{ center }}"
+  border="{{ border }}"
+  is-link="{{ isLink }}"
+  required="{{ required }}"
+  clickable="{{ clickable }}"
+  title-width="{{ titleWidth }}"
+  title-style="margin-right: 12px;"
+  custom-style="{{ customStyle }}"
+  arrow-direction="{{ arrowDirection }}"
+  custom-class="van-field"
+>
+  <slot name="left-icon" slot="icon" />
+  <view wx:if="{{ label }}" class="label-class {{ utils.bem('field__label', { disabled }) }}" slot="title">
+    {{ label }}
+  </view>
+  <slot wx:else name="label" slot="title" />
+  <view class="{{ utils.bem('field__body', [type]) }}">
+    <textarea
+      wx:if="{{ type === 'textarea' }}"
+      class="input-class {{ utils.bem('field__input', [inputAlign, type, { disabled, error }]) }}"
+      fixed="{{ fixed }}"
+      focus="{{ focus }}"
+      cursor="{{ cursor }}"
+      value="{{ innerValue }}"
+      auto-focus="{{ autoFocus }}"
+      disabled="{{ disabled || readonly }}"
+      maxlength="{{ maxlength }}"
+      placeholder="{{ placeholder }}"
+      placeholder-style="{{ placeholderStyle }}"
+      placeholder-class="{{ utils.bem('field__placeholder', { error, disabled }) }}"
+      auto-height="{{ !!autosize }}"
+      style="{{ computed.inputStyle(autosize) }}"
+      cursor-spacing="{{ cursorSpacing }}"
+      adjust-position="{{ adjustPosition }}"
+      show-confirm-bar="{{ showConfirmBar }}"
+      hold-keyboard="{{ holdKeyboard }}"
+      selection-end="{{ selectionEnd }}"
+      selection-start="{{ selectionStart }}"
+      disable-default-padding="{{ disableDefaultPadding }}"
+      bindinput="onInput"
+      bindblur="onBlur"
+      bindfocus="onFocus"
+      bindconfirm="onConfirm"
+      bindlinechange="onLineChange"
+      bindkeyboardheightchange="onKeyboardHeightChange"
+    >
+    </textarea>
+    <input
+      wx:else
+      class="input-class {{ utils.bem('field__input', [inputAlign, { disabled, error }]) }}"
+      type="{{ type }}"
+      focus="{{ focus }}"
+      cursor="{{ cursor }}"
+      value="{{ innerValue }}"
+      auto-focus="{{ autoFocus }}"
+      disabled="{{ disabled || readonly }}"
+      maxlength="{{ maxlength }}"
+      placeholder="{{ placeholder }}"
+      placeholder-style="{{ placeholderStyle }}"
+      placeholder-class="{{ utils.bem('field__placeholder', { error }) }}"
+      confirm-type="{{ confirmType }}"
+      confirm-hold="{{ confirmHold }}"
+      hold-keyboard="{{ holdKeyboard }}"
+      cursor-spacing="{{ cursorSpacing }}"
+      adjust-position="{{ adjustPosition }}"
+      selection-end="{{ selectionEnd }}"
+      selection-start="{{ selectionStart }}"
+      password="{{ password || type === 'password' }}"
+      bindinput="onInput"
+      bindblur="onBlur"
+      bindfocus="onFocus"
+      bindconfirm="onConfirm"
+      bindkeyboardheightchange="onKeyboardHeightChange"
+    />
+    <van-icon
+      wx:if="{{ showClear }}"
+      name="clear"
+      class="van-field__clear-root van-field__icon-root"
+      catch:touchstart="onClear"
+    />
+    <view class="van-field__icon-container" bind:tap="onClickIcon">
+      <van-icon
+        wx:if="{{ rightIcon || icon }}"
+        name="{{ rightIcon || icon }}"
+        class="van-field__icon-root {{ iconClass }}"
+        custom-class="right-icon-class"
+      />
+      <slot name="right-icon" />
+      <slot name="icon" />
+    </view>
+    <view class="van-field__button">
+      <slot name="button" />
+    </view>
+  </view>
+  <view wx:if="{{ showWordLimit && maxlength }}" class="van-field__word-limit">
+    <view class="{{ utils.bem('field__word-num', { full: value.length >= maxlength }) }}">{{ value.length >= maxlength ? maxlength : value.length }}</view>/{{ maxlength }}
+  </view>
+  <view wx:if="{{ errorMessage }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}">
+    {{ errorMessage }}
+  </view>
+</van-cell>
diff --git a/mini-app/src/vant/field/index.wxs b/mini-app/src/vant/field/index.wxs
new file mode 100644
index 000000000..639ae2f77
--- /dev/null
+++ b/mini-app/src/vant/field/index.wxs
@@ -0,0 +1,21 @@
+/* eslint-disable */
+var utils = require('../wxs/utils.wxs');
+
+function inputStyle(autosize) {
+  if (autosize && autosize.constructor === 'Object') {
+    var style = '';
+    if (autosize.minHeight) {
+      style += 'min-height:' + utils.addUnit(autosize.minHeight) + ';';
+    }
+    if (autosize.maxHeight) {
+      style += 'max-height:' + utils.addUnit(autosize.maxHeight) + ';';
+    }
+    return style;
+  }
+
+  return '';
+}
+
+module.exports = {
+  inputStyle: inputStyle
+};
diff --git a/mini-app/src/vant/field/index.wxss b/mini-app/src/vant/field/index.wxss
new file mode 100644
index 000000000..dbbc25273
--- /dev/null
+++ b/mini-app/src/vant/field/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-field{--cell-icon-size:16px;--cell-icon-size:var(--field-icon-size,16px)}.van-field__label{color:#646566;color:var(--field-label-color,#646566)}.van-field__label--disabled{color:#c8c9cc;color:var(--field-disabled-text-color,#c8c9cc)}.van-field__body{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.van-field__body--textarea{padding:3.6px 0;line-height:1.2em}.van-field__body--textarea,.van-field__input{box-sizing:border-box;min-height:24px;min-height:var(--cell-line-height,24px)}.van-field__input{position:relative;display:block;width:100%;margin:0;padding:0;line-height:inherit;text-align:left;background-color:initial;border:0;resize:none;color:#323233;color:var(--field-input-text-color,#323233);height:24px;height:var(--cell-line-height,24px)}.van-field__input--textarea{height:18px;height:var(--field-text-area-min-height,18px);min-height:18px;min-height:var(--field-text-area-min-height,18px)}.van-field__input--error{color:#ee0a24;color:var(--field-input-error-text-color,#ee0a24)}.van-field__input--disabled{background-color:initial;opacity:1;color:#c8c9cc;color:var(--field-input-disabled-text-color,#c8c9cc)}.van-field__input--center{text-align:center}.van-field__input--right{text-align:right}.van-field__placeholder{position:absolute;top:0;right:0;left:0;pointer-events:none;color:#c8c9cc;color:var(--field-placeholder-text-color,#c8c9cc)}.van-field__placeholder--error{color:#ee0a24;color:var(--field-error-message-color,#ee0a24)}.van-field__icon-root{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:24px;min-height:var(--cell-line-height,24px)}.van-field__clear-root,.van-field__icon-container{line-height:inherit;vertical-align:middle;padding:0 8px;padding:0 var(--padding-xs,8px);margin-right:-8px;margin-right:-var(--padding-xs,8px)}.van-field__button,.van-field__clear-root,.van-field__icon-container{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear-root{font-size:16px;font-size:var(--field-clear-icon-size,16px);color:#c8c9cc;color:var(--field-clear-icon-color,#c8c9cc)}.van-field__icon-container{font-size:16px;font-size:var(--field-icon-size,16px);color:#969799;color:var(--field-icon-container-color,#969799)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:8px;padding-left:var(--padding-xs,8px)}.van-field__button:empty{display:none}.van-field__error-message{text-align:left;font-size:12px;font-size:var(--field-error-message-text-font-size,12px);color:#ee0a24;color:var(--field-error-message-color,#ee0a24)}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{text-align:right;margin-top:4px;margin-top:var(--padding-base,4px);color:#646566;color:var(--field-word-limit-color,#646566);font-size:12px;font-size:var(--field-word-limit-font-size,12px);line-height:16px;line-height:var(--field-word-limit-line-height,16px)}.van-field__word-num{display:inline}.van-field__word-num--full{color:#ee0a24;color:var(--field-word-num-full-color,#ee0a24)}
\ No newline at end of file
diff --git a/mini-app/src/vant/field/props.d.ts b/mini-app/src/vant/field/props.d.ts
new file mode 100644
index 000000000..fa2f0b685
--- /dev/null
+++ b/mini-app/src/vant/field/props.d.ts
@@ -0,0 +1,62 @@
+/// <reference types="miniprogram-api-typings" />
+export declare const commonProps: {
+  value: {
+    type: StringConstructor;
+    observer(
+      this: WechatMiniprogram.Component.TrivialInstance,
+      value: string
+    ): void;
+  };
+  placeholder: StringConstructor;
+  placeholderStyle: StringConstructor;
+  placeholderClass: StringConstructor;
+  disabled: BooleanConstructor;
+  maxlength: {
+    type: NumberConstructor;
+    value: number;
+  };
+  cursorSpacing: {
+    type: NumberConstructor;
+    value: number;
+  };
+  autoFocus: BooleanConstructor;
+  focus: BooleanConstructor;
+  cursor: {
+    type: NumberConstructor;
+    value: number;
+  };
+  selectionStart: {
+    type: NumberConstructor;
+    value: number;
+  };
+  selectionEnd: {
+    type: NumberConstructor;
+    value: number;
+  };
+  adjustPosition: {
+    type: BooleanConstructor;
+    value: boolean;
+  };
+  holdKeyboard: BooleanConstructor;
+};
+export declare const inputProps: {
+  type: {
+    type: StringConstructor;
+    value: string;
+  };
+  password: BooleanConstructor;
+  confirmType: StringConstructor;
+  confirmHold: BooleanConstructor;
+};
+export declare const textareaProps: {
+  autoHeight: BooleanConstructor;
+  fixed: BooleanConstructor;
+  showConfirmBar: {
+    type: BooleanConstructor;
+    value: boolean;
+  };
+  disableDefaultPadding: {
+    type: BooleanConstructor;
+    value: boolean;
+  };
+};
diff --git a/mini-app/src/vant/field/props.js b/mini-app/src/vant/field/props.js
new file mode 100644
index 000000000..218749f8a
--- /dev/null
+++ b/mini-app/src/vant/field/props.js
@@ -0,0 +1,63 @@
+export const commonProps = {
+  value: {
+    type: String,
+    observer(value) {
+      if (value !== this.value) {
+        this.setData({ innerValue: value });
+        this.value = value;
+      }
+    },
+  },
+  placeholder: String,
+  placeholderStyle: String,
+  placeholderClass: String,
+  disabled: Boolean,
+  maxlength: {
+    type: Number,
+    value: -1,
+  },
+  cursorSpacing: {
+    type: Number,
+    value: 50,
+  },
+  autoFocus: Boolean,
+  focus: Boolean,
+  cursor: {
+    type: Number,
+    value: -1,
+  },
+  selectionStart: {
+    type: Number,
+    value: -1,
+  },
+  selectionEnd: {
+    type: Number,
+    value: -1,
+  },
+  adjustPosition: {
+    type: Boolean,
+    value: true,
+  },
+  holdKeyboard: Boolean,
+};
+export const inputProps = {
+  type: {
+    type: String,
+    value: 'text',
+  },
+  password: Boolean,
+  confirmType: String,
+  confirmHold: Boolean,
+};
+export const textareaProps = {
+  autoHeight: Boolean,
+  fixed: Boolean,
+  showConfirmBar: {
+    type: Boolean,
+    value: true,
+  },
+  disableDefaultPadding: {
+    type: Boolean,
+    value: true,
+  },
+};
diff --git a/mini-app/src/vant/goods-action-button/index.d.ts b/mini-app/src/vant/goods-action-button/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/goods-action-button/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/goods-action-button/index.js b/mini-app/src/vant/goods-action-button/index.js
new file mode 100644
index 000000000..61d3bb3be
--- /dev/null
+++ b/mini-app/src/vant/goods-action-button/index.js
@@ -0,0 +1,41 @@
+import { VantComponent } from '../common/component';
+import { link } from '../mixins/link';
+import { button } from '../mixins/button';
+import { openType } from '../mixins/open-type';
+VantComponent({
+  mixins: [link, button, openType],
+  relation: {
+    type: 'ancestor',
+    name: 'goods-action',
+    current: 'goods-action-button',
+  },
+  props: {
+    text: String,
+    color: String,
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    type: {
+      type: String,
+      value: 'danger',
+    },
+  },
+  methods: {
+    onClick(event) {
+      this.$emit('click', event.detail);
+      this.jumpLink();
+    },
+    updateStyle() {
+      if (this.parent == null) {
+        return;
+      }
+      const { children = [] } = this.parent;
+      const { length } = children;
+      const index = children.indexOf(this);
+      this.setData({
+        isFirst: index === 0,
+        isLast: index === length - 1,
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/goods-action-button/index.json b/mini-app/src/vant/goods-action-button/index.json
new file mode 100644
index 000000000..b56768685
--- /dev/null
+++ b/mini-app/src/vant/goods-action-button/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-button": "../button/index"
+  }
+}
diff --git a/mini-app/src/vant/goods-action-button/index.wxml b/mini-app/src/vant/goods-action-button/index.wxml
new file mode 100644
index 000000000..3912cedb0
--- /dev/null
+++ b/mini-app/src/vant/goods-action-button/index.wxml
@@ -0,0 +1,30 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<van-button
+  id="{{ id }}"
+  lang="{{ lang }}"
+  type="{{ type }}"
+  color="{{ color }}"
+  plain="{{ plain }}"
+  loading="{{ loading }}"
+  disabled="{{ disabled }}"
+  open-type="{{ openType }}"
+  class="{{ utils.bem('goods-action-button', [type, { first: isFirst, last: isLast, plain: plain }])}}"
+  custom-class="van-goods-action-button__inner"
+  business-id="{{ businessId }}"
+  session-from="{{ sessionFrom }}"
+  app-parameter="{{ appParameter }}"
+  send-message-img="{{ sendMessageImg }}"
+  send-message-path="{{ sendMessagePath }}"
+  show-message-card="{{ showMessageCard }}"
+  send-message-title="{{ sendMessageTitle }}"
+  bind:click="onClick"
+  binderror="bindError"
+  bindcontact="bindContact"
+  bindopensetting="bindOpenSetting"
+  bindgetuserinfo="bindGetUserInfo"
+  bindgetphonenumber="bindGetPhoneNumber"
+  bindlaunchapp="bindLaunchApp"
+>
+  {{ text }}
+  <slot></slot>
+</van-button>
diff --git a/mini-app/src/vant/goods-action-button/index.wxss b/mini-app/src/vant/goods-action-button/index.wxss
new file mode 100644
index 000000000..77d16c671
--- /dev/null
+++ b/mini-app/src/vant/goods-action-button/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{-webkit-flex:1;flex:1}.van-goods-action-button{--button-warning-background-color:linear-gradient(90deg,#ffd01e,#ff8917);--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(90deg,#ffd01e,#ff8917));--button-danger-background-color:linear-gradient(90deg,#ff6034,#ee0a24);--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(90deg,#ff6034,#ee0a24));--button-default-height:40px;--button-default-height:var(--goods-action-button-height,40px);--button-line-height:20px;--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:#fff;--button-plain-background-color:var(--goods-action-button-plain-color,#fff);display:block;--button-border-width:0}.van-goods-action-button--first{margin-left:5px;--button-border-radius:20px 0 0 20px;--button-border-radius:var(--goods-action-button-border-radius,20px) 0 0 var(--goods-action-button-border-radius,20px)}.van-goods-action-button--last{margin-right:5px;--button-border-radius:0 20px 20px 0;--button-border-radius:0 var(--goods-action-button-border-radius,20px) var(--goods-action-button-border-radius,20px) 0}.van-goods-action-button--first.van-goods-action-button--last{--button-border-radius:20px;--button-border-radius:var(--goods-action-button-border-radius,20px)}.van-goods-action-button--plain{--button-border-width:1px}.van-goods-action-button__inner{width:100%;font-weight:500!important;font-weight:var(--font-weight-bold,500)!important}@media (max-width:321px){.van-goods-action-button{font-size:13px}}
\ No newline at end of file
diff --git a/mini-app/src/vant/goods-action-icon/index.d.ts b/mini-app/src/vant/goods-action-icon/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/goods-action-icon/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/goods-action-icon/index.js b/mini-app/src/vant/goods-action-icon/index.js
new file mode 100644
index 000000000..765cd3a28
--- /dev/null
+++ b/mini-app/src/vant/goods-action-icon/index.js
@@ -0,0 +1,22 @@
+import { VantComponent } from '../common/component';
+import { button } from '../mixins/button';
+import { link } from '../mixins/link';
+import { openType } from '../mixins/open-type';
+VantComponent({
+  classes: ['icon-class', 'text-class'],
+  mixins: [link, button, openType],
+  props: {
+    text: String,
+    dot: Boolean,
+    info: String,
+    icon: String,
+    disabled: Boolean,
+    loading: Boolean,
+  },
+  methods: {
+    onClick(event) {
+      this.$emit('click', event.detail);
+      this.jumpLink();
+    },
+  },
+});
diff --git a/mini-app/src/vant/goods-action-icon/index.json b/mini-app/src/vant/goods-action-icon/index.json
new file mode 100644
index 000000000..93bfe8abb
--- /dev/null
+++ b/mini-app/src/vant/goods-action-icon/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-button": "../button/index"
+  }
+}
diff --git a/mini-app/src/vant/goods-action-icon/index.wxml b/mini-app/src/vant/goods-action-icon/index.wxml
new file mode 100644
index 000000000..1983cae46
--- /dev/null
+++ b/mini-app/src/vant/goods-action-icon/index.wxml
@@ -0,0 +1,35 @@
+<van-button
+  square
+  id="{{ id }}"
+  size="large"
+  lang="{{ lang }}"
+  loading="{{ loading }}"
+  disabled="{{ disabled }}"
+  open-type="{{ openType }}"
+  business-id="{{ businessId }}"
+  custom-class="van-goods-action-icon"
+  session-from="{{ sessionFrom }}"
+  app-parameter="{{ appParameter }}"
+  send-message-img="{{ sendMessageImg }}"
+  send-message-path="{{ sendMessagePath }}"
+  show-message-card="{{ showMessageCard }}"
+  send-message-title="{{ sendMessageTitle }}"
+  bind:click="onClick"
+  binderror="bindError"
+  bindcontact="bindContact"
+  bindopensetting="bindOpenSetting"
+  bindgetuserinfo="bindGetUserInfo"
+  bindgetphonenumber="bindGetPhoneNumber"
+  bindlaunchapp="bindLaunchApp"
+>
+  <van-icon
+    wx:if="{{ icon }}"
+    name="{{ icon }}"
+    dot="{{ dot }}"
+    info="{{ info }}"
+    class="van-goods-action-icon__icon"
+    custom-class="icon-class"
+  />
+  <slot wx:else name="icon" />
+  <text class="text-class">{{ text }}</text>
+</van-button>
diff --git a/mini-app/src/vant/goods-action-icon/index.wxss b/mini-app/src/vant/goods-action-icon/index.wxss
new file mode 100644
index 000000000..eeef19113
--- /dev/null
+++ b/mini-app/src/vant/goods-action-icon/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-goods-action-icon{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center!important;justify-content:center!important;line-height:1!important;border:none!important;font-size:10px!important;font-size:var(--goods-action-icon-font-size,10px)!important;color:#646566!important;color:var(--goods-action-icon-text-color,#646566)!important;min-width:48px;min-width:var(--goods-action-icon-width,48px);height:50px!important;height:var(--goods-action-icon-height,50px)!important}.van-goods-action-icon__icon{display:-webkit-flex;display:flex;margin:0 auto 5px;color:#323233;color:var(--goods-action-icon-color,#323233);font-size:18px;font-size:var(--goods-action-icon-size,18px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/goods-action/index.d.ts b/mini-app/src/vant/goods-action/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/goods-action/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/goods-action/index.js b/mini-app/src/vant/goods-action/index.js
new file mode 100644
index 000000000..f572326da
--- /dev/null
+++ b/mini-app/src/vant/goods-action/index.js
@@ -0,0 +1,32 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    type: 'descendant',
+    name: 'goods-action-button',
+    current: 'goods-action',
+    linked() {
+      this.updateStyle();
+    },
+    unlinked() {
+      this.updateStyle();
+    },
+    linkChanged() {
+      this.updateStyle();
+    },
+  },
+  props: {
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  methods: {
+    updateStyle() {
+      wx.nextTick(() => {
+        this.children.forEach((child) => {
+          child.updateStyle();
+        });
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/goods-action/index.json b/mini-app/src/vant/goods-action/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/goods-action/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/goods-action/index.wxml b/mini-app/src/vant/goods-action/index.wxml
new file mode 100644
index 000000000..569450c73
--- /dev/null
+++ b/mini-app/src/vant/goods-action/index.wxml
@@ -0,0 +1,5 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="custom-class {{ utils.bem('goods-action', { safe: safeAreaInsetBottom }) }}">
+  <slot />
+</view>
diff --git a/mini-app/src/vant/goods-action/index.wxss b/mini-app/src/vant/goods-action/index.wxss
new file mode 100644
index 000000000..d0def95e1
--- /dev/null
+++ b/mini-app/src/vant/goods-action/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;box-sizing:initial;height:50px;height:var(--goods-action-height,50px);background-color:#fff;background-color:var(--goods-action-background-color,#fff)}.van-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}
\ No newline at end of file
diff --git a/mini-app/src/vant/grid-item/index.d.ts b/mini-app/src/vant/grid-item/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/grid-item/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/grid-item/index.js b/mini-app/src/vant/grid-item/index.js
new file mode 100644
index 000000000..501842026
--- /dev/null
+++ b/mini-app/src/vant/grid-item/index.js
@@ -0,0 +1,59 @@
+import { link } from '../mixins/link';
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'grid',
+    type: 'ancestor',
+    current: 'grid-item',
+  },
+  classes: ['content-class', 'icon-class', 'text-class'],
+  mixins: [link],
+  props: {
+    icon: String,
+    iconColor: String,
+    dot: Boolean,
+    info: null,
+    badge: null,
+    text: String,
+    useSlot: Boolean,
+  },
+  data: {
+    viewStyle: '',
+  },
+  mounted() {
+    this.updateStyle();
+  },
+  methods: {
+    updateStyle() {
+      if (!this.parent) {
+        return;
+      }
+      const { data, children } = this.parent;
+      const {
+        columnNum,
+        border,
+        square,
+        gutter,
+        clickable,
+        center,
+        direction,
+        iconSize,
+      } = data;
+      this.setData({
+        center,
+        border,
+        square,
+        gutter,
+        clickable,
+        direction,
+        iconSize,
+        index: children.indexOf(this),
+        columnNum,
+      });
+    },
+    onClick() {
+      this.$emit('click');
+      this.jumpLink();
+    },
+  },
+});
diff --git a/mini-app/src/vant/grid-item/index.json b/mini-app/src/vant/grid-item/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/grid-item/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/grid-item/index.wxml b/mini-app/src/vant/grid-item/index.wxml
new file mode 100644
index 000000000..0070a2bbc
--- /dev/null
+++ b/mini-app/src/vant/grid-item/index.wxml
@@ -0,0 +1,27 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  class="custom-class {{ utils.bem('grid-item', { square }) }}"
+  style="{{ computed.wrapperStyle({ square, gutter, columnNum, index }) }}"
+  bindtap="onClick"
+>
+  <view
+    class="content-class {{ utils.bem('grid-item__content', [direction, { center, square, clickable, surround: border && gutter }]) }} {{ border ? 'van-hairline--surround' : '' }}"
+    style="{{ computed.contentStyle({ square, gutter }) }}"
+  >
+    <block wx:if="{{ useSlot }}">
+      <slot />
+    </block>
+    <block wx:else>
+      <view class="van-grid-item__icon icon-class">
+        <van-icon wx:if="{{ icon }}" name="{{ icon }}" color="{{ iconColor }}" dot="{{ dot }}" info="{{ badge || info }}" size="{{ iconSize }}" />
+        <slot wx:else name="icon"></slot>
+      </view>
+      <view class="van-grid-item__text text-class">
+        <text wx:if="{{ text }}">{{ text }}</text>
+        <slot wx:else name="text"></slot>
+      </view>
+    </block>
+  </view>
+</view>
diff --git a/mini-app/src/vant/grid-item/index.wxs b/mini-app/src/vant/grid-item/index.wxs
new file mode 100644
index 000000000..2cfe37d03
--- /dev/null
+++ b/mini-app/src/vant/grid-item/index.wxs
@@ -0,0 +1,32 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function wrapperStyle(data) {
+  var width = 100 / data.columnNum + '%';
+
+  return style({
+    width: width,
+    'padding-top': data.square ? width : null,
+    'padding-right': addUnit(data.gutter),
+    'margin-top':
+      data.index >= data.columnNum && !data.square
+        ? addUnit(data.gutter)
+        : null,
+  });
+}
+
+function contentStyle(data) {
+  return data.square
+    ? style({
+        right: addUnit(data.gutter),
+        bottom: addUnit(data.gutter),
+        height: 'auto',
+      })
+    : '';
+}
+
+module.exports = {
+  wrapperStyle: wrapperStyle,
+  contentStyle: contentStyle,
+};
diff --git a/mini-app/src/vant/grid-item/index.wxss b/mini-app/src/vant/grid-item/index.wxss
new file mode 100644
index 000000000..ed7facb8e
--- /dev/null
+++ b/mini-app/src/vant/grid-item/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-grid-item{position:relative;float:left;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;padding:var(--grid-item-content-padding,16px 8px);background-color:#fff;background-color:var(--grid-item-content-background-color,#fff)}.van-grid-item__content:after{z-index:1;border-width:0 1px 1px 0;border-bottom-width:var(--border-width-base,1px);border-right-width:var(--border-width-base,1px);border-top-width:0}.van-grid-item__content--surround:after{border-width:1px;border-width:var(--border-width-base,1px)}.van-grid-item__content--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--horizontal{-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:26px;font-size:var(--grid-item-icon-size,26px);height:26px;height:var(--grid-item-icon-size,26px)}.van-grid-item__text{word-wrap:break-word;color:#646566;color:var(--grid-item-text-color,#646566);font-size:12px;font-size:var(--grid-item-text-font-size,12px)}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}
\ No newline at end of file
diff --git a/mini-app/src/vant/grid/index.d.ts b/mini-app/src/vant/grid/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/grid/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/grid/index.js b/mini-app/src/vant/grid/index.js
new file mode 100644
index 000000000..06eca9bee
--- /dev/null
+++ b/mini-app/src/vant/grid/index.js
@@ -0,0 +1,53 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'grid-item',
+    type: 'descendant',
+    current: 'grid',
+  },
+  props: {
+    square: {
+      type: Boolean,
+      observer: 'updateChildren',
+    },
+    gutter: {
+      type: [Number, String],
+      value: 0,
+      observer: 'updateChildren',
+    },
+    clickable: {
+      type: Boolean,
+      observer: 'updateChildren',
+    },
+    columnNum: {
+      type: Number,
+      value: 4,
+      observer: 'updateChildren',
+    },
+    center: {
+      type: Boolean,
+      value: true,
+      observer: 'updateChildren',
+    },
+    border: {
+      type: Boolean,
+      value: true,
+      observer: 'updateChildren',
+    },
+    direction: {
+      type: String,
+      observer: 'updateChildren',
+    },
+    iconSize: {
+      type: String,
+      observer: 'updateChildren',
+    },
+  },
+  methods: {
+    updateChildren() {
+      this.children.forEach((child) => {
+        child.updateStyle();
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/grid/index.json b/mini-app/src/vant/grid/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/grid/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/grid/index.wxml b/mini-app/src/vant/grid/index.wxml
new file mode 100644
index 000000000..2e4118f35
--- /dev/null
+++ b/mini-app/src/vant/grid/index.wxml
@@ -0,0 +1,8 @@
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  class="van-grid custom-class {{ border && !gutter ? 'van-hairline--top' : '' }}"
+  style="{{ computed.rootStyle({ gutter }) }}"
+>
+  <slot />
+</view>
diff --git a/mini-app/src/vant/grid/index.wxs b/mini-app/src/vant/grid/index.wxs
new file mode 100644
index 000000000..cd3b1bd59
--- /dev/null
+++ b/mini-app/src/vant/grid/index.wxs
@@ -0,0 +1,13 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style({
+    'padding-left': addUnit(data.gutter),
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};
diff --git a/mini-app/src/vant/grid/index.wxss b/mini-app/src/vant/grid/index.wxss
new file mode 100644
index 000000000..327fc5efd
--- /dev/null
+++ b/mini-app/src/vant/grid/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-grid{position:relative;box-sizing:border-box;overflow:hidden}
\ No newline at end of file
diff --git a/mini-app/src/vant/icon/index.d.ts b/mini-app/src/vant/icon/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/icon/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/icon/index.js b/mini-app/src/vant/icon/index.js
new file mode 100644
index 000000000..75f2c946a
--- /dev/null
+++ b/mini-app/src/vant/icon/index.js
@@ -0,0 +1,20 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    dot: Boolean,
+    info: null,
+    size: null,
+    color: String,
+    customStyle: String,
+    classPrefix: {
+      type: String,
+      value: 'van-icon',
+    },
+    name: String,
+  },
+  methods: {
+    onClick() {
+      this.$emit('click');
+    },
+  },
+});
diff --git a/mini-app/src/vant/icon/index.json b/mini-app/src/vant/icon/index.json
new file mode 100644
index 000000000..bf0ebe009
--- /dev/null
+++ b/mini-app/src/vant/icon/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-info": "../info/index"
+  }
+}
diff --git a/mini-app/src/vant/icon/index.wxml b/mini-app/src/vant/icon/index.wxml
new file mode 100644
index 000000000..3c701745b
--- /dev/null
+++ b/mini-app/src/vant/icon/index.wxml
@@ -0,0 +1,20 @@
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  class="{{ computed.rootClass({ classPrefix, name }) }}"
+  style="{{ computed.rootStyle({ customStyle, color, size }) }}"
+  bindtap="onClick"
+>
+  <van-info
+    wx:if="{{ info !== null || dot }}"
+    dot="{{ dot }}"
+    info="{{ info }}"
+    custom-class="van-icon__info"
+  />
+  <image
+    wx:if="{{ computed.isImage(name) }}"
+    src="{{ name }}"
+    mode="aspectFit"
+    class="van-icon__image"
+  />
+</view>
diff --git a/mini-app/src/vant/icon/index.wxs b/mini-app/src/vant/icon/index.wxs
new file mode 100644
index 000000000..45e3aa0a1
--- /dev/null
+++ b/mini-app/src/vant/icon/index.wxs
@@ -0,0 +1,39 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function isImage(name) {
+  return name.indexOf('/') !== -1;
+}
+
+function rootClass(data) {
+  var classes = ['custom-class'];
+
+  if (data.classPrefix != null) {
+    classes.push(data.classPrefix);
+  }
+
+  if (isImage(data.name)) {
+    classes.push('van-icon--image');
+  } else if (data.classPrefix != null) {
+    classes.push(data.classPrefix + '-' + data.name);
+  }
+
+  return classes.join(' ');
+}
+
+function rootStyle(data) {
+  return style([
+    {
+      color: data.color,
+      'font-size': addUnit(data.size),
+    },
+    data.customStyle,
+  ]);
+}
+
+module.exports = {
+  isImage: isImage,
+  rootClass: rootClass,
+  rootStyle: rootStyle,
+};
diff --git a/mini-app/src/vant/icon/index.wxss b/mini-app/src/vant/icon/index.wxss
new file mode 100644
index 000000000..b3925d34a
--- /dev/null
+++ b/mini-app/src/vant/icon/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';@font-face{font-weight:400;font-family:vant-icon;font-style:normal;font-display:auto;src:url(https://img.yzcdn.cn/vant/vant-icon-96970a.woff2) format("woff2"),url(https://img.yzcdn.cn/vant/vant-icon-96970a.woff) format("woff"),url(https://img.yzcdn.cn/vant/vant-icon-96970a.ttf) format("truetype")}.van-icon{position:relative;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon,.van-icon:before{display:inline-block}.van-icon-add-o:before{content:"\F000"}.van-icon-add-square:before{content:"\F001"}.van-icon-add:before{content:"\F002"}.van-icon-after-sale:before{content:"\F003"}.van-icon-aim:before{content:"\F004"}.van-icon-alipay:before{content:"\F005"}.van-icon-apps-o:before{content:"\F006"}.van-icon-arrow-down:before{content:"\F007"}.van-icon-arrow-left:before{content:"\F008"}.van-icon-arrow-up:before{content:"\F009"}.van-icon-arrow:before{content:"\F00A"}.van-icon-ascending:before{content:"\F00B"}.van-icon-audio:before{content:"\F00C"}.van-icon-award-o:before{content:"\F00D"}.van-icon-award:before{content:"\F00E"}.van-icon-back-top:before{content:"\F0E6"}.van-icon-bag-o:before{content:"\F00F"}.van-icon-bag:before{content:"\F010"}.van-icon-balance-list-o:before{content:"\F011"}.van-icon-balance-list:before{content:"\F012"}.van-icon-balance-o:before{content:"\F013"}.van-icon-balance-pay:before{content:"\F014"}.van-icon-bar-chart-o:before{content:"\F015"}.van-icon-bars:before{content:"\F016"}.van-icon-bell:before{content:"\F017"}.van-icon-bill-o:before{content:"\F018"}.van-icon-bill:before{content:"\F019"}.van-icon-birthday-cake-o:before{content:"\F01A"}.van-icon-bookmark-o:before{content:"\F01B"}.van-icon-bookmark:before{content:"\F01C"}.van-icon-browsing-history-o:before{content:"\F01D"}.van-icon-browsing-history:before{content:"\F01E"}.van-icon-brush-o:before{content:"\F01F"}.van-icon-bulb-o:before{content:"\F020"}.van-icon-bullhorn-o:before{content:"\F021"}.van-icon-calendar-o:before{content:"\F022"}.van-icon-card:before{content:"\F023"}.van-icon-cart-circle-o:before{content:"\F024"}.van-icon-cart-circle:before{content:"\F025"}.van-icon-cart-o:before{content:"\F026"}.van-icon-cart:before{content:"\F027"}.van-icon-cash-back-record:before{content:"\F028"}.van-icon-cash-on-deliver:before{content:"\F029"}.van-icon-cashier-o:before{content:"\F02A"}.van-icon-certificate:before{content:"\F02B"}.van-icon-chart-trending-o:before{content:"\F02C"}.van-icon-chat-o:before{content:"\F02D"}.van-icon-chat:before{content:"\F02E"}.van-icon-checked:before{content:"\F02F"}.van-icon-circle:before{content:"\F030"}.van-icon-clear:before{content:"\F031"}.van-icon-clock-o:before{content:"\F032"}.van-icon-clock:before{content:"\F033"}.van-icon-close:before{content:"\F034"}.van-icon-closed-eye:before{content:"\F035"}.van-icon-cluster-o:before{content:"\F036"}.van-icon-cluster:before{content:"\F037"}.van-icon-column:before{content:"\F038"}.van-icon-comment-circle-o:before{content:"\F039"}.van-icon-comment-circle:before{content:"\F03A"}.van-icon-comment-o:before{content:"\F03B"}.van-icon-comment:before{content:"\F03C"}.van-icon-completed:before{content:"\F03D"}.van-icon-contact:before{content:"\F03E"}.van-icon-coupon-o:before{content:"\F03F"}.van-icon-coupon:before{content:"\F040"}.van-icon-credit-pay:before{content:"\F041"}.van-icon-cross:before{content:"\F042"}.van-icon-debit-pay:before{content:"\F043"}.van-icon-delete:before{content:"\F044"}.van-icon-descending:before{content:"\F045"}.van-icon-description:before{content:"\F046"}.van-icon-desktop-o:before{content:"\F047"}.van-icon-diamond-o:before{content:"\F048"}.van-icon-diamond:before{content:"\F049"}.van-icon-discount:before{content:"\F04A"}.van-icon-down:before{content:"\F04B"}.van-icon-ecard-pay:before{content:"\F04C"}.van-icon-edit:before{content:"\F04D"}.van-icon-ellipsis:before{content:"\F04E"}.van-icon-empty:before{content:"\F04F"}.van-icon-enlarge:before{content:"\F0E4"}.van-icon-envelop-o:before{content:"\F050"}.van-icon-exchange:before{content:"\F051"}.van-icon-expand-o:before{content:"\F052"}.van-icon-expand:before{content:"\F053"}.van-icon-eye-o:before{content:"\F054"}.van-icon-eye:before{content:"\F055"}.van-icon-fail:before{content:"\F056"}.van-icon-failure:before{content:"\F057"}.van-icon-filter-o:before{content:"\F058"}.van-icon-fire-o:before{content:"\F059"}.van-icon-fire:before{content:"\F05A"}.van-icon-flag-o:before{content:"\F05B"}.van-icon-flower-o:before{content:"\F05C"}.van-icon-free-postage:before{content:"\F05D"}.van-icon-friends-o:before{content:"\F05E"}.van-icon-friends:before{content:"\F05F"}.van-icon-gem-o:before{content:"\F060"}.van-icon-gem:before{content:"\F061"}.van-icon-gift-card-o:before{content:"\F062"}.van-icon-gift-card:before{content:"\F063"}.van-icon-gift-o:before{content:"\F064"}.van-icon-gift:before{content:"\F065"}.van-icon-gold-coin-o:before{content:"\F066"}.van-icon-gold-coin:before{content:"\F067"}.van-icon-good-job-o:before{content:"\F068"}.van-icon-good-job:before{content:"\F069"}.van-icon-goods-collect-o:before{content:"\F06A"}.van-icon-goods-collect:before{content:"\F06B"}.van-icon-graphic:before{content:"\F06C"}.van-icon-home-o:before{content:"\F06D"}.van-icon-hot-o:before{content:"\F06E"}.van-icon-hot-sale-o:before{content:"\F06F"}.van-icon-hot-sale:before{content:"\F070"}.van-icon-hot:before{content:"\F071"}.van-icon-hotel-o:before{content:"\F072"}.van-icon-idcard:before{content:"\F073"}.van-icon-info-o:before{content:"\F074"}.van-icon-info:before{content:"\F075"}.van-icon-invition:before{content:"\F076"}.van-icon-label-o:before{content:"\F077"}.van-icon-label:before{content:"\F078"}.van-icon-like-o:before{content:"\F079"}.van-icon-like:before{content:"\F07A"}.van-icon-live:before{content:"\F07B"}.van-icon-location-o:before{content:"\F07C"}.van-icon-location:before{content:"\F07D"}.van-icon-lock:before{content:"\F07E"}.van-icon-logistics:before{content:"\F07F"}.van-icon-manager-o:before{content:"\F080"}.van-icon-manager:before{content:"\F081"}.van-icon-map-marked:before{content:"\F082"}.van-icon-medal-o:before{content:"\F083"}.van-icon-medal:before{content:"\F084"}.van-icon-minus:before{content:"\F0E8"}.van-icon-more-o:before{content:"\F085"}.van-icon-more:before{content:"\F086"}.van-icon-music-o:before{content:"\F087"}.van-icon-music:before{content:"\F088"}.van-icon-new-arrival-o:before{content:"\F089"}.van-icon-new-arrival:before{content:"\F08A"}.van-icon-new-o:before{content:"\F08B"}.van-icon-new:before{content:"\F08C"}.van-icon-newspaper-o:before{content:"\F08D"}.van-icon-notes-o:before{content:"\F08E"}.van-icon-orders-o:before{content:"\F08F"}.van-icon-other-pay:before{content:"\F090"}.van-icon-paid:before{content:"\F091"}.van-icon-passed:before{content:"\F092"}.van-icon-pause-circle-o:before{content:"\F093"}.van-icon-pause-circle:before{content:"\F094"}.van-icon-pause:before{content:"\F095"}.van-icon-peer-pay:before{content:"\F096"}.van-icon-pending-payment:before{content:"\F097"}.van-icon-phone-circle-o:before{content:"\F098"}.van-icon-phone-circle:before{content:"\F099"}.van-icon-phone-o:before{content:"\F09A"}.van-icon-phone:before{content:"\F09B"}.van-icon-photo-fail:before{content:"\F0E5"}.van-icon-photo-o:before{content:"\F09C"}.van-icon-photo:before{content:"\F09D"}.van-icon-photograph:before{content:"\F09E"}.van-icon-play-circle-o:before{content:"\F09F"}.van-icon-play-circle:before{content:"\F0A0"}.van-icon-play:before{content:"\F0A1"}.van-icon-plus:before{content:"\F0A2"}.van-icon-point-gift-o:before{content:"\F0A3"}.van-icon-point-gift:before{content:"\F0A4"}.van-icon-points:before{content:"\F0A5"}.van-icon-printer:before{content:"\F0A6"}.van-icon-qr-invalid:before{content:"\F0A7"}.van-icon-qr:before{content:"\F0A8"}.van-icon-question-o:before{content:"\F0A9"}.van-icon-question:before{content:"\F0AA"}.van-icon-records:before{content:"\F0AB"}.van-icon-refund-o:before{content:"\F0AC"}.van-icon-replay:before{content:"\F0AD"}.van-icon-scan:before{content:"\F0AE"}.van-icon-search:before{content:"\F0AF"}.van-icon-send-gift-o:before{content:"\F0B0"}.van-icon-send-gift:before{content:"\F0B1"}.van-icon-service-o:before{content:"\F0B2"}.van-icon-service:before{content:"\F0B3"}.van-icon-setting-o:before{content:"\F0B4"}.van-icon-setting:before{content:"\F0B5"}.van-icon-share-o:before{content:"\F0E7"}.van-icon-share:before{content:"\F0B6"}.van-icon-shop-collect-o:before{content:"\F0B7"}.van-icon-shop-collect:before{content:"\F0B8"}.van-icon-shop-o:before{content:"\F0B9"}.van-icon-shop:before{content:"\F0BA"}.van-icon-shopping-cart-o:before{content:"\F0BB"}.van-icon-shopping-cart:before{content:"\F0BC"}.van-icon-shrink:before{content:"\F0BD"}.van-icon-sign:before{content:"\F0BE"}.van-icon-smile-comment-o:before{content:"\F0BF"}.van-icon-smile-comment:before{content:"\F0C0"}.van-icon-smile-o:before{content:"\F0C1"}.van-icon-smile:before{content:"\F0C2"}.van-icon-star-o:before{content:"\F0C3"}.van-icon-star:before{content:"\F0C4"}.van-icon-stop-circle-o:before{content:"\F0C5"}.van-icon-stop-circle:before{content:"\F0C6"}.van-icon-stop:before{content:"\F0C7"}.van-icon-success:before{content:"\F0C8"}.van-icon-thumb-circle-o:before{content:"\F0C9"}.van-icon-thumb-circle:before{content:"\F0CA"}.van-icon-todo-list-o:before{content:"\F0CB"}.van-icon-todo-list:before{content:"\F0CC"}.van-icon-tosend:before{content:"\F0CD"}.van-icon-tv-o:before{content:"\F0CE"}.van-icon-umbrella-circle:before{content:"\F0CF"}.van-icon-underway-o:before{content:"\F0D0"}.van-icon-underway:before{content:"\F0D1"}.van-icon-upgrade:before{content:"\F0D2"}.van-icon-user-circle-o:before{content:"\F0D3"}.van-icon-user-o:before{content:"\F0D4"}.van-icon-video-o:before{content:"\F0D5"}.van-icon-video:before{content:"\F0D6"}.van-icon-vip-card-o:before{content:"\F0D7"}.van-icon-vip-card:before{content:"\F0D8"}.van-icon-volume-o:before{content:"\F0D9"}.van-icon-volume:before{content:"\F0DA"}.van-icon-wap-home-o:before{content:"\F0DB"}.van-icon-wap-home:before{content:"\F0DC"}.van-icon-wap-nav:before{content:"\F0DD"}.van-icon-warn-o:before{content:"\F0DE"}.van-icon-warning-o:before{content:"\F0DF"}.van-icon-warning:before{content:"\F0E0"}.van-icon-weapp-nav:before{content:"\F0E1"}.van-icon-wechat:before{content:"\F0E2"}.van-icon-youzan-shield:before{content:"\F0E3"}:host{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-icon--image{width:1em;height:1em}.van-icon__image{width:100%;height:100%}.van-icon__info{z-index:1}
\ No newline at end of file
diff --git a/mini-app/src/vant/image/index.d.ts b/mini-app/src/vant/image/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/image/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/image/index.js b/mini-app/src/vant/image/index.js
new file mode 100644
index 000000000..9972cb5aa
--- /dev/null
+++ b/mini-app/src/vant/image/index.js
@@ -0,0 +1,61 @@
+import { VantComponent } from '../common/component';
+import { button } from '../mixins/button';
+import { openType } from '../mixins/open-type';
+VantComponent({
+  mixins: [button, openType],
+  classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
+  props: {
+    src: {
+      type: String,
+      observer() {
+        this.setData({
+          error: false,
+          loading: true,
+        });
+      },
+    },
+    round: Boolean,
+    width: null,
+    height: null,
+    radius: null,
+    lazyLoad: Boolean,
+    useErrorSlot: Boolean,
+    useLoadingSlot: Boolean,
+    showMenuByLongpress: Boolean,
+    fit: {
+      type: String,
+      value: 'fill',
+    },
+    showError: {
+      type: Boolean,
+      value: true,
+    },
+    showLoading: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    error: false,
+    loading: true,
+    viewStyle: '',
+  },
+  methods: {
+    onLoad(event) {
+      this.setData({
+        loading: false,
+      });
+      this.$emit('load', event.detail);
+    },
+    onError(event) {
+      this.setData({
+        loading: false,
+        error: true,
+      });
+      this.$emit('error', event.detail);
+    },
+    onClick(event) {
+      this.$emit('click', event.detail);
+    },
+  },
+});
diff --git a/mini-app/src/vant/image/index.json b/mini-app/src/vant/image/index.json
new file mode 100644
index 000000000..e00a58870
--- /dev/null
+++ b/mini-app/src/vant/image/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-loading": "../loading/index"
+  }
+}
diff --git a/mini-app/src/vant/image/index.wxml b/mini-app/src/vant/image/index.wxml
new file mode 100644
index 000000000..d3092bd92
--- /dev/null
+++ b/mini-app/src/vant/image/index.wxml
@@ -0,0 +1,34 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  style="{{ computed.rootStyle({ width, height, radius }) }}"
+  class="custom-class {{ utils.bem('image', { round })}}"
+  bind:tap="onClick"
+>
+  <image
+    wx:if="{{ !error }}"
+    src="{{ src }}"
+    mode="{{ computed.mode(fit) }}"
+    lazy-load="{{ lazyLoad }}"
+    class="image-class van-image__img"
+    show-menu-by-longpress="{{ showMenuByLongpress }}"
+    bind:load="onLoad"
+    bind:error="onError"
+  />
+
+  <view
+    wx:if="{{ loading && showLoading }}"
+    class="loading-class van-image__loading"
+  >
+    <slot wx:if="{{ useLoadingSlot }}" name="loading" />
+    <van-icon wx:else name="photo" custom-class="van-image__loading-icon" />
+  </view>
+  <view
+    wx:if="{{ error && showError }}"
+    class="error-class van-image__error"
+  >
+    <slot wx:if="{{ useErrorSlot }}" name="error" />
+    <van-icon wx:else name="photo-fail" custom-class="van-image__error-icon" />
+  </view>
+</view>
diff --git a/mini-app/src/vant/image/index.wxs b/mini-app/src/vant/image/index.wxs
new file mode 100644
index 000000000..cec14b8ba
--- /dev/null
+++ b/mini-app/src/vant/image/index.wxs
@@ -0,0 +1,32 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style([
+    {
+      width: addUnit(data.width),
+      height: addUnit(data.height),
+      'border-radius': addUnit(data.radius),
+    },
+    data.radius ? 'overflow: hidden' : null,
+  ]);
+}
+
+var FIT_MODE_MAP = {
+  none: 'center',
+  fill: 'scaleToFill',
+  cover: 'aspectFill',
+  contain: 'aspectFit',
+  widthFix: 'widthFix',
+  heightFix: 'heightFix',
+};
+
+function mode(fit) {
+  return FIT_MODE_MAP[fit];
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+  mode: mode,
+};
diff --git a/mini-app/src/vant/image/index.wxss b/mini-app/src/vant/image/index.wxss
new file mode 100644
index 000000000..47589109a
--- /dev/null
+++ b/mini-app/src/vant/image/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#969799;color:var(--image-placeholder-text-color,#969799);font-size:14px;font-size:var(--image-placeholder-font-size,14px);background-color:#f7f8fa;background-color:var(--image-placeholder-background-color,#f7f8fa)}.van-image__loading-icon{color:#dcdee0;color:var(--image-loading-icon-color,#dcdee0);font-size:32px!important;font-size:var(--image-loading-icon-size,32px)!important}.van-image__error-icon{color:#dcdee0;color:var(--image-error-icon-color,#dcdee0);font-size:32px!important;font-size:var(--image-error-icon-size,32px)!important}
\ No newline at end of file
diff --git a/mini-app/src/vant/index-anchor/index.d.ts b/mini-app/src/vant/index-anchor/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/index-anchor/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/index-anchor/index.js b/mini-app/src/vant/index-anchor/index.js
new file mode 100644
index 000000000..d2a61ce9a
--- /dev/null
+++ b/mini-app/src/vant/index-anchor/index.js
@@ -0,0 +1,28 @@
+import { getRect } from '../common/utils';
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'index-bar',
+    type: 'ancestor',
+    current: 'index-anchor',
+  },
+  props: {
+    useSlot: Boolean,
+    index: null,
+  },
+  data: {
+    active: false,
+    wrapperStyle: '',
+    anchorStyle: '',
+  },
+  methods: {
+    scrollIntoView(scrollTop) {
+      getRect(this, '.van-index-anchor-wrapper').then((rect) => {
+        wx.pageScrollTo({
+          duration: 0,
+          scrollTop: scrollTop + rect.top - this.parent.data.stickyOffsetTop,
+        });
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/index-anchor/index.json b/mini-app/src/vant/index-anchor/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/index-anchor/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/index-anchor/index.wxml b/mini-app/src/vant/index-anchor/index.wxml
new file mode 100644
index 000000000..49affa7c4
--- /dev/null
+++ b/mini-app/src/vant/index-anchor/index.wxml
@@ -0,0 +1,14 @@
+<view
+  class="van-index-anchor-wrapper"
+  style="{{ wrapperStyle }}"
+>
+  <view
+    class="van-index-anchor {{ active ? 'van-index-anchor--active van-hairline--bottom' : '' }}"
+    style="{{ anchorStyle }}"
+  >
+    <slot wx:if="{{ useSlot }}"/>
+    <block wx:else>
+      <text>{{ index }}</text>
+    </block>
+  </view>
+</view>
diff --git a/mini-app/src/vant/index-anchor/index.wxss b/mini-app/src/vant/index-anchor/index.wxss
new file mode 100644
index 000000000..b8c3c0a48
--- /dev/null
+++ b/mini-app/src/vant/index-anchor/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-index-anchor{padding:0 16px;padding:var(--index-anchor-padding,0 16px);color:#323233;color:var(--index-anchor-text-color,#323233);font-weight:500;font-weight:var(--index-anchor-font-weight,500);font-size:14px;font-size:var(--index-anchor-font-size,14px);line-height:32px;line-height:var(--index-anchor-line-height,32px);background-color:initial;background-color:var(--index-anchor-background-color,transparent)}.van-index-anchor--active{right:0;left:0;color:#07c160;color:var(--index-anchor-active-text-color,#07c160);background-color:#fff;background-color:var(--index-anchor-active-background-color,#fff)}
\ No newline at end of file
diff --git a/mini-app/src/vant/index-bar/index.d.ts b/mini-app/src/vant/index-bar/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/index-bar/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/index-bar/index.js b/mini-app/src/vant/index-bar/index.js
new file mode 100644
index 000000000..4d6e4cc63
--- /dev/null
+++ b/mini-app/src/vant/index-bar/index.js
@@ -0,0 +1,252 @@
+import { GREEN } from '../common/color';
+import { VantComponent } from '../common/component';
+import { getRect } from '../common/utils';
+import { pageScrollMixin } from '../mixins/page-scroll';
+const indexList = () => {
+  const indexList = [];
+  const charCodeOfA = 'A'.charCodeAt(0);
+  for (let i = 0; i < 26; i++) {
+    indexList.push(String.fromCharCode(charCodeOfA + i));
+  }
+  return indexList;
+};
+VantComponent({
+  relation: {
+    name: 'index-anchor',
+    type: 'descendant',
+    current: 'index-bar',
+    linked() {
+      this.updateData();
+    },
+    unlinked() {
+      this.updateData();
+    },
+  },
+  props: {
+    sticky: {
+      type: Boolean,
+      value: true,
+    },
+    zIndex: {
+      type: Number,
+      value: 1,
+    },
+    highlightColor: {
+      type: String,
+      value: GREEN,
+    },
+    stickyOffsetTop: {
+      type: Number,
+      value: 0,
+    },
+    indexList: {
+      type: Array,
+      value: indexList(),
+    },
+  },
+  mixins: [
+    pageScrollMixin(function (event) {
+      this.scrollTop =
+        (event === null || event === void 0 ? void 0 : event.scrollTop) || 0;
+      this.onScroll();
+    }),
+  ],
+  data: {
+    activeAnchorIndex: null,
+    showSidebar: false,
+  },
+  created() {
+    this.scrollTop = 0;
+  },
+  methods: {
+    updateData() {
+      wx.nextTick(() => {
+        if (this.timer != null) {
+          clearTimeout(this.timer);
+        }
+        this.timer = setTimeout(() => {
+          this.setData({
+            showSidebar: !!this.children.length,
+          });
+          this.setRect().then(() => {
+            this.onScroll();
+          });
+        }, 0);
+      });
+    },
+    setRect() {
+      return Promise.all([
+        this.setAnchorsRect(),
+        this.setListRect(),
+        this.setSiderbarRect(),
+      ]);
+    },
+    setAnchorsRect() {
+      return Promise.all(
+        this.children.map((anchor) =>
+          getRect(anchor, '.van-index-anchor-wrapper').then((rect) => {
+            Object.assign(anchor, {
+              height: rect.height,
+              top: rect.top + this.scrollTop,
+            });
+          })
+        )
+      );
+    },
+    setListRect() {
+      return getRect(this, '.van-index-bar').then((rect) => {
+        Object.assign(this, {
+          height: rect.height,
+          top: rect.top + this.scrollTop,
+        });
+      });
+    },
+    setSiderbarRect() {
+      return getRect(this, '.van-index-bar__sidebar').then((res) => {
+        this.sidebar = {
+          height: res.height,
+          top: res.top,
+        };
+      });
+    },
+    setDiffData({ target, data }) {
+      const diffData = {};
+      Object.keys(data).forEach((key) => {
+        if (target.data[key] !== data[key]) {
+          diffData[key] = data[key];
+        }
+      });
+      if (Object.keys(diffData).length) {
+        target.setData(diffData);
+      }
+    },
+    getAnchorRect(anchor) {
+      return getRect(anchor, '.van-index-anchor-wrapper').then((rect) => ({
+        height: rect.height,
+        top: rect.top,
+      }));
+    },
+    getActiveAnchorIndex() {
+      const { children, scrollTop } = this;
+      const { sticky, stickyOffsetTop } = this.data;
+      for (let i = this.children.length - 1; i >= 0; i--) {
+        const preAnchorHeight = i > 0 ? children[i - 1].height : 0;
+        const reachTop = sticky ? preAnchorHeight + stickyOffsetTop : 0;
+        if (reachTop + scrollTop >= children[i].top) {
+          return i;
+        }
+      }
+      return -1;
+    },
+    onScroll() {
+      const { children = [], scrollTop } = this;
+      if (!children.length) {
+        return;
+      }
+      const { sticky, stickyOffsetTop, zIndex, highlightColor } = this.data;
+      const active = this.getActiveAnchorIndex();
+      this.setDiffData({
+        target: this,
+        data: {
+          activeAnchorIndex: active,
+        },
+      });
+      if (sticky) {
+        let isActiveAnchorSticky = false;
+        if (active !== -1) {
+          isActiveAnchorSticky =
+            children[active].top <= stickyOffsetTop + scrollTop;
+        }
+        children.forEach((item, index) => {
+          if (index === active) {
+            let wrapperStyle = '';
+            let anchorStyle = `
+              color: ${highlightColor};
+            `;
+            if (isActiveAnchorSticky) {
+              wrapperStyle = `
+                height: ${children[index].height}px;
+              `;
+              anchorStyle = `
+                position: fixed;
+                top: ${stickyOffsetTop}px;
+                z-index: ${zIndex};
+                color: ${highlightColor};
+              `;
+            }
+            this.setDiffData({
+              target: item,
+              data: {
+                active: true,
+                anchorStyle,
+                wrapperStyle,
+              },
+            });
+          } else if (index === active - 1) {
+            const currentAnchor = children[index];
+            const currentOffsetTop = currentAnchor.top;
+            const targetOffsetTop =
+              index === children.length - 1
+                ? this.top
+                : children[index + 1].top;
+            const parentOffsetHeight = targetOffsetTop - currentOffsetTop;
+            const translateY = parentOffsetHeight - currentAnchor.height;
+            const anchorStyle = `
+              position: relative;
+              transform: translate3d(0, ${translateY}px, 0);
+              z-index: ${zIndex};
+              color: ${highlightColor};
+            `;
+            this.setDiffData({
+              target: item,
+              data: {
+                active: true,
+                anchorStyle,
+              },
+            });
+          } else {
+            this.setDiffData({
+              target: item,
+              data: {
+                active: false,
+                anchorStyle: '',
+                wrapperStyle: '',
+              },
+            });
+          }
+        });
+      }
+    },
+    onClick(event) {
+      this.scrollToAnchor(event.target.dataset.index);
+    },
+    onTouchMove(event) {
+      const sidebarLength = this.children.length;
+      const touch = event.touches[0];
+      const itemHeight = this.sidebar.height / sidebarLength;
+      let index = Math.floor((touch.clientY - this.sidebar.top) / itemHeight);
+      if (index < 0) {
+        index = 0;
+      } else if (index > sidebarLength - 1) {
+        index = sidebarLength - 1;
+      }
+      this.scrollToAnchor(index);
+    },
+    onTouchStop() {
+      this.scrollToAnchorIndex = null;
+    },
+    scrollToAnchor(index) {
+      if (typeof index !== 'number' || this.scrollToAnchorIndex === index) {
+        return;
+      }
+      this.scrollToAnchorIndex = index;
+      const anchor = this.children.find(
+        (item) => item.data.index === this.data.indexList[index]
+      );
+      if (anchor) {
+        anchor.scrollIntoView(this.scrollTop);
+        this.$emit('select', anchor.data.index);
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/index-bar/index.json b/mini-app/src/vant/index-bar/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/index-bar/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/index-bar/index.wxml b/mini-app/src/vant/index-bar/index.wxml
new file mode 100644
index 000000000..19a59cf9d
--- /dev/null
+++ b/mini-app/src/vant/index-bar/index.wxml
@@ -0,0 +1,22 @@
+<view class="van-index-bar">
+  <slot />
+
+  <view
+    wx:if="{{ showSidebar }}"
+    class="van-index-bar__sidebar"
+    catch:tap="onClick"
+    catch:touchmove="onTouchMove"
+    catch:touchend="onTouchStop"
+    catch:touchcancel="onTouchStop"
+  >
+    <view
+      wx:for="{{ indexList }}"
+      wx:key="index"
+      class="van-index-bar__index"
+      style="z-index: {{ zIndex + 1 }}; color: {{ activeAnchorIndex === index ? highlightColor : '' }}"
+      data-index="{{ index }}"
+    >
+      {{ item }}
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/index-bar/index.wxss b/mini-app/src/vant/index-bar/index.wxss
new file mode 100644
index 000000000..dba5dc071
--- /dev/null
+++ b/mini-app/src/vant/index-bar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-index-bar{position:relative}.van-index-bar__sidebar{position:fixed;top:50%;right:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-user-select:none;user-select:none}.van-index-bar__index{font-weight:500;padding:0 4px 0 16px;padding:0 var(--padding-base,4px) 0 var(--padding-md,16px);font-size:10px;font-size:var(--index-bar-index-font-size,10px);line-height:14px;line-height:var(--index-bar-index-line-height,14px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/info/index.d.ts b/mini-app/src/vant/info/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/info/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/info/index.js b/mini-app/src/vant/info/index.js
new file mode 100644
index 000000000..489f39cba
--- /dev/null
+++ b/mini-app/src/vant/info/index.js
@@ -0,0 +1,8 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    dot: Boolean,
+    info: null,
+    customStyle: String,
+  },
+});
diff --git a/mini-app/src/vant/info/index.json b/mini-app/src/vant/info/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/info/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/info/index.wxml b/mini-app/src/vant/info/index.wxml
new file mode 100644
index 000000000..b39b52459
--- /dev/null
+++ b/mini-app/src/vant/info/index.wxml
@@ -0,0 +1,7 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  wx:if="{{ info !== null && info !== '' || dot }}"
+  class="van-info {{ utils.bem('info', { dot }) }} custom-class"
+  style="{{ customStyle }}"
+>{{ dot ? '' : info }}</view>
diff --git a/mini-app/src/vant/info/index.wxss b/mini-app/src/vant/info/index.wxss
new file mode 100644
index 000000000..953136a58
--- /dev/null
+++ b/mini-app/src/vant/info/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-info{position:absolute;top:0;right:0;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;white-space:nowrap;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%;height:16px;height:var(--info-size,16px);min-width:16px;min-width:var(--info-size,16px);padding:0 3px;padding:var(--info-padding,0 3px);color:#fff;color:var(--info-color,#fff);font-weight:500;font-weight:var(--info-font-weight,500);font-size:12px;font-size:var(--info-font-size,12px);font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;font-family:var(--info-font-family,-apple-system-font,Helvetica Neue,Arial,sans-serif);background-color:#ee0a24;background-color:var(--info-background-color,#ee0a24);border:1px solid #fff;border:var(--info-border-width,1px) solid var(--white,#fff);border-radius:16px;border-radius:var(--info-size,16px)}.van-info--dot{min-width:0;border-radius:100%;width:8px;width:var(--info-dot-size,8px);height:8px;height:var(--info-dot-size,8px);background-color:#ee0a24;background-color:var(--info-dot-color,#ee0a24)}
\ No newline at end of file
diff --git a/mini-app/src/vant/loading/index.d.ts b/mini-app/src/vant/loading/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/loading/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/loading/index.js b/mini-app/src/vant/loading/index.js
new file mode 100644
index 000000000..2049447c2
--- /dev/null
+++ b/mini-app/src/vant/loading/index.js
@@ -0,0 +1,16 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    color: String,
+    vertical: Boolean,
+    type: {
+      type: String,
+      value: 'circular',
+    },
+    size: String,
+    textSize: String,
+  },
+  data: {
+    array12: Array.from({ length: 12 }),
+  },
+});
diff --git a/mini-app/src/vant/loading/index.json b/mini-app/src/vant/loading/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/loading/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/loading/index.wxml b/mini-app/src/vant/loading/index.wxml
new file mode 100644
index 000000000..e934288b2
--- /dev/null
+++ b/mini-app/src/vant/loading/index.wxml
@@ -0,0 +1,18 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="custom-class van-loading {{ vertical ? 'van-loading--vertical' : '' }}">
+  <view
+    class="van-loading__spinner van-loading__spinner--{{ type }}"
+    style="color: {{ color }}; width: {{ utils.addUnit(size) }}; height: {{ utils.addUnit(size) }}"
+  >
+    <view
+      wx:if="{{ type === 'spinner' }}"
+      wx:for="{{ array12 }}"
+      wx:key="index"
+      class="van-loading__dot"
+    />
+  </view>
+  <view class="van-loading__text" style="font-size: {{ utils.addUnit(textSize) }};">
+    <slot />
+  </view>
+</view>
diff --git a/mini-app/src/vant/loading/index.wxss b/mini-app/src/vant/loading/index.wxss
new file mode 100644
index 000000000..f28a6b46f
--- /dev/null
+++ b/mini-app/src/vant/loading/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{font-size:0;line-height:1}.van-loading{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#c8c9cc;color:var(--loading-spinner-color,#c8c9cc)}.van-loading__spinner{position:relative;box-sizing:border-box;width:30px;width:var(--loading-spinner-size,30px);max-width:100%;max-height:100%;height:30px;height:var(--loading-spinner-size,30px);-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite;-webkit-animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-top-color:initial;border-radius:100%}.van-loading__text{margin-left:8px;margin-left:var(--padding-xs,8px);color:#969799;color:var(--loading-text-color,#969799);font-size:14px;font-size:var(--loading-text-font-size,14px);line-height:20px;line-height:var(--loading-text-line-height,20px)}.van-loading__text:empty{display:none}.van-loading--vertical{-webkit-flex-direction:column;flex-direction:column}.van-loading--vertical .van-loading__text{margin:8px 0 0;margin:var(--padding-xs,8px) 0 0}.van-loading__dot{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__dot:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__dot:first-of-type{-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__dot:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__dot:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__dot:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__dot:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__dot:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__dot:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__dot:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__dot:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__dot:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__dot:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__dot:nth-of-type(12){-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:.3125}@-webkit-keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes van-rotate{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/mini-app/src/vant/mixins/basic.d.ts b/mini-app/src/vant/mixins/basic.d.ts
new file mode 100644
index 000000000..b27336900
--- /dev/null
+++ b/mini-app/src/vant/mixins/basic.d.ts
@@ -0,0 +1 @@
+export declare const basic: string;
diff --git a/mini-app/src/vant/mixins/basic.js b/mini-app/src/vant/mixins/basic.js
new file mode 100644
index 000000000..91659a293
--- /dev/null
+++ b/mini-app/src/vant/mixins/basic.js
@@ -0,0 +1,11 @@
+export const basic = Behavior({
+  methods: {
+    $emit(name, detail, options) {
+      this.triggerEvent(name, detail, options);
+    },
+    set(data, callback) {
+      this.setData(data, callback);
+      return new Promise((resolve) => wx.nextTick(resolve));
+    },
+  },
+});
diff --git a/mini-app/src/vant/mixins/button.d.ts b/mini-app/src/vant/mixins/button.d.ts
new file mode 100644
index 000000000..b51db8759
--- /dev/null
+++ b/mini-app/src/vant/mixins/button.d.ts
@@ -0,0 +1 @@
+export declare const button: string;
diff --git a/mini-app/src/vant/mixins/button.js b/mini-app/src/vant/mixins/button.js
new file mode 100644
index 000000000..732fa5cfb
--- /dev/null
+++ b/mini-app/src/vant/mixins/button.js
@@ -0,0 +1,15 @@
+export const button = Behavior({
+  externalClasses: ['hover-class'],
+  properties: {
+    id: String,
+    lang: String,
+    businessId: Number,
+    sessionFrom: String,
+    sendMessageTitle: String,
+    sendMessagePath: String,
+    sendMessageImg: String,
+    showMessageCard: Boolean,
+    appParameter: String,
+    ariaLabel: String,
+  },
+});
diff --git a/mini-app/src/vant/mixins/link.d.ts b/mini-app/src/vant/mixins/link.d.ts
new file mode 100644
index 000000000..d58043bc2
--- /dev/null
+++ b/mini-app/src/vant/mixins/link.d.ts
@@ -0,0 +1 @@
+export declare const link: string;
diff --git a/mini-app/src/vant/mixins/link.js b/mini-app/src/vant/mixins/link.js
new file mode 100644
index 000000000..4612e3405
--- /dev/null
+++ b/mini-app/src/vant/mixins/link.js
@@ -0,0 +1,24 @@
+export const link = Behavior({
+  properties: {
+    url: String,
+    linkType: {
+      type: String,
+      value: 'navigateTo',
+    },
+  },
+  methods: {
+    jumpLink(urlKey = 'url') {
+      const url = this.data[urlKey];
+      if (url) {
+        if (
+          this.data.linkType === 'navigateTo' &&
+          getCurrentPages().length > 9
+        ) {
+          wx.redirectTo({ url });
+        } else {
+          wx[this.data.linkType]({ url });
+        }
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/mixins/open-type.d.ts b/mini-app/src/vant/mixins/open-type.d.ts
new file mode 100644
index 000000000..64b023d78
--- /dev/null
+++ b/mini-app/src/vant/mixins/open-type.d.ts
@@ -0,0 +1 @@
+export declare const openType: string;
diff --git a/mini-app/src/vant/mixins/open-type.js b/mini-app/src/vant/mixins/open-type.js
new file mode 100644
index 000000000..87219d9cb
--- /dev/null
+++ b/mini-app/src/vant/mixins/open-type.js
@@ -0,0 +1,26 @@
+// @ts-nocheck
+export const openType = Behavior({
+  properties: {
+    openType: String,
+  },
+  methods: {
+    bindGetUserInfo(event) {
+      this.$emit('getuserinfo', event.detail);
+    },
+    bindContact(event) {
+      this.$emit('contact', event.detail);
+    },
+    bindGetPhoneNumber(event) {
+      this.$emit('getphonenumber', event.detail);
+    },
+    bindError(event) {
+      this.$emit('error', event.detail);
+    },
+    bindLaunchApp(event) {
+      this.$emit('launchapp', event.detail);
+    },
+    bindOpenSetting(event) {
+      this.$emit('opensetting', event.detail);
+    },
+  },
+});
diff --git a/mini-app/src/vant/mixins/page-scroll.d.ts b/mini-app/src/vant/mixins/page-scroll.d.ts
new file mode 100644
index 000000000..a76f542c9
--- /dev/null
+++ b/mini-app/src/vant/mixins/page-scroll.d.ts
@@ -0,0 +1,8 @@
+/// <reference types="miniprogram-api-typings" />
+declare type IPageScrollOption = WechatMiniprogram.Page.IPageScrollOption;
+declare type Scroller = (
+  this: WechatMiniprogram.Component.TrivialInstance,
+  event?: IPageScrollOption
+) => void;
+export declare const pageScrollMixin: (scroller: Scroller) => string;
+export {};
diff --git a/mini-app/src/vant/mixins/page-scroll.js b/mini-app/src/vant/mixins/page-scroll.js
new file mode 100644
index 000000000..2536a9168
--- /dev/null
+++ b/mini-app/src/vant/mixins/page-scroll.js
@@ -0,0 +1,34 @@
+function getCurrentPage() {
+  const pages = getCurrentPages();
+  return pages[pages.length - 1] || {};
+}
+function onPageScroll(event) {
+  const { vanPageScroller = [] } = getCurrentPage();
+  vanPageScroller.forEach((scroller) => {
+    if (typeof scroller === 'function') {
+      // @ts-ignore
+      scroller(event);
+    }
+  });
+}
+export const pageScrollMixin = (scroller) =>
+  Behavior({
+    attached() {
+      const page = getCurrentPage();
+      if (Array.isArray(page.vanPageScroller)) {
+        page.vanPageScroller.push(scroller.bind(this));
+      } else {
+        page.vanPageScroller =
+          typeof page.onPageScroll === 'function'
+            ? [page.onPageScroll.bind(page), scroller.bind(this)]
+            : [scroller.bind(this)];
+      }
+      page.onPageScroll = onPageScroll;
+    },
+    detached() {
+      const page = getCurrentPage();
+      page.vanPageScroller = (page.vanPageScroller || []).filter(
+        (item) => item !== scroller
+      );
+    },
+  });
diff --git a/mini-app/src/vant/mixins/touch.d.ts b/mini-app/src/vant/mixins/touch.d.ts
new file mode 100644
index 000000000..35ee831d9
--- /dev/null
+++ b/mini-app/src/vant/mixins/touch.d.ts
@@ -0,0 +1 @@
+export declare const touch: string;
diff --git a/mini-app/src/vant/mixins/touch.js b/mini-app/src/vant/mixins/touch.js
new file mode 100644
index 000000000..c6e94c31a
--- /dev/null
+++ b/mini-app/src/vant/mixins/touch.js
@@ -0,0 +1,37 @@
+// @ts-nocheck
+const MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return 'horizontal';
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return 'vertical';
+  }
+  return '';
+}
+export const touch = Behavior({
+  methods: {
+    resetTouchStatus() {
+      this.direction = '';
+      this.deltaX = 0;
+      this.deltaY = 0;
+      this.offsetX = 0;
+      this.offsetY = 0;
+    },
+    touchStart(event) {
+      this.resetTouchStatus();
+      const touch = event.touches[0];
+      this.startX = touch.clientX;
+      this.startY = touch.clientY;
+    },
+    touchMove(event) {
+      const touch = event.touches[0];
+      this.deltaX = touch.clientX - this.startX;
+      this.deltaY = touch.clientY - this.startY;
+      this.offsetX = Math.abs(this.deltaX);
+      this.offsetY = Math.abs(this.deltaY);
+      this.direction =
+        this.direction || getDirection(this.offsetX, this.offsetY);
+    },
+  },
+});
diff --git a/mini-app/src/vant/mixins/transition.d.ts b/mini-app/src/vant/mixins/transition.d.ts
new file mode 100644
index 000000000..dd829e5c9
--- /dev/null
+++ b/mini-app/src/vant/mixins/transition.d.ts
@@ -0,0 +1 @@
+export declare function transition(showDefaultValue: boolean): string;
diff --git a/mini-app/src/vant/mixins/transition.js b/mini-app/src/vant/mixins/transition.js
new file mode 100644
index 000000000..bbfcc8693
--- /dev/null
+++ b/mini-app/src/vant/mixins/transition.js
@@ -0,0 +1,107 @@
+// @ts-nocheck
+import { requestAnimationFrame } from '../common/utils';
+import { isObj } from '../common/validator';
+const getClassNames = (name) => ({
+  enter: `van-${name}-enter van-${name}-enter-active enter-class enter-active-class`,
+  'enter-to': `van-${name}-enter-to van-${name}-enter-active enter-to-class enter-active-class`,
+  leave: `van-${name}-leave van-${name}-leave-active leave-class leave-active-class`,
+  'leave-to': `van-${name}-leave-to van-${name}-leave-active leave-to-class leave-active-class`,
+});
+export function transition(showDefaultValue) {
+  return Behavior({
+    properties: {
+      customStyle: String,
+      // @ts-ignore
+      show: {
+        type: Boolean,
+        value: showDefaultValue,
+        observer: 'observeShow',
+      },
+      // @ts-ignore
+      duration: {
+        type: null,
+        value: 300,
+        observer: 'observeDuration',
+      },
+      name: {
+        type: String,
+        value: 'fade',
+      },
+    },
+    data: {
+      type: '',
+      inited: false,
+      display: false,
+    },
+    methods: {
+      observeShow(value, old) {
+        if (value === old) {
+          return;
+        }
+        value ? this.enter() : this.leave();
+      },
+      enter() {
+        const { duration, name } = this.data;
+        const classNames = getClassNames(name);
+        const currentDuration = isObj(duration) ? duration.enter : duration;
+        this.status = 'enter';
+        this.$emit('before-enter');
+        requestAnimationFrame(() => {
+          this.checkStatus('enter');
+          this.$emit('enter');
+          this.setData({
+            inited: true,
+            display: true,
+            classes: classNames.enter,
+            currentDuration,
+          });
+          requestAnimationFrame(() => {
+            this.checkStatus('enter');
+            this.transitionEnded = false;
+            this.setData({ classes: classNames['enter-to'] });
+          });
+        });
+      },
+      leave() {
+        if (!this.data.display) {
+          return;
+        }
+        const { duration, name } = this.data;
+        const classNames = getClassNames(name);
+        const currentDuration = isObj(duration) ? duration.leave : duration;
+        this.status = 'leave';
+        this.$emit('before-leave');
+        requestAnimationFrame(() => {
+          this.checkStatus('leave');
+          this.$emit('leave');
+          this.setData({
+            classes: classNames.leave,
+            currentDuration,
+          });
+          requestAnimationFrame(() => {
+            this.checkStatus('leave');
+            this.transitionEnded = false;
+            setTimeout(() => this.onTransitionEnd(), currentDuration);
+            this.setData({ classes: classNames['leave-to'] });
+          });
+        });
+      },
+      checkStatus(status) {
+        if (status !== this.status) {
+          throw new Error(`incongruent status: ${status}`);
+        }
+      },
+      onTransitionEnd() {
+        if (this.transitionEnded) {
+          return;
+        }
+        this.transitionEnded = true;
+        this.$emit(`after-${this.status}`);
+        const { show, display } = this.data;
+        if (!show && display) {
+          this.setData({ display: false });
+        }
+      },
+    },
+  });
+}
diff --git a/mini-app/src/vant/nav-bar/index.d.ts b/mini-app/src/vant/nav-bar/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/nav-bar/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/nav-bar/index.js b/mini-app/src/vant/nav-bar/index.js
new file mode 100644
index 000000000..b620a5dd1
--- /dev/null
+++ b/mini-app/src/vant/nav-bar/index.js
@@ -0,0 +1,65 @@
+import { VantComponent } from '../common/component';
+import { getRect, getSystemInfoSync } from '../common/utils';
+VantComponent({
+  classes: ['title-class'],
+  props: {
+    title: String,
+    fixed: {
+      type: Boolean,
+      observer: 'setHeight',
+    },
+    placeholder: {
+      type: Boolean,
+      observer: 'setHeight',
+    },
+    leftText: String,
+    rightText: String,
+    customStyle: String,
+    leftArrow: Boolean,
+    border: {
+      type: Boolean,
+      value: true,
+    },
+    zIndex: {
+      type: Number,
+      value: 1,
+    },
+    safeAreaInsetTop: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    height: 46,
+  },
+  created() {
+    const { statusBarHeight } = getSystemInfoSync();
+    this.setData({
+      statusBarHeight,
+      height: 46 + statusBarHeight,
+    });
+  },
+  mounted() {
+    this.setHeight();
+  },
+  methods: {
+    onClickLeft() {
+      this.$emit('click-left');
+    },
+    onClickRight() {
+      this.$emit('click-right');
+    },
+    setHeight() {
+      if (!this.data.fixed || !this.data.placeholder) {
+        return;
+      }
+      wx.nextTick(() => {
+        getRect(this, '.van-nav-bar').then((res) => {
+          if (res && 'height' in res) {
+            this.setData({ height: res.height });
+          }
+        });
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/nav-bar/index.json b/mini-app/src/vant/nav-bar/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/nav-bar/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/nav-bar/index.wxml b/mini-app/src/vant/nav-bar/index.wxml
new file mode 100644
index 000000000..b6405fd5a
--- /dev/null
+++ b/mini-app/src/vant/nav-bar/index.wxml
@@ -0,0 +1,42 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;" />
+
+<view
+  class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}"
+  style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}"
+>
+  <view class="van-nav-bar__content">
+    <view class="van-nav-bar__left" bind:tap="onClickLeft">
+      <block wx:if="{{ leftArrow || leftText }}">
+        <van-icon
+          wx:if="{{ leftArrow }}"
+          size="16px"
+          name="arrow-left"
+          custom-class="van-nav-bar__arrow"
+        />
+        <view
+          wx:if="{{ leftText }}"
+          class="van-nav-bar__text"
+          hover-class="van-nav-bar__text--hover"
+          hover-stay-time="70"
+        >{{ leftText }}</view>
+      </block>
+      <slot wx:else name="left" />
+    </view>
+    <view class="van-nav-bar__title title-class van-ellipsis">
+      <block wx:if="{{ title }}">{{ title }}</block>
+      <slot wx:else name="title" />
+    </view>
+    <view class="van-nav-bar__right" bind:tap="onClickRight">
+      <view
+        wx:if="{{ rightText }}"
+        class="van-nav-bar__text"
+        hover-class="van-nav-bar__text--hover"
+        hover-stay-time="70"
+      >{{ rightText }}</view>
+      <slot wx:else name="right" />
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/nav-bar/index.wxs b/mini-app/src/vant/nav-bar/index.wxs
new file mode 100644
index 000000000..55b4158d1
--- /dev/null
+++ b/mini-app/src/vant/nav-bar/index.wxs
@@ -0,0 +1,13 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function barStyle(data) {
+  return style({
+    'z-index': data.zIndex,
+    'padding-top': data.safeAreaInsetTop ? data.statusBarHeight + 'px' : 0,
+  });
+}
+
+module.exports = {
+  barStyle: barStyle,
+};
diff --git a/mini-app/src/vant/nav-bar/index.wxss b/mini-app/src/vant/nav-bar/index.wxss
new file mode 100644
index 000000000..48e9e3f58
--- /dev/null
+++ b/mini-app/src/vant/nav-bar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;height:46px;height:var(--nav-bar-height,46px);line-height:46px;line-height:var(--nav-bar-height,46px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar__content{position:relative;height:100%}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px!important;font-size:var(--nav-bar-arrow-size,16px)!important;color:#1989fa!important;color:var(--nav-bar-icon-color,#1989fa)!important}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/notice-bar/index.d.ts b/mini-app/src/vant/notice-bar/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/notice-bar/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/notice-bar/index.js b/mini-app/src/vant/notice-bar/index.js
new file mode 100644
index 000000000..ce37532d1
--- /dev/null
+++ b/mini-app/src/vant/notice-bar/index.js
@@ -0,0 +1,127 @@
+import { VantComponent } from '../common/component';
+import { getRect, requestAnimationFrame } from '../common/utils';
+VantComponent({
+  props: {
+    text: {
+      type: String,
+      value: '',
+      observer() {
+        wx.nextTick(() => {
+          this.init();
+        });
+      },
+    },
+    mode: {
+      type: String,
+      value: '',
+    },
+    url: {
+      type: String,
+      value: '',
+    },
+    openType: {
+      type: String,
+      value: 'navigate',
+    },
+    delay: {
+      type: Number,
+      value: 1,
+    },
+    speed: {
+      type: Number,
+      value: 50,
+      observer() {
+        wx.nextTick(() => {
+          this.init();
+        });
+      },
+    },
+    scrollable: {
+      type: Boolean,
+      value: true,
+    },
+    leftIcon: {
+      type: String,
+      value: '',
+    },
+    color: String,
+    backgroundColor: String,
+    background: String,
+    wrapable: Boolean,
+  },
+  data: {
+    show: true,
+  },
+  created() {
+    this.resetAnimation = wx.createAnimation({
+      duration: 0,
+      timingFunction: 'linear',
+    });
+  },
+  destroyed() {
+    this.timer && clearTimeout(this.timer);
+  },
+  methods: {
+    init() {
+      Promise.all([
+        getRect(this, '.van-notice-bar__content'),
+        getRect(this, '.van-notice-bar__wrap'),
+      ]).then((rects) => {
+        const [contentRect, wrapRect] = rects;
+        if (
+          contentRect == null ||
+          wrapRect == null ||
+          !contentRect.width ||
+          !wrapRect.width
+        ) {
+          return;
+        }
+        const { speed, scrollable, delay } = this.data;
+        if (scrollable || wrapRect.width < contentRect.width) {
+          const duration = (contentRect.width / speed) * 1000;
+          this.wrapWidth = wrapRect.width;
+          this.contentWidth = contentRect.width;
+          this.duration = duration;
+          this.animation = wx.createAnimation({
+            duration,
+            timingFunction: 'linear',
+            delay,
+          });
+          this.scroll();
+        }
+      });
+    },
+    scroll() {
+      this.timer && clearTimeout(this.timer);
+      this.timer = null;
+      this.setData({
+        animationData: this.resetAnimation
+          .translateX(this.wrapWidth)
+          .step()
+          .export(),
+      });
+      requestAnimationFrame(() => {
+        this.setData({
+          animationData: this.animation
+            .translateX(-this.contentWidth)
+            .step()
+            .export(),
+        });
+      });
+      this.timer = setTimeout(() => {
+        this.scroll();
+      }, this.duration);
+    },
+    onClickIcon(event) {
+      if (this.data.mode === 'closeable') {
+        this.timer && clearTimeout(this.timer);
+        this.timer = null;
+        this.setData({ show: false });
+        this.$emit('close', event.detail);
+      }
+    },
+    onClick(event) {
+      this.$emit('click', event);
+    },
+  },
+});
diff --git a/mini-app/src/vant/notice-bar/index.json b/mini-app/src/vant/notice-bar/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/notice-bar/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/notice-bar/index.wxml b/mini-app/src/vant/notice-bar/index.wxml
new file mode 100644
index 000000000..9228c6b57
--- /dev/null
+++ b/mini-app/src/vant/notice-bar/index.wxml
@@ -0,0 +1,37 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  wx:if="{{ show }}"
+  class="custom-class {{ utils.bem('notice-bar', { withicon: mode, wrapable }) }}"
+  style="color: {{ color }}; background-color: {{ backgroundColor }}; background: {{ background }}"
+  bind:tap="onClick"
+>
+  <van-icon
+    wx:if="{{ leftIcon }}"
+    size="16px"
+    name="{{ leftIcon }}"
+    class="van-notice-bar__left-icon"
+  />
+  <slot wx:else name="left-icon" />
+
+  <view class="van-notice-bar__wrap">
+    <view class="van-notice-bar__content {{ !scrollable && !wrapable ? 'van-ellipsis' : '' }}" animation="{{ animationData }}">
+      {{ text }}
+    </view>
+  </view>
+
+  <van-icon
+    wx:if="{{ mode === 'closeable' }}"
+    class="van-notice-bar__right-icon"
+    name="cross"
+    catch:tap="onClickIcon"
+  />
+  <navigator
+    wx:elif="{{ mode === 'link' }}"
+    url="{{ url }}"
+    open-type="{{ openType }}"
+  >
+    <van-icon class="van-notice-bar__right-icon" name="arrow" />
+  </navigator>
+  <slot wx:else name="right-icon" />
+</view>
diff --git a/mini-app/src/vant/notice-bar/index.wxss b/mini-app/src/vant/notice-bar/index.wxss
new file mode 100644
index 000000000..6a4985870
--- /dev/null
+++ b/mini-app/src/vant/notice-bar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-notice-bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:40px;height:var(--notice-bar-height,40px);padding:0 16px;padding:var(--notice-bar-padding,0 16px);font-size:14px;font-size:var(--notice-bar-font-size,14px);color:#ed6a0c;color:var(--notice-bar-text-color,#ed6a0c);line-height:24px;line-height:var(--notice-bar-line-height,24px);background-color:#fffbe8;background-color:var(--notice-bar-background-color,#fffbe8)}.van-notice-bar--withicon{position:relative;padding-right:40px}.van-notice-bar--wrapable{height:auto;padding:8px 16px;padding:var(--notice-bar-wrapable-padding,8px 16px)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal}.van-notice-bar__left-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:4px;vertical-align:middle}.van-notice-bar__left-icon,.van-notice-bar__right-icon{font-size:16px;font-size:var(--notice-bar-icon-size,16px);min-width:22px;min-width:var(--notice-bar-icon-min-width,22px)}.van-notice-bar__right-icon{position:absolute;top:10px;right:15px}.van-notice-bar__wrap{position:relative;-webkit-flex:1;flex:1;overflow:hidden;height:24px;height:var(--notice-bar-line-height,24px)}.van-notice-bar__content{position:absolute;white-space:nowrap}.van-notice-bar__content.van-ellipsis{max-width:100%}
\ No newline at end of file
diff --git a/mini-app/src/vant/notify/index.d.ts b/mini-app/src/vant/notify/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/notify/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/notify/index.js b/mini-app/src/vant/notify/index.js
new file mode 100644
index 000000000..544146ac0
--- /dev/null
+++ b/mini-app/src/vant/notify/index.js
@@ -0,0 +1,62 @@
+import { VantComponent } from '../common/component';
+import { WHITE } from '../common/color';
+import { getSystemInfoSync } from '../common/utils';
+VantComponent({
+  props: {
+    message: String,
+    background: String,
+    type: {
+      type: String,
+      value: 'danger',
+    },
+    color: {
+      type: String,
+      value: WHITE,
+    },
+    duration: {
+      type: Number,
+      value: 3000,
+    },
+    zIndex: {
+      type: Number,
+      value: 110,
+    },
+    safeAreaInsetTop: {
+      type: Boolean,
+      value: false,
+    },
+    top: null,
+  },
+  data: {
+    show: false,
+  },
+  created() {
+    const { statusBarHeight } = getSystemInfoSync();
+    this.setData({ statusBarHeight });
+  },
+  methods: {
+    show() {
+      const { duration, onOpened } = this.data;
+      clearTimeout(this.timer);
+      this.setData({ show: true });
+      wx.nextTick(onOpened);
+      if (duration > 0 && duration !== Infinity) {
+        this.timer = setTimeout(() => {
+          this.hide();
+        }, duration);
+      }
+    },
+    hide() {
+      const { onClose } = this.data;
+      clearTimeout(this.timer);
+      this.setData({ show: false });
+      wx.nextTick(onClose);
+    },
+    onTap(event) {
+      const { onClick } = this.data;
+      if (onClick) {
+        onClick(event.detail);
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/notify/index.json b/mini-app/src/vant/notify/index.json
new file mode 100644
index 000000000..c14a65f6c
--- /dev/null
+++ b/mini-app/src/vant/notify/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-transition": "../transition/index"
+  }
+}
diff --git a/mini-app/src/vant/notify/index.wxml b/mini-app/src/vant/notify/index.wxml
new file mode 100644
index 000000000..060d1ba85
--- /dev/null
+++ b/mini-app/src/vant/notify/index.wxml
@@ -0,0 +1,20 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<van-transition
+  name="slide-down"
+  show="{{ show }}"
+  custom-class="van-notify__container"
+  custom-style="z-index: {{ zIndex }}; top: {{ utils.addUnit(top) }}"
+  bind:tap="onTap"
+>
+  <view
+    class="van-notify van-notify--{{ type }}"
+    style="background:{{ background }};color:{{ color }};"
+  >
+    <view
+      wx:if="{{ safeAreaInsetTop }}"
+      style="height: {{ statusBarHeight }}px"
+    />
+    <text>{{ message }}</text>
+  </view>
+</van-transition>
diff --git a/mini-app/src/vant/notify/index.wxss b/mini-app/src/vant/notify/index.wxss
new file mode 100644
index 000000000..8a7688b3e
--- /dev/null
+++ b/mini-app/src/vant/notify/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-notify{text-align:center;word-wrap:break-word;padding:6px 15px;padding:var(--notify-padding,6px 15px);font-size:14px;font-size:var(--notify-font-size,14px);line-height:20px;line-height:var(--notify-line-height,20px)}.van-notify__container{position:fixed;top:0;left:0;box-sizing:border-box;width:100%}.van-notify--primary{background-color:#1989fa;background-color:var(--notify-primary-background-color,#1989fa)}.van-notify--success{background-color:#07c160;background-color:var(--notify-success-background-color,#07c160)}.van-notify--danger{background-color:#ee0a24;background-color:var(--notify-danger-background-color,#ee0a24)}.van-notify--warning{background-color:#ff976a;background-color:var(--notify-warning-background-color,#ff976a)}
\ No newline at end of file
diff --git a/mini-app/src/vant/notify/notify.d.ts b/mini-app/src/vant/notify/notify.d.ts
new file mode 100644
index 000000000..32f77ad05
--- /dev/null
+++ b/mini-app/src/vant/notify/notify.d.ts
@@ -0,0 +1,20 @@
+interface NotifyOptions {
+  type?: 'primary' | 'success' | 'danger' | 'warning';
+  color?: string;
+  zIndex?: number;
+  top?: number;
+  message: string;
+  context?: any;
+  duration?: number;
+  selector?: string;
+  background?: string;
+  safeAreaInsetTop?: boolean;
+  onClick?: () => void;
+  onOpened?: () => void;
+  onClose?: () => void;
+}
+declare function Notify(options: NotifyOptions | string): any;
+declare namespace Notify {
+  var clear: (options?: NotifyOptions | undefined) => void;
+}
+export default Notify;
diff --git a/mini-app/src/vant/notify/notify.js b/mini-app/src/vant/notify/notify.js
new file mode 100644
index 000000000..ee3c966dd
--- /dev/null
+++ b/mini-app/src/vant/notify/notify.js
@@ -0,0 +1,52 @@
+import { WHITE } from '../common/color';
+const defaultOptions = {
+  selector: '#van-notify',
+  type: 'danger',
+  message: '',
+  background: '',
+  duration: 3000,
+  zIndex: 110,
+  top: 0,
+  color: WHITE,
+  safeAreaInsetTop: false,
+  onClick: () => {},
+  onOpened: () => {},
+  onClose: () => {},
+};
+function parseOptions(message) {
+  if (message == null) {
+    return {};
+  }
+  return typeof message === 'string' ? { message } : message;
+}
+function getContext() {
+  const pages = getCurrentPages();
+  return pages[pages.length - 1];
+}
+export default function Notify(options) {
+  options = Object.assign(
+    Object.assign({}, defaultOptions),
+    parseOptions(options)
+  );
+  const context = options.context || getContext();
+  const notify = context.selectComponent(options.selector);
+  delete options.context;
+  delete options.selector;
+  if (notify) {
+    notify.setData(options);
+    notify.show();
+    return notify;
+  }
+  console.warn('未找到 van-notify 节点，请确认 selector 及 context 是否正确');
+}
+Notify.clear = function (options) {
+  options = Object.assign(
+    Object.assign({}, defaultOptions),
+    parseOptions(options)
+  );
+  const context = options.context || getContext();
+  const notify = context.selectComponent(options.selector);
+  if (notify) {
+    notify.hide();
+  }
+};
diff --git a/mini-app/src/vant/overlay/index.d.ts b/mini-app/src/vant/overlay/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/overlay/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/overlay/index.js b/mini-app/src/vant/overlay/index.js
new file mode 100644
index 000000000..b70943198
--- /dev/null
+++ b/mini-app/src/vant/overlay/index.js
@@ -0,0 +1,22 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    show: Boolean,
+    customStyle: String,
+    duration: {
+      type: null,
+      value: 300,
+    },
+    zIndex: {
+      type: Number,
+      value: 1,
+    },
+  },
+  methods: {
+    onClick() {
+      this.$emit('click');
+    },
+    // for prevent touchmove
+    noop() {},
+  },
+});
diff --git a/mini-app/src/vant/overlay/index.json b/mini-app/src/vant/overlay/index.json
new file mode 100644
index 000000000..c14a65f6c
--- /dev/null
+++ b/mini-app/src/vant/overlay/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-transition": "../transition/index"
+  }
+}
diff --git a/mini-app/src/vant/overlay/index.wxml b/mini-app/src/vant/overlay/index.wxml
new file mode 100644
index 000000000..9212348b0
--- /dev/null
+++ b/mini-app/src/vant/overlay/index.wxml
@@ -0,0 +1,10 @@
+<van-transition
+  show="{{ show }}"
+  custom-class="van-overlay"
+  custom-style="z-index: {{ zIndex }}; {{ customStyle }}"
+  duration="{{ duration }}"
+  bind:tap="onClick"
+  catch:touchmove="noop"
+>
+  <slot></slot>
+</van-transition>
diff --git a/mini-app/src/vant/overlay/index.wxss b/mini-app/src/vant/overlay/index.wxss
new file mode 100644
index 000000000..0f9df0e86
--- /dev/null
+++ b/mini-app/src/vant/overlay/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);background-color:var(--overlay-background-color,rgba(0,0,0,.7))}
\ No newline at end of file
diff --git a/mini-app/src/vant/panel/index.d.ts b/mini-app/src/vant/panel/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/panel/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/panel/index.js b/mini-app/src/vant/panel/index.js
new file mode 100644
index 000000000..4c2406232
--- /dev/null
+++ b/mini-app/src/vant/panel/index.js
@@ -0,0 +1,10 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  classes: ['header-class', 'footer-class'],
+  props: {
+    desc: String,
+    title: String,
+    status: String,
+    useFooterSlot: Boolean,
+  },
+});
diff --git a/mini-app/src/vant/panel/index.json b/mini-app/src/vant/panel/index.json
new file mode 100644
index 000000000..0e5425cdf
--- /dev/null
+++ b/mini-app/src/vant/panel/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-cell": "../cell/index"
+  }
+}
diff --git a/mini-app/src/vant/panel/index.wxml b/mini-app/src/vant/panel/index.wxml
new file mode 100644
index 000000000..3f135d23d
--- /dev/null
+++ b/mini-app/src/vant/panel/index.wxml
@@ -0,0 +1,19 @@
+<view class="van-panel van-hairline--top-bottom custom-class">
+  <van-cell 
+    wx:if="{{ title || desc || status }}"
+    title="{{ title }}"
+    label="{{ desc }}"
+    value="{{ status }}"
+    custom-class="header-class"
+    value-class="van-panel__header-value"
+  />
+  <slot wx:else name="header" />
+
+  <view class="van-panel__content">
+    <slot />
+  </view>
+
+  <view wx:if="{{ useFooterSlot }}" class="van-panel__footer van-hairline--top footer-class">
+    <slot name="footer" />
+  </view>
+</view>
diff --git a/mini-app/src/vant/panel/index.wxss b/mini-app/src/vant/panel/index.wxss
new file mode 100644
index 000000000..ffd9df91e
--- /dev/null
+++ b/mini-app/src/vant/panel/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-panel{background:#fff;background:var(--panel-background-color,#fff)}.van-panel__header-value{color:#ee0a24;color:var(--panel-header-value-color,#ee0a24)}.van-panel__footer{padding:8px 16px;padding:var(--panel-footer-padding,8px 16px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/picker-column/index.d.ts b/mini-app/src/vant/picker-column/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/picker-column/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/picker-column/index.js b/mini-app/src/vant/picker-column/index.js
new file mode 100644
index 000000000..d55d27441
--- /dev/null
+++ b/mini-app/src/vant/picker-column/index.js
@@ -0,0 +1,124 @@
+import { VantComponent } from '../common/component';
+import { range } from '../common/utils';
+import { isObj } from '../common/validator';
+const DEFAULT_DURATION = 200;
+VantComponent({
+  classes: ['active-class'],
+  props: {
+    valueKey: String,
+    className: String,
+    itemHeight: Number,
+    visibleItemCount: Number,
+    initialOptions: {
+      type: Array,
+      value: [],
+    },
+    defaultIndex: {
+      type: Number,
+      value: 0,
+      observer(value) {
+        this.setIndex(value);
+      },
+    },
+  },
+  data: {
+    startY: 0,
+    offset: 0,
+    duration: 0,
+    startOffset: 0,
+    options: [],
+    currentIndex: 0,
+  },
+  created() {
+    const { defaultIndex, initialOptions } = this.data;
+    this.set({
+      currentIndex: defaultIndex,
+      options: initialOptions,
+    }).then(() => {
+      this.setIndex(defaultIndex);
+    });
+  },
+  methods: {
+    getCount() {
+      return this.data.options.length;
+    },
+    onTouchStart(event) {
+      this.setData({
+        startY: event.touches[0].clientY,
+        startOffset: this.data.offset,
+        duration: 0,
+      });
+    },
+    onTouchMove(event) {
+      const { data } = this;
+      const deltaY = event.touches[0].clientY - data.startY;
+      this.setData({
+        offset: range(
+          data.startOffset + deltaY,
+          -(this.getCount() * data.itemHeight),
+          data.itemHeight
+        ),
+      });
+    },
+    onTouchEnd() {
+      const { data } = this;
+      if (data.offset !== data.startOffset) {
+        this.setData({ duration: DEFAULT_DURATION });
+        const index = range(
+          Math.round(-data.offset / data.itemHeight),
+          0,
+          this.getCount() - 1
+        );
+        this.setIndex(index, true);
+      }
+    },
+    onClickItem(event) {
+      const { index } = event.currentTarget.dataset;
+      this.setIndex(index, true);
+    },
+    adjustIndex(index) {
+      const { data } = this;
+      const count = this.getCount();
+      index = range(index, 0, count);
+      for (let i = index; i < count; i++) {
+        if (!this.isDisabled(data.options[i])) return i;
+      }
+      for (let i = index - 1; i >= 0; i--) {
+        if (!this.isDisabled(data.options[i])) return i;
+      }
+    },
+    isDisabled(option) {
+      return isObj(option) && option.disabled;
+    },
+    getOptionText(option) {
+      const { data } = this;
+      return isObj(option) && data.valueKey in option
+        ? option[data.valueKey]
+        : option;
+    },
+    setIndex(index, userAction) {
+      const { data } = this;
+      index = this.adjustIndex(index) || 0;
+      const offset = -index * data.itemHeight;
+      if (index !== data.currentIndex) {
+        return this.set({ offset, currentIndex: index }).then(() => {
+          userAction && this.$emit('change', index);
+        });
+      }
+      return this.set({ offset });
+    },
+    setValue(value) {
+      const { options } = this.data;
+      for (let i = 0; i < options.length; i++) {
+        if (this.getOptionText(options[i]) === value) {
+          return this.setIndex(i);
+        }
+      }
+      return Promise.resolve();
+    },
+    getValue() {
+      const { data } = this;
+      return data.options[data.currentIndex];
+    },
+  },
+});
diff --git a/mini-app/src/vant/picker-column/index.json b/mini-app/src/vant/picker-column/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/picker-column/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/picker-column/index.wxml b/mini-app/src/vant/picker-column/index.wxml
new file mode 100644
index 000000000..f052ed992
--- /dev/null
+++ b/mini-app/src/vant/picker-column/index.wxml
@@ -0,0 +1,22 @@
+<wxs src="./index.wxs" module="getOptionText" />
+
+<view
+  class="van-picker-column custom-class"
+  style="height: {{ itemHeight * visibleItemCount }}px"
+  bind:touchstart="onTouchStart"
+  catch:touchmove="onTouchMove"
+  bind:touchend="onTouchEnd"
+  bind:touchcancel="onTouchEnd"
+>
+  <view style="transition: transform {{ duration }}ms; line-height: {{ itemHeight }}px; transform: translate3d(0, {{ offset + (itemHeight * (visibleItemCount - 1)) / 2 }}px, 0)">
+    <view
+      wx:for="{{ options }}"
+      wx:for-item="option"
+      wx:key="index"
+      data-index="{{ index }}"
+      style="height: {{ itemHeight }}px"
+      class="van-ellipsis van-picker-column__item {{ option && option.disabled ? 'van-picker-column__item--disabled' : '' }} {{ index === currentIndex ? 'van-picker-column__item--selected active-class' : '' }}"
+      bindtap="onClickItem"
+    >{{ getOptionText(option, valueKey) }}</view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/picker-column/index.wxs b/mini-app/src/vant/picker-column/index.wxs
new file mode 100644
index 000000000..3c8fc6819
--- /dev/null
+++ b/mini-app/src/vant/picker-column/index.wxs
@@ -0,0 +1,8 @@
+function isObj(x) {
+  var type = typeof x;
+  return x !== null && (type === 'object' || type === 'function');
+}
+
+module.exports = function (option, valueKey) {
+  return isObj(option) && option[valueKey] != null ? option[valueKey] : option;
+}
diff --git a/mini-app/src/vant/picker-column/index.wxss b/mini-app/src/vant/picker-column/index.wxss
new file mode 100644
index 000000000..c5c691001
--- /dev/null
+++ b/mini-app/src/vant/picker-column/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-picker-column{overflow:hidden;text-align:center;color:#000;color:var(--picker-option-text-color,#000);font-size:16px;font-size:var(--picker-option-font-size,16px)}.van-picker-column__item{padding:0 5px}.van-picker-column__item--selected{font-weight:500;font-weight:var(--font-weight-bold,500);color:#323233;color:var(--picker-option-selected-text-color,#323233)}.van-picker-column__item--disabled{opacity:.3;opacity:var(--picker-option-disabled-opacity,.3)}
\ No newline at end of file
diff --git a/mini-app/src/vant/picker/index.d.ts b/mini-app/src/vant/picker/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/picker/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/picker/index.js b/mini-app/src/vant/picker/index.js
new file mode 100644
index 000000000..e1b3541fd
--- /dev/null
+++ b/mini-app/src/vant/picker/index.js
@@ -0,0 +1,145 @@
+import { VantComponent } from '../common/component';
+import { pickerProps } from './shared';
+VantComponent({
+  classes: ['active-class', 'toolbar-class', 'column-class'],
+  props: Object.assign(Object.assign({}, pickerProps), {
+    valueKey: {
+      type: String,
+      value: 'text',
+    },
+    toolbarPosition: {
+      type: String,
+      value: 'top',
+    },
+    defaultIndex: {
+      type: Number,
+      value: 0,
+    },
+    columns: {
+      type: Array,
+      value: [],
+      observer(columns = []) {
+        this.simple = columns.length && !columns[0].values;
+        this.children = this.selectAllComponents('.van-picker__column');
+        if (Array.isArray(this.children) && this.children.length) {
+          this.setColumns().catch(() => {});
+        }
+      },
+    },
+  }),
+  beforeCreate() {
+    this.children = [];
+  },
+  methods: {
+    noop() {},
+    setColumns() {
+      const { data } = this;
+      const columns = this.simple ? [{ values: data.columns }] : data.columns;
+      const stack = columns.map((column, index) =>
+        this.setColumnValues(index, column.values)
+      );
+      return Promise.all(stack);
+    },
+    emit(event) {
+      const { type } = event.currentTarget.dataset;
+      if (this.simple) {
+        this.$emit(type, {
+          value: this.getColumnValue(0),
+          index: this.getColumnIndex(0),
+        });
+      } else {
+        this.$emit(type, {
+          value: this.getValues(),
+          index: this.getIndexes(),
+        });
+      }
+    },
+    onChange(event) {
+      if (this.simple) {
+        this.$emit('change', {
+          picker: this,
+          value: this.getColumnValue(0),
+          index: this.getColumnIndex(0),
+        });
+      } else {
+        this.$emit('change', {
+          picker: this,
+          value: this.getValues(),
+          index: event.currentTarget.dataset.index,
+        });
+      }
+    },
+    // get column instance by index
+    getColumn(index) {
+      return this.children[index];
+    },
+    // get column value by index
+    getColumnValue(index) {
+      const column = this.getColumn(index);
+      return column && column.getValue();
+    },
+    // set column value by index
+    setColumnValue(index, value) {
+      const column = this.getColumn(index);
+      if (column == null) {
+        return Promise.reject(new Error('setColumnValue: 对应列不存在'));
+      }
+      return column.setValue(value);
+    },
+    // get column option index by column index
+    getColumnIndex(columnIndex) {
+      return (this.getColumn(columnIndex) || {}).data.currentIndex;
+    },
+    // set column option index by column index
+    setColumnIndex(columnIndex, optionIndex) {
+      const column = this.getColumn(columnIndex);
+      if (column == null) {
+        return Promise.reject(new Error('setColumnIndex: 对应列不存在'));
+      }
+      return column.setIndex(optionIndex);
+    },
+    // get options of column by index
+    getColumnValues(index) {
+      return (this.children[index] || {}).data.options;
+    },
+    // set options of column by index
+    setColumnValues(index, options, needReset = true) {
+      const column = this.children[index];
+      if (column == null) {
+        return Promise.reject(new Error('setColumnValues: 对应列不存在'));
+      }
+      const isSame =
+        JSON.stringify(column.data.options) === JSON.stringify(options);
+      if (isSame) {
+        return Promise.resolve();
+      }
+      return column.set({ options }).then(() => {
+        if (needReset) {
+          column.setIndex(0);
+        }
+      });
+    },
+    // get values of all columns
+    getValues() {
+      return this.children.map((child) => child.getValue());
+    },
+    // set values of all columns
+    setValues(values) {
+      const stack = values.map((value, index) =>
+        this.setColumnValue(index, value)
+      );
+      return Promise.all(stack);
+    },
+    // get indexes of all columns
+    getIndexes() {
+      return this.children.map((child) => child.data.currentIndex);
+    },
+    // set indexes of all columns
+    setIndexes(indexes) {
+      const stack = indexes.map((optionIndex, columnIndex) =>
+        this.setColumnIndex(columnIndex, optionIndex)
+      );
+      return Promise.all(stack);
+    },
+  },
+});
diff --git a/mini-app/src/vant/picker/index.json b/mini-app/src/vant/picker/index.json
new file mode 100644
index 000000000..2fcec8991
--- /dev/null
+++ b/mini-app/src/vant/picker/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "picker-column": "../picker-column/index",
+    "loading": "../loading/index"
+  }
+}
diff --git a/mini-app/src/vant/picker/index.wxml b/mini-app/src/vant/picker/index.wxml
new file mode 100644
index 000000000..519adb549
--- /dev/null
+++ b/mini-app/src/vant/picker/index.wxml
@@ -0,0 +1,41 @@
+<import src="./toolbar.wxml" />
+
+<view class="van-picker custom-class">
+  <template is="toolbar" wx:if="{{ toolbarPosition === 'top' }}" data="{{ showToolbar, cancelButtonText, title, confirmButtonText }}"></template>
+  <view wx:if="{{ loading }}" class="van-picker__loading">
+    <loading color="#1989fa"/>
+  </view>
+  <view
+    class="van-picker__columns"
+    style="height: {{ itemHeight * visibleItemCount }}px"
+    catch:touchmove="noop"
+  >
+    <picker-column
+      class="van-picker__column"
+      wx:for="{{ isSimple(columns) ? [columns] : columns }}"
+      wx:key="index"
+      data-index="{{ index }}"
+      custom-class="column-class"
+      value-key="{{ valueKey }}"
+      initial-options="{{ isSimple(columns) ? item : item.values }}"
+      default-index="{{ item.defaultIndex || defaultIndex }}"
+      item-height="{{ itemHeight }}"
+      visible-item-count="{{ visibleItemCount }}"
+      active-class="active-class"
+      bind:change="onChange"
+    />
+    <view class="van-picker__mask" style="background-size: 100% {{ (itemHeight * visibleItemCount - itemHeight) / 2 }}px" />
+    <view
+      class="van-picker__frame van-hairline--top-bottom"
+      style="height: {{ itemHeight }}px"
+    />
+  </view>
+  <template is="toolbar" wx:if="{{ toolbarPosition === 'bottom' }}" data="{{ showToolbar, cancelButtonText, title, confirmButtonText }}"></template>
+</view>
+
+<wxs module="isSimple">
+  function isSimple(columns) {
+    return columns.length && !columns[0].values;
+  }
+  module.exports = isSimple;
+</wxs>
diff --git a/mini-app/src/vant/picker/index.wxss b/mini-app/src/vant/picker/index.wxss
new file mode 100644
index 000000000..f74b164bb
--- /dev/null
+++ b/mini-app/src/vant/picker/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-picker{position:relative;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;background-color:#fff;background-color:var(--picker-background-color,#fff)}.van-picker__toolbar{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:44px;height:var(--picker-toolbar-height,44px);line-height:44px;line-height:var(--picker-toolbar-height,44px)}.van-picker__cancel,.van-picker__confirm{padding:0 16px;padding:var(--picker-action-padding,0 16px);font-size:14px;font-size:var(--picker-action-font-size,14px)}.van-picker__cancel--hover,.van-picker__confirm--hover{opacity:.7}.van-picker__confirm{color:#576b95;color:var(--picker-confirm-action-color,#576b95)}.van-picker__cancel{color:#969799;color:var(--picker-cancel-action-color,#969799)}.van-picker__title{max-width:50%;text-align:center;font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--picker-option-font-size,16px)}.van-picker__columns{position:relative;display:-webkit-flex;display:flex}.van-picker__column{-webkit-flex:1 1;flex:1 1;width:0}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:hsla(0,0%,100%,.9);background-color:var(--picker-loading-mask-color,hsla(0,0%,100%,.9))}.van-picker__mask{top:0;left:0;z-index:2;width:100%;height:100%;background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden}.van-picker__frame,.van-picker__mask{position:absolute;pointer-events:none}.van-picker__frame{top:50%;right:16px;left:16px;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
\ No newline at end of file
diff --git a/mini-app/src/vant/picker/shared.d.ts b/mini-app/src/vant/picker/shared.d.ts
new file mode 100644
index 000000000..c54804595
--- /dev/null
+++ b/mini-app/src/vant/picker/shared.d.ts
@@ -0,0 +1,21 @@
+export declare const pickerProps: {
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    showToolbar: BooleanConstructor;
+    cancelButtonText: {
+        type: StringConstructor;
+        value: string;
+    };
+    confirmButtonText: {
+        type: StringConstructor;
+        value: string;
+    };
+    visibleItemCount: {
+        type: NumberConstructor;
+        value: number;
+    };
+    itemHeight: {
+        type: NumberConstructor;
+        value: number;
+    };
+};
diff --git a/mini-app/src/vant/picker/shared.js b/mini-app/src/vant/picker/shared.js
new file mode 100644
index 000000000..8531290b3
--- /dev/null
+++ b/mini-app/src/vant/picker/shared.js
@@ -0,0 +1,21 @@
+export const pickerProps = {
+  title: String,
+  loading: Boolean,
+  showToolbar: Boolean,
+  cancelButtonText: {
+    type: String,
+    value: '取消',
+  },
+  confirmButtonText: {
+    type: String,
+    value: '确认',
+  },
+  visibleItemCount: {
+    type: Number,
+    value: 6,
+  },
+  itemHeight: {
+    type: Number,
+    value: 44,
+  },
+};
diff --git a/mini-app/src/vant/picker/toolbar.wxml b/mini-app/src/vant/picker/toolbar.wxml
new file mode 100644
index 000000000..e41a73012
--- /dev/null
+++ b/mini-app/src/vant/picker/toolbar.wxml
@@ -0,0 +1,28 @@
+<template name="toolbar">
+  <view
+    wx:if="{{ showToolbar }}"
+    class="van-picker__toolbar toolbar-class"
+  >
+    <view
+      class="van-picker__cancel"
+      hover-class="van-picker__cancel--hover"
+      hover-stay-time="70"
+      data-type="cancel"
+      bindtap="emit"
+    >
+      {{ cancelButtonText }}
+    </view>
+    <view wx:if="{{ title }}" class="van-picker__title van-ellipsis">{{
+      title
+    }}</view>
+    <view
+      class="van-picker__confirm"
+      hover-class="van-picker__confirm--hover"
+      hover-stay-time="70"
+      data-type="confirm"
+      bindtap="emit"
+    >
+      {{ confirmButtonText }}
+    </view>
+  </view>
+</template>
diff --git a/mini-app/src/vant/popup/index.d.ts b/mini-app/src/vant/popup/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/popup/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/popup/index.js b/mini-app/src/vant/popup/index.js
new file mode 100644
index 000000000..eb2d43e0a
--- /dev/null
+++ b/mini-app/src/vant/popup/index.js
@@ -0,0 +1,84 @@
+import { VantComponent } from '../common/component';
+import { transition } from '../mixins/transition';
+VantComponent({
+  classes: [
+    'enter-class',
+    'enter-active-class',
+    'enter-to-class',
+    'leave-class',
+    'leave-active-class',
+    'leave-to-class',
+    'close-icon-class',
+  ],
+  mixins: [transition(false)],
+  props: {
+    round: Boolean,
+    closeable: Boolean,
+    customStyle: String,
+    overlayStyle: String,
+    transition: {
+      type: String,
+      observer: 'observeClass',
+    },
+    zIndex: {
+      type: Number,
+      value: 100,
+    },
+    overlay: {
+      type: Boolean,
+      value: true,
+    },
+    closeIcon: {
+      type: String,
+      value: 'cross',
+    },
+    closeIconPosition: {
+      type: String,
+      value: 'top-right',
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      value: true,
+    },
+    position: {
+      type: String,
+      value: 'center',
+      observer: 'observeClass',
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true,
+    },
+    safeAreaInsetTop: {
+      type: Boolean,
+      value: false,
+    },
+  },
+  created() {
+    this.observeClass();
+  },
+  methods: {
+    onClickCloseIcon() {
+      this.$emit('close');
+    },
+    onClickOverlay() {
+      this.$emit('click-overlay');
+      if (this.data.closeOnClickOverlay) {
+        this.$emit('close');
+      }
+    },
+    observeClass() {
+      const { transition, position, duration } = this.data;
+      const updateData = {
+        name: transition || position,
+      };
+      if (transition === 'none') {
+        updateData.duration = 0;
+        this.originDuration = duration;
+      } else if (this.originDuration != null) {
+        updateData.duration = this.originDuration;
+      }
+      this.setData(updateData);
+    },
+  },
+});
diff --git a/mini-app/src/vant/popup/index.json b/mini-app/src/vant/popup/index.json
new file mode 100644
index 000000000..88a6eab2a
--- /dev/null
+++ b/mini-app/src/vant/popup/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-overlay": "../overlay/index"
+  }
+}
diff --git a/mini-app/src/vant/popup/index.wxml b/mini-app/src/vant/popup/index.wxml
new file mode 100644
index 000000000..f3fd7cfae
--- /dev/null
+++ b/mini-app/src/vant/popup/index.wxml
@@ -0,0 +1,25 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<van-overlay
+  wx:if="{{ overlay }}"
+  show="{{ show }}"
+  z-index="{{ zIndex }}"
+  custom-style="{{ overlayStyle }}"
+  duration="{{ duration }}"
+  bind:click="onClickOverlay"
+/>
+<view
+  wx:if="{{ inited }}"
+  class="custom-class {{ classes }} {{ utils.bem('popup', [position, { round, safe: safeAreaInsetBottom, safeTop: safeAreaInsetTop }]) }}"
+  style="{{ computed.popupClass({ zIndex, currentDuration, display, customStyle }) }}"
+  bind:transitionend="onTransitionEnd"
+>
+  <slot />
+  <van-icon
+    wx:if="{{ closeable }}"
+    name="{{ closeIcon }}"
+    class="close-icon-class van-popup__close-icon van-popup__close-icon--{{ closeIconPosition }}"
+    bind:tap="onClickCloseIcon"
+  />
+</view>
diff --git a/mini-app/src/vant/popup/index.wxs b/mini-app/src/vant/popup/index.wxs
new file mode 100644
index 000000000..8c766dcd0
--- /dev/null
+++ b/mini-app/src/vant/popup/index.wxs
@@ -0,0 +1,18 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function popupClass(data) {
+  return style([
+    {
+      'z-index': data.zIndex,
+      '-webkit-transition-duration': data.currentDuration + 'ms',
+      'transition-duration': data.currentDuration + 'ms',
+    },
+    data.display ? null : 'display: none',
+    data.customStyle,
+  ]);
+}
+
+module.exports = {
+  popupClass: popupClass,
+};
diff --git a/mini-app/src/vant/popup/index.wxss b/mini-app/src/vant/popup/index.wxss
new file mode 100644
index 000000000..a3d6e6fd1
--- /dev/null
+++ b/mini-app/src/vant/popup/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-popup{position:fixed;box-sizing:border-box;max-height:100%;overflow-y:auto;transition-timing-function:ease;-webkit-animation:ease both;animation:ease both;-webkit-overflow-scrolling:touch;background-color:#fff;background-color:var(--popup-background-color,#fff)}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:16px;border-radius:var(--popup-round-border-radius,16px)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 16px 16px;border-radius:0 0 var(--popup-round-border-radius,16px) var(--popup-round-border-radius,16px)}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:16px 0 0 16px;border-radius:var(--popup-round-border-radius,16px) 0 0 var(--popup-round-border-radius,16px)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:16px 16px 0 0;border-radius:var(--popup-round-border-radius,16px) var(--popup-round-border-radius,16px) 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 16px 16px 0;border-radius:0 var(--popup-round-border-radius,16px) var(--popup-round-border-radius,16px) 0}.van-popup--bottom.van-popup--safe{padding-bottom:env(safe-area-inset-bottom)}.van-popup--safeTop{padding-top:env(safe-area-inset-top)}.van-popup__close-icon{position:absolute;z-index:1;z-index:var(--popup-close-icon-z-index,1);color:#969799;color:var(--popup-close-icon-color,#969799);font-size:18px;font-size:var(--popup-close-icon-size,18px)}.van-popup__close-icon--top-left{top:16px;top:var(--popup-close-icon-margin,16px);left:16px;left:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--top-right{top:16px;top:var(--popup-close-icon-margin,16px);right:16px;right:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--bottom-left{bottom:16px;bottom:var(--popup-close-icon-margin,16px);left:16px;left:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--bottom-right{right:16px;right:var(--popup-close-icon-margin,16px);bottom:16px;bottom:var(--popup-close-icon-margin,16px)}.van-popup__close-icon:active{opacity:.6}.van-scale-enter-active,.van-scale-leave-active{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-scale-enter,.van-scale-leave-to{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-fade-enter-active,.van-fade-leave-active{transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-center-enter-active,.van-center-leave-active{transition-property:opacity}.van-center-enter,.van-center-leave-to{opacity:0}.van-bottom-enter-active,.van-bottom-leave-active,.van-left-enter-active,.van-left-leave-active,.van-right-enter-active,.van-right-leave-active,.van-top-enter-active,.van-top-leave-active{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-bottom-enter,.van-bottom-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-top-enter,.van-top-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-left-enter,.van-left-leave-to{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-right-enter,.van-right-leave-to{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}
\ No newline at end of file
diff --git a/mini-app/src/vant/progress/index.d.ts b/mini-app/src/vant/progress/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/progress/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/progress/index.js b/mini-app/src/vant/progress/index.js
new file mode 100644
index 000000000..ee6a0c15c
--- /dev/null
+++ b/mini-app/src/vant/progress/index.js
@@ -0,0 +1,51 @@
+import { VantComponent } from '../common/component';
+import { BLUE } from '../common/color';
+import { getRect } from '../common/utils';
+VantComponent({
+  props: {
+    inactive: Boolean,
+    percentage: {
+      type: Number,
+      observer: 'setLeft',
+    },
+    pivotText: String,
+    pivotColor: String,
+    trackColor: String,
+    showPivot: {
+      type: Boolean,
+      value: true,
+    },
+    color: {
+      type: String,
+      value: BLUE,
+    },
+    textColor: {
+      type: String,
+      value: '#fff',
+    },
+    strokeWidth: {
+      type: null,
+      value: 4,
+    },
+  },
+  data: {
+    right: 0,
+  },
+  mounted() {
+    this.setLeft();
+  },
+  methods: {
+    setLeft() {
+      Promise.all([
+        getRect(this, '.van-progress'),
+        getRect(this, '.van-progress__pivot'),
+      ]).then(([portion, pivot]) => {
+        if (portion && pivot) {
+          this.setData({
+            right: (pivot.width * (this.data.percentage - 100)) / 100,
+          });
+        }
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/progress/index.json b/mini-app/src/vant/progress/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/progress/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/progress/index.wxml b/mini-app/src/vant/progress/index.wxml
new file mode 100644
index 000000000..e81514d05
--- /dev/null
+++ b/mini-app/src/vant/progress/index.wxml
@@ -0,0 +1,20 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  class="van-progress custom-class"
+  style="{{ computed.rootStyle({ strokeWidth, trackColor }) }}"
+>
+  <view
+    class="van-progress__portion"
+    style="{{ computed.portionStyle({ percentage, inactive, color }) }}"
+  >
+    <view
+      wx:if="{{ showPivot && computed.pivotText(pivotText, percentage) }}"
+      style="{{ computed.pivotStyle({ textColor, pivotColor, inactive, color, right }) }}"
+      class="van-progress__pivot"
+    >
+      {{ computed.pivotText(pivotText, percentage) }}
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/progress/index.wxs b/mini-app/src/vant/progress/index.wxs
new file mode 100644
index 000000000..5b1e8e6bc
--- /dev/null
+++ b/mini-app/src/vant/progress/index.wxs
@@ -0,0 +1,36 @@
+/* eslint-disable */
+var utils = require('../wxs/utils.wxs');
+var style = require('../wxs/style.wxs');
+
+function pivotText(pivotText, percentage) {
+  return pivotText || percentage + '%';
+}
+
+function rootStyle(data) {
+  return style({
+    'height': data.strokeWidth ? utils.addUnit(data.strokeWidth) : '',
+    'background': data.trackColor,
+  });
+}
+
+function portionStyle(data) {
+  return style({
+    background: data.inactive ? '#cacaca' : data.color,
+    width: data.percentage ? data.percentage + '%' : '',
+  });
+}
+
+function pivotStyle(data) {
+  return style({
+    color: data.textColor,
+    right: data.right + 'px',
+    background: data.pivotColor ? data.pivotColor : data.inactive ? '#cacaca' : data.color,
+  });
+}
+
+module.exports = {
+  pivotText: pivotText,
+  rootStyle: rootStyle,
+  portionStyle: portionStyle,
+  pivotStyle: pivotStyle,
+};
diff --git a/mini-app/src/vant/progress/index.wxss b/mini-app/src/vant/progress/index.wxss
new file mode 100644
index 000000000..3844a59ea
--- /dev/null
+++ b/mini-app/src/vant/progress/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-progress{position:relative;height:4px;height:var(--progress-height,4px);border-radius:4px;border-radius:var(--progress-height,4px);background:#ebedf0;background:var(--progress-background-color,#ebedf0)}.van-progress__portion{position:absolute;left:0;height:100%;border-radius:inherit;background:#1989fa;background:var(--progress-color,#1989fa)}.van-progress__pivot{position:absolute;top:50%;box-sizing:border-box;min-width:3.6em;text-align:center;word-break:keep-all;border-radius:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;color:var(--progress-pivot-text-color,#fff);padding:0 5px;padding:var(--progress-pivot-padding,0 5px);font-size:10px;font-size:var(--progress-pivot-font-size,10px);line-height:1.6;line-height:var(--progress-pivot-line-height,1.6);background-color:#1989fa;background-color:var(--progress-pivot-background-color,#1989fa)}
\ No newline at end of file
diff --git a/mini-app/src/vant/radio-group/index.d.ts b/mini-app/src/vant/radio-group/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/radio-group/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/radio-group/index.js b/mini-app/src/vant/radio-group/index.js
new file mode 100644
index 000000000..f6fb725ff
--- /dev/null
+++ b/mini-app/src/vant/radio-group/index.js
@@ -0,0 +1,34 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  field: true,
+  relation: {
+    name: 'radio',
+    type: 'descendant',
+    current: 'radio-group',
+    linked(target) {
+      this.updateChild(target);
+    },
+  },
+  props: {
+    value: {
+      type: null,
+      observer: 'updateChildren',
+    },
+    disabled: {
+      type: Boolean,
+      observer: 'updateChildren',
+    },
+  },
+  methods: {
+    updateChildren() {
+      (this.children || []).forEach((child) => this.updateChild(child));
+    },
+    updateChild(child) {
+      const { value, disabled } = this.data;
+      child.setData({
+        value,
+        disabled: disabled || child.data.disabled,
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/radio-group/index.json b/mini-app/src/vant/radio-group/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/radio-group/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/radio-group/index.wxml b/mini-app/src/vant/radio-group/index.wxml
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/mini-app/src/vant/radio-group/index.wxml
@@ -0,0 +1 @@
+<slot />
diff --git a/mini-app/src/vant/radio-group/index.wxss b/mini-app/src/vant/radio-group/index.wxss
new file mode 100644
index 000000000..99694d603
--- /dev/null
+++ b/mini-app/src/vant/radio-group/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
\ No newline at end of file
diff --git a/mini-app/src/vant/radio/index.d.ts b/mini-app/src/vant/radio/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/radio/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/radio/index.js b/mini-app/src/vant/radio/index.js
new file mode 100644
index 000000000..7d856122d
--- /dev/null
+++ b/mini-app/src/vant/radio/index.js
@@ -0,0 +1,48 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  field: true,
+  relation: {
+    name: 'radio-group',
+    type: 'ancestor',
+    current: 'radio',
+  },
+  classes: ['icon-class', 'label-class'],
+  props: {
+    name: null,
+    value: null,
+    disabled: Boolean,
+    useIconSlot: Boolean,
+    checkedColor: String,
+    labelPosition: {
+      type: String,
+      value: 'right',
+    },
+    labelDisabled: Boolean,
+    shape: {
+      type: String,
+      value: 'round',
+    },
+    iconSize: {
+      type: null,
+      value: 20,
+    },
+  },
+  methods: {
+    emitChange(value) {
+      const instance = this.parent || this;
+      instance.$emit('input', value);
+      instance.$emit('change', value);
+    },
+    onChange() {
+      if (!this.data.disabled) {
+        this.emitChange(this.data.name);
+      }
+    },
+    onClickLabel() {
+      const { disabled, labelDisabled, name } = this.data;
+      if (!disabled && !labelDisabled) {
+        this.emitChange(name);
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/radio/index.json b/mini-app/src/vant/radio/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/radio/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/radio/index.wxml b/mini-app/src/vant/radio/index.wxml
new file mode 100644
index 000000000..0b748eff8
--- /dev/null
+++ b/mini-app/src/vant/radio/index.wxml
@@ -0,0 +1,29 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="van-radio custom-class">
+  <view
+    wx:if="{{ labelPosition === 'left' }}"
+    class="label-class {{ utils.bem('radio__label', [labelPosition, { disabled }]) }}"
+    bindtap="onClickLabel"
+  >
+    <slot />
+  </view>
+  <view class="van-radio__icon-wrap" style="font-size: {{ utils.addUnit(iconSize) }};" bindtap="onChange">
+    <slot wx:if="{{ useIconSlot }}" name="icon" />
+    <van-icon
+      wx:else
+      name="success"
+      class="{{ utils.bem('radio__icon', [shape, { disabled, checked: value === name }]) }}"
+      style="font-size: {{ utils.addUnit(iconSize) }};{{ checkedColor && !disabled && value === name ? 'border-color:' + checkedColor + '; background-color:' + checkedColor + ';' : '' }}"
+      custom-class="icon-class"
+      custom-style="line-height: {{ utils.addUnit(iconSize) }};font-size: .8em;display: block;"
+    />
+  </view>
+  <view
+    wx:if="{{ labelPosition === 'right' }}"
+    class="label-class {{ utils.bem('radio__label', [labelPosition, { disabled }]) }}"
+    bindtap="onClickLabel"
+  >
+    <slot />
+  </view>
+</view>
diff --git a/mini-app/src/vant/radio/index.wxss b/mini-app/src/vant/radio/index.wxss
new file mode 100644
index 000000000..96c81f0f8
--- /dev/null
+++ b/mini-app/src/vant/radio/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-radio{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.van-radio__icon-wrap{-webkit-flex:none;flex:none}.van-radio__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:1em;height:1em;color:transparent;text-align:center;transition-property:color,border-color,background-color;border:1px solid #c8c9cc;border:1px solid var(--radio-border-color,#c8c9cc);font-size:20px;font-size:var(--radio-size,20px);transition-duration:.2s;transition-duration:var(--radio-transition-duration,.2s)}.van-radio__icon--round{border-radius:100%}.van-radio__icon--checked{color:#fff;color:var(--white,#fff);background-color:#1989fa;background-color:var(--radio-checked-icon-color,#1989fa);border-color:#1989fa;border-color:var(--radio-checked-icon-color,#1989fa)}.van-radio__icon--disabled{background-color:#ebedf0;background-color:var(--radio-disabled-background-color,#ebedf0);border-color:#c8c9cc;border-color:var(--radio-disabled-icon-color,#c8c9cc)}.van-radio__icon--disabled.van-radio__icon--checked{color:#c8c9cc;color:var(--radio-disabled-icon-color,#c8c9cc)}.van-radio__label{word-wrap:break-word;margin-left:10px;margin-left:var(--radio-label-margin,10px);color:#323233;color:var(--radio-label-color,#323233);line-height:20px;line-height:var(--radio-size,20px)}.van-radio__label--left{float:left;margin:0 10px 0 0;margin:0 var(--radio-label-margin,10px) 0 0}.van-radio__label--disabled{color:#c8c9cc;color:var(--radio-disabled-label-color,#c8c9cc)}.van-radio__label:empty{margin:0}
\ No newline at end of file
diff --git a/mini-app/src/vant/rate/index.d.ts b/mini-app/src/vant/rate/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/rate/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/rate/index.js b/mini-app/src/vant/rate/index.js
new file mode 100644
index 000000000..0263da144
--- /dev/null
+++ b/mini-app/src/vant/rate/index.js
@@ -0,0 +1,88 @@
+import { getAllRect } from '../common/utils';
+import { VantComponent } from '../common/component';
+import { canIUseModel } from '../common/version';
+VantComponent({
+  field: true,
+  classes: ['icon-class'],
+  props: {
+    value: {
+      type: Number,
+      observer(value) {
+        if (value !== this.data.innerValue) {
+          this.setData({ innerValue: value });
+        }
+      },
+    },
+    readonly: Boolean,
+    disabled: Boolean,
+    allowHalf: Boolean,
+    size: null,
+    icon: {
+      type: String,
+      value: 'star',
+    },
+    voidIcon: {
+      type: String,
+      value: 'star-o',
+    },
+    color: {
+      type: String,
+      value: '#ffd21e',
+    },
+    voidColor: {
+      type: String,
+      value: '#c7c7c7',
+    },
+    disabledColor: {
+      type: String,
+      value: '#bdbdbd',
+    },
+    count: {
+      type: Number,
+      value: 5,
+      observer(value) {
+        this.setData({ innerCountArray: Array.from({ length: value }) });
+      },
+    },
+    gutter: null,
+    touchable: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    innerValue: 0,
+    innerCountArray: Array.from({ length: 5 }),
+  },
+  methods: {
+    onSelect(event) {
+      const { data } = this;
+      const { score } = event.currentTarget.dataset;
+      if (!data.disabled && !data.readonly) {
+        this.setData({ innerValue: score + 1 });
+        if (canIUseModel()) {
+          this.setData({ value: score + 1 });
+        }
+        wx.nextTick(() => {
+          this.$emit('input', score + 1);
+          this.$emit('change', score + 1);
+        });
+      }
+    },
+    onTouchMove(event) {
+      const { touchable } = this.data;
+      if (!touchable) return;
+      const { clientX } = event.touches[0];
+      getAllRect(this, '.van-rate__icon').then((list) => {
+        const target = list
+          .sort((item) => item.right - item.left)
+          .find((item) => clientX >= item.left && clientX <= item.right);
+        if (target != null) {
+          this.onSelect(
+            Object.assign(Object.assign({}, event), { currentTarget: target })
+          );
+        }
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/rate/index.json b/mini-app/src/vant/rate/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/rate/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/rate/index.wxml b/mini-app/src/vant/rate/index.wxml
new file mode 100644
index 000000000..58eee5cdc
--- /dev/null
+++ b/mini-app/src/vant/rate/index.wxml
@@ -0,0 +1,34 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="van-rate custom-class"
+  bind:touchmove="onTouchMove"
+>
+  <view
+    class="van-rate__item"
+    wx:for="{{ innerCountArray }}"
+    wx:key="index"
+    style="padding-right: {{ index !== count - 1 ? utils.addUnit(gutter) : '' }}"
+  >
+    <van-icon
+      name="{{ index + 1 <= innerValue ? icon : voidIcon }}"
+      class="van-rate__icon"
+      style="font-size: {{ utils.addUnit(size) }}"
+      custom-class="icon-class"
+      data-score="{{ index }}"
+      color="{{ disabled ? disabledColor : index + 1 <= innerValue ? color : voidColor }}"
+      bind:click="onSelect"
+    />
+
+    <van-icon
+      wx:if="{{ allowHalf }}"
+      name="{{ index + 0.5 <= innerValue ? icon : voidIcon }}"
+      class="{{ utils.bem('rate__icon', ['half']) }}"
+      style="font-size: {{ utils.addUnit(size) }}"
+      custom-class="icon-class"
+      data-score="{{ index - 0.5 }}"
+      color="{{ disabled ? disabledColor : index + 0.5 <= innerValue ? color : voidColor }}"
+      bind:click="onSelect"
+    />
+  </view>
+</view>
diff --git a/mini-app/src/vant/rate/index.wxss b/mini-app/src/vant/rate/index.wxss
new file mode 100644
index 000000000..6fd343546
--- /dev/null
+++ b/mini-app/src/vant/rate/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-rate{display:-webkit-inline-flex;display:inline-flex;-webkit-user-select:none;user-select:none}.van-rate__item{position:relative;padding:0 2px;padding:0 var(--rate-horizontal-padding,2px)}.van-rate__icon{display:block;height:1em;font-size:20px;font-size:var(--rate-icon-size,20px)}.van-rate__icon--half{position:absolute;top:0;width:.5em;overflow:hidden;left:2px;left:var(--rate-horizontal-padding,2px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/row/index.d.ts b/mini-app/src/vant/row/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/row/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/row/index.js b/mini-app/src/vant/row/index.js
new file mode 100644
index 000000000..3b2cc28ae
--- /dev/null
+++ b/mini-app/src/vant/row/index.js
@@ -0,0 +1,40 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'col',
+    type: 'descendant',
+    current: 'row',
+    linked(target) {
+      if (this.data.gutter) {
+        target.setGutter(this.data.gutter);
+      }
+    },
+  },
+  props: {
+    gutter: {
+      type: Number,
+      observer: 'setGutter',
+    },
+  },
+  data: {
+    viewStyle: '',
+  },
+  mounted() {
+    if (this.data.gutter) {
+      this.setGutter();
+    }
+  },
+  methods: {
+    setGutter() {
+      const { gutter } = this.data;
+      const margin = `-${Number(gutter) / 2}px`;
+      const viewStyle = gutter
+        ? `margin-right: ${margin}; margin-left: ${margin};`
+        : '';
+      this.setData({ viewStyle });
+      this.getRelationNodes('../col/index').forEach((col) => {
+        col.setGutter(this.data.gutter);
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/row/index.json b/mini-app/src/vant/row/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/row/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/row/index.wxml b/mini-app/src/vant/row/index.wxml
new file mode 100644
index 000000000..ab8fcf58b
--- /dev/null
+++ b/mini-app/src/vant/row/index.wxml
@@ -0,0 +1,3 @@
+<view class="custom-class van-row" style="{{ viewStyle }}">
+  <slot />
+</view>
diff --git a/mini-app/src/vant/row/index.wxss b/mini-app/src/vant/row/index.wxss
new file mode 100644
index 000000000..32a098b0a
--- /dev/null
+++ b/mini-app/src/vant/row/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-row:after{display:table;clear:both;content:""}
\ No newline at end of file
diff --git a/mini-app/src/vant/search/index.d.ts b/mini-app/src/vant/search/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/search/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/search/index.js b/mini-app/src/vant/search/index.js
new file mode 100644
index 000000000..778d0056f
--- /dev/null
+++ b/mini-app/src/vant/search/index.js
@@ -0,0 +1,78 @@
+import { VantComponent } from '../common/component';
+import { canIUseModel } from '../common/version';
+VantComponent({
+  field: true,
+  classes: ['field-class', 'input-class', 'cancel-class'],
+  props: {
+    label: String,
+    focus: Boolean,
+    error: Boolean,
+    disabled: Boolean,
+    readonly: Boolean,
+    inputAlign: String,
+    showAction: Boolean,
+    useActionSlot: Boolean,
+    useLeftIconSlot: Boolean,
+    useRightIconSlot: Boolean,
+    leftIcon: {
+      type: String,
+      value: 'search',
+    },
+    rightIcon: String,
+    placeholder: String,
+    placeholderStyle: String,
+    actionText: {
+      type: String,
+      value: '取消',
+    },
+    background: {
+      type: String,
+      value: '#ffffff',
+    },
+    maxlength: {
+      type: Number,
+      value: -1,
+    },
+    shape: {
+      type: String,
+      value: 'square',
+    },
+    clearable: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  methods: {
+    onChange(event) {
+      if (canIUseModel()) {
+        this.setData({ value: event.detail });
+      }
+      this.$emit('change', event.detail);
+    },
+    onCancel() {
+      /**
+       * 修复修改输入框值时，输入框失焦和赋值同时触发，赋值失效
+       * https://github.com/youzan/@vant/weapp/issues/1768
+       */
+      setTimeout(() => {
+        if (canIUseModel()) {
+          this.setData({ value: '' });
+        }
+        this.$emit('cancel');
+        this.$emit('change', '');
+      }, 200);
+    },
+    onSearch(event) {
+      this.$emit('search', event.detail);
+    },
+    onFocus(event) {
+      this.$emit('focus', event.detail);
+    },
+    onBlur(event) {
+      this.$emit('blur', event.detail);
+    },
+    onClear(event) {
+      this.$emit('clear', event.detail);
+    },
+  },
+});
diff --git a/mini-app/src/vant/search/index.json b/mini-app/src/vant/search/index.json
new file mode 100644
index 000000000..b4cfe918b
--- /dev/null
+++ b/mini-app/src/vant/search/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-field": "../field/index"
+  }
+}
diff --git a/mini-app/src/vant/search/index.wxml b/mini-app/src/vant/search/index.wxml
new file mode 100644
index 000000000..1d0e6f1f1
--- /dev/null
+++ b/mini-app/src/vant/search/index.wxml
@@ -0,0 +1,50 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="{{ utils.bem('search', { withaction: showAction || useActionSlot }) }} custom-class"
+  style="background: {{ background }}"
+>
+  <view class="{{ utils.bem('search__content', [shape]) }}">
+    <view class="van-search__label" wx:if="{{ label }}">{{ label }}</view>
+    <slot wx:else name="label" />
+
+    <van-field
+      type="search"
+      left-icon="{{ !useLeftIconSlot ? leftIcon : '' }}"
+      right-icon="{{ !useRightIconSlot ? rightIcon : '' }}"
+      focus="{{ focus }}"
+      error="{{ error }}"
+      border="{{ false }}"
+      confirm-type="search"
+      class="van-search__field field-class"
+      value="{{ value }}"
+      disabled="{{ disabled }}"
+      readonly="{{ readonly }}"
+      clearable="{{ clearable }}"
+      maxlength="{{ maxlength }}"
+      input-align="{{ inputAlign }}"
+      input-class="input-class"
+      placeholder="{{ placeholder }}"
+      placeholder-style="{{ placeholderStyle }}"
+      custom-style="padding: 5px 10px 5px 0; background-color: transparent;"
+      bind:blur="onBlur"
+      bind:focus="onFocus"
+      bind:change="onChange"
+      bind:confirm="onSearch"
+      bind:clear="onClear"
+    >
+      <slot wx:if="{{ useLeftIconSlot }}" name="left-icon" slot="left-icon" />
+      <slot wx:if="{{ useRightIconSlot }}" name="right-icon" slot="right-icon" />
+    </van-field>
+  </view>
+
+  <view
+    wx:if="{{ showAction || useActionSlot }}"
+    class="van-search__action"
+    hover-class="van-search__action--hover"
+    hover-stay-time="70"
+  >
+    <slot wx:if="{{ useActionSlot }}" name="action" />
+    <view wx:else bind:tap="onCancel" class="cancel-class">{{ actionText }}</view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/search/index.wxss b/mini-app/src/vant/search/index.wxss
new file mode 100644
index 000000000..c918deb85
--- /dev/null
+++ b/mini-app/src/vant/search/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-search{-webkit-align-items:center;align-items:center;box-sizing:border-box;padding:10px 12px;padding:var(--search-padding,10px 12px)}.van-search,.van-search__content{display:-webkit-flex;display:flex}.van-search__content{-webkit-flex:1;flex:1;padding-left:12px;padding-left:var(--padding-sm,12px);border-radius:2px;border-radius:var(--border-radius-sm,2px);background-color:#f7f8fa;background-color:var(--search-background-color,#f7f8fa)}.van-search__content--round{border-radius:17px;border-radius:calc(var(--search-input-height, 34px)/2)}.van-search__label{padding:0 5px;padding:var(--search-label-padding,0 5px);font-size:14px;font-size:var(--search-label-font-size,14px);line-height:34px;line-height:var(--search-input-height,34px);color:#323233;color:var(--search-label-color,#323233)}.van-search__field{-webkit-flex:1;flex:1}.van-search__field__left-icon{color:#969799;color:var(--search-left-icon-color,#969799)}.van-search--withaction{padding-right:0}.van-search__action{padding:0 8px;padding:var(--search-action-padding,0 8px);font-size:14px;font-size:var(--search-action-font-size,14px);line-height:34px;line-height:var(--search-input-height,34px);color:#323233;color:var(--search-action-text-color,#323233)}.van-search__action--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}
\ No newline at end of file
diff --git a/mini-app/src/vant/share-sheet/index.d.ts b/mini-app/src/vant/share-sheet/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/share-sheet/index.js b/mini-app/src/vant/share-sheet/index.js
new file mode 100644
index 000000000..27d0c7be7
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/index.js
@@ -0,0 +1,55 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    // whether to show popup
+    show: Boolean,
+    // overlay custom style
+    overlayStyle: Object,
+    // z-index
+    zIndex: {
+      type: Number,
+      value: 100,
+    },
+    title: String,
+    cancelText: {
+      type: String,
+      value: '取消',
+    },
+    description: String,
+    options: {
+      type: Array,
+      value: [],
+    },
+    overlay: {
+      type: Boolean,
+      value: true,
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true,
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      value: true,
+    },
+    duration: {
+      type: null,
+      value: 300,
+    },
+  },
+  methods: {
+    onClickOverlay() {
+      this.$emit('click-overlay');
+    },
+    onCancel() {
+      this.onClose();
+      this.$emit('cancel');
+    },
+    onSelect(event) {
+      this.$emit('select', event.detail);
+    },
+    onClose() {
+      this.$emit('close');
+    },
+  },
+});
diff --git a/mini-app/src/vant/share-sheet/index.json b/mini-app/src/vant/share-sheet/index.json
new file mode 100644
index 000000000..15a7c2243
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-popup": "../popup/index",
+    "options": "./options"
+  }
+}
diff --git a/mini-app/src/vant/share-sheet/index.wxml b/mini-app/src/vant/share-sheet/index.wxml
new file mode 100644
index 000000000..cefc3af44
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/index.wxml
@@ -0,0 +1,46 @@
+<wxs src="./index.wxs" module="computed" />
+
+<van-popup
+  round
+  class="van-share-sheet"
+  show="{{ show }}"
+  position="bottom"
+  overlay="{{ overlay }}"
+  duration="{{ duration }}"
+  z-index="{{ zIndex }}"
+  overlay-style="{{ overlayStyle }}"
+  close-on-click-overlay="{{ closeOnClickOverlay }}"
+  safe-area-inset-bottom="{{ safeAreaInsetBottom }}"
+  bind:close="onClose"
+  bind:click-overlay="onClickOverlay"
+>
+  <view class="van-share-sheet__header">
+    <view class="van-share-sheet__title">
+      <slot name="title" />
+    </view>
+    <view wx:if="{{ title }}" class="van-share-sheet__title">{{ title }}</view>
+
+    <view class="van-share-sheet__description">
+      <slot name="description" />
+    </view>
+    <view wx:if="{{ description }}" class="van-share-sheet__description">
+      {{ description }}
+    </view>
+  </view>
+
+  <block wx:if="{{ computed.isMulti(options) }}">
+    <options
+      wx:for="{{ options }}"
+      show-border="{{ index !== 0 }}"
+      wx:key="index"
+      options="{{ item }}"
+      bind:select="onSelect"
+    />
+  </block>
+
+  <options wx:else options="{{ options }}" bind:select="onSelect" />
+
+  <button type="button" class="van-share-sheet__cancel" bindtap="onCancel">
+    {{ cancelText }}
+  </button>
+</van-popup>
diff --git a/mini-app/src/vant/share-sheet/index.wxs b/mini-app/src/vant/share-sheet/index.wxs
new file mode 100644
index 000000000..2149ee9e4
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/index.wxs
@@ -0,0 +1,12 @@
+/* eslint-disable */
+function isMulti(options) {
+  if (options == null || options[0] == null) {
+    return false;
+  }
+
+  return "Array" === options.constructor && "Array" === options[0].constructor;
+}
+
+module.exports = {
+  isMulti: isMulti
+};
diff --git a/mini-app/src/vant/share-sheet/index.wxss b/mini-app/src/vant/share-sheet/index.wxss
new file mode 100644
index 000000000..8d42eb270
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-share-sheet__header{padding:12px 16px 4px;text-align:center}.van-share-sheet__title{margin-top:8px;color:#323233;font-weight:400;font-size:14px;line-height:20px}.van-share-sheet__title:empty,.van-share-sheet__title:not(:empty)+.van-share-sheet__title{display:none}.van-share-sheet__description{display:block;margin-top:8px;color:#969799;font-size:12px;line-height:16px}.van-share-sheet__description:empty,.van-share-sheet__description:not(:empty)+.van-share-sheet__description{display:none}.van-share-sheet__cancel{display:block;box-sizing:initial;width:100%;height:auto;padding:0;font-size:16px;line-height:48px;text-align:center;background:#fff;border:none}.van-share-sheet__cancel:before{display:block;height:8px;background-color:#f7f8fa;content:" "}.van-share-sheet__cancel:after{display:none}.van-share-sheet__cancel:active{background-color:#f2f3f5}
\ No newline at end of file
diff --git a/mini-app/src/vant/share-sheet/options.d.ts b/mini-app/src/vant/share-sheet/options.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/options.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/share-sheet/options.js b/mini-app/src/vant/share-sheet/options.js
new file mode 100644
index 000000000..c1bd03b21
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/options.js
@@ -0,0 +1,14 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    options: Array,
+    showBorder: Boolean,
+  },
+  methods: {
+    onSelect(event) {
+      const { index } = event.currentTarget.dataset;
+      const option = this.data.options[index];
+      this.$emit('select', Object.assign(Object.assign({}, option), { index }));
+    },
+  },
+});
diff --git a/mini-app/src/vant/share-sheet/options.json b/mini-app/src/vant/share-sheet/options.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/options.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/share-sheet/options.wxml b/mini-app/src/vant/share-sheet/options.wxml
new file mode 100644
index 000000000..cad683772
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/options.wxml
@@ -0,0 +1,20 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./options.wxs" module="computed" />
+
+<view class="{{ utils.bem('share-sheet__options', { border: showBorder }) }}">
+  <view
+    wx:for="{{ options }}"
+    wx:key="index"
+    class="van-share-sheet__option"
+    data-index="{{ index }}"
+    bindtap="onSelect"
+  >
+    <button class="van-share-sheet__button" open-type="{{ item.openType }}">
+      <image src="{{ computed.getIconURL(item.icon) }}" class="van-share-sheet__icon" />
+    </button>
+    <view wx:if="{{ item.name }}" class="van-share-sheet__name">{{ item.name }}</view>
+    <view wx:if="{{ item.description }}" class="van-share-sheet__option-description">
+      {{ item.description }}
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/share-sheet/options.wxs b/mini-app/src/vant/share-sheet/options.wxs
new file mode 100644
index 000000000..ab6033b91
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/options.wxs
@@ -0,0 +1,14 @@
+/* eslint-disable */
+var PRESET_ICONS = ['qq', 'weibo', 'wechat', 'link', 'qrcode', 'poster'];
+
+function getIconURL(icon) {
+  if (PRESET_ICONS.indexOf(icon) !== -1) {
+    return 'https://img.yzcdn.cn/vant/share-icon-' + icon + '.png';
+  }
+
+  return icon;
+}
+
+module.exports = {
+  getIconURL: getIconURL,
+};
diff --git a/mini-app/src/vant/share-sheet/options.wxss b/mini-app/src/vant/share-sheet/options.wxss
new file mode 100644
index 000000000..ca7b02f29
--- /dev/null
+++ b/mini-app/src/vant/share-sheet/options.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-share-sheet__options{position:relative;display:-webkit-flex;display:flex;padding:16px 0 16px 8px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.van-share-sheet__options--border:before{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:0;right:0;left:16px;border-top:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-share-sheet__options::-webkit-scrollbar{height:0}.van-share-sheet__option{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-user-select:none;user-select:none}.van-share-sheet__option:active{opacity:.7}.van-share-sheet__button{height:auto;padding:0;line-height:inherit;background-color:initial;border:0}.van-share-sheet__button:after{border:0}.van-share-sheet__icon{width:48px;height:48px;margin:0 16px}.van-share-sheet__name{margin-top:8px;padding:0 4px;color:#646566;font-size:12px}.van-share-sheet__option-description{padding:0 4px;color:#c8c9cc;font-size:12px}
\ No newline at end of file
diff --git a/mini-app/src/vant/sidebar-item/index.d.ts b/mini-app/src/vant/sidebar-item/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/sidebar-item/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/sidebar-item/index.js b/mini-app/src/vant/sidebar-item/index.js
new file mode 100644
index 000000000..f15b69da9
--- /dev/null
+++ b/mini-app/src/vant/sidebar-item/index.js
@@ -0,0 +1,32 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  classes: ['active-class', 'disabled-class'],
+  relation: {
+    type: 'ancestor',
+    name: 'sidebar',
+    current: 'sidebar-item',
+  },
+  props: {
+    dot: Boolean,
+    badge: null,
+    info: null,
+    title: String,
+    disabled: Boolean,
+  },
+  methods: {
+    onClick() {
+      const { parent } = this;
+      if (!parent || this.data.disabled) {
+        return;
+      }
+      const index = parent.children.indexOf(this);
+      parent.setActive(index).then(() => {
+        this.$emit('click', index);
+        parent.$emit('change', index);
+      });
+    },
+    setActive(selected) {
+      return this.setData({ selected });
+    },
+  },
+});
diff --git a/mini-app/src/vant/sidebar-item/index.json b/mini-app/src/vant/sidebar-item/index.json
new file mode 100644
index 000000000..bf0ebe009
--- /dev/null
+++ b/mini-app/src/vant/sidebar-item/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-info": "../info/index"
+  }
+}
diff --git a/mini-app/src/vant/sidebar-item/index.wxml b/mini-app/src/vant/sidebar-item/index.wxml
new file mode 100644
index 000000000..c5c08a626
--- /dev/null
+++ b/mini-app/src/vant/sidebar-item/index.wxml
@@ -0,0 +1,18 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="{{ utils.bem('sidebar-item', { selected, disabled }) }} {{ selected ? 'active-class' : '' }} {{ disabled ? 'disabled-class' : '' }} custom-class"
+  hover-class="van-sidebar-item--hover"
+  hover-stay-time="70"
+  bind:tap="onClick"
+>
+  <view class="van-sidebar-item__text">
+    <van-info
+      wx:if="{{ badge != null || info !== null || dot }}"
+      dot="{{ dot }}"
+      info="{{ badge != null ? badge : info }}"
+    />
+    <view wx:if="{{ title }}">{{ title }}</view>
+    <slot wx:else name="title" />
+  </view>
+</view>
diff --git a/mini-app/src/vant/sidebar-item/index.wxss b/mini-app/src/vant/sidebar-item/index.wxss
new file mode 100644
index 000000000..f134528f2
--- /dev/null
+++ b/mini-app/src/vant/sidebar-item/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-sidebar-item{display:block;box-sizing:border-box;overflow:hidden;border-left:3px solid transparent;-webkit-user-select:none;user-select:none;padding:20px 12px 20px 8px;padding:var(--sidebar-padding,20px 12px 20px 8px);font-size:14px;font-size:var(--sidebar-font-size,14px);line-height:20px;line-height:var(--sidebar-line-height,20px);color:#323233;color:var(--sidebar-text-color,#323233);background-color:#f7f8fa;background-color:var(--sidebar-background-color,#f7f8fa)}.van-sidebar-item__text{position:relative;display:inline-block;word-break:break-all}.van-sidebar-item--hover:not(.van-sidebar-item--disabled){background-color:#f2f3f5;background-color:var(--sidebar-active-color,#f2f3f5)}.van-sidebar-item:after{border-bottom-width:1px}.van-sidebar-item--selected{color:#323233;color:var(--sidebar-selected-text-color,#323233);font-weight:500;font-weight:var(--sidebar-selected-font-weight,500);border-color:#ee0a24;border-color:var(--sidebar-selected-border-color,#ee0a24)}.van-sidebar-item--selected:after{border-right-width:1px}.van-sidebar-item--selected,.van-sidebar-item--selected.van-sidebar-item--hover{background-color:#fff;background-color:var(--sidebar-selected-background-color,#fff)}.van-sidebar-item--disabled{color:#c8c9cc;color:var(--sidebar-disabled-text-color,#c8c9cc)}
\ No newline at end of file
diff --git a/mini-app/src/vant/sidebar/index.d.ts b/mini-app/src/vant/sidebar/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/sidebar/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/sidebar/index.js b/mini-app/src/vant/sidebar/index.js
new file mode 100644
index 000000000..2812b1b40
--- /dev/null
+++ b/mini-app/src/vant/sidebar/index.js
@@ -0,0 +1,41 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'sidebar-item',
+    type: 'descendant',
+    current: 'sidebar',
+    linked() {
+      this.setActive(this.data.activeKey);
+    },
+    unlinked() {
+      this.setActive(this.data.activeKey);
+    },
+  },
+  props: {
+    activeKey: {
+      type: Number,
+      value: 0,
+      observer: 'setActive',
+    },
+  },
+  beforeCreate() {
+    this.currentActive = -1;
+  },
+  methods: {
+    setActive(activeKey) {
+      const { children, currentActive } = this;
+      if (!children.length) {
+        return Promise.resolve();
+      }
+      this.currentActive = activeKey;
+      const stack = [];
+      if (currentActive !== activeKey && children[currentActive]) {
+        stack.push(children[currentActive].setActive(false));
+      }
+      if (children[activeKey]) {
+        stack.push(children[activeKey].setActive(true));
+      }
+      return Promise.all(stack);
+    },
+  },
+});
diff --git a/mini-app/src/vant/sidebar/index.json b/mini-app/src/vant/sidebar/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/sidebar/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/sidebar/index.wxml b/mini-app/src/vant/sidebar/index.wxml
new file mode 100644
index 000000000..96b11c718
--- /dev/null
+++ b/mini-app/src/vant/sidebar/index.wxml
@@ -0,0 +1,3 @@
+<view class="van-sidebar custom-class">
+  <slot />
+</view>
diff --git a/mini-app/src/vant/sidebar/index.wxss b/mini-app/src/vant/sidebar/index.wxss
new file mode 100644
index 000000000..8ad18841a
--- /dev/null
+++ b/mini-app/src/vant/sidebar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-sidebar{width:80px;width:var(--sidebar-width,80px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/skeleton/index.d.ts b/mini-app/src/vant/skeleton/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/skeleton/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/skeleton/index.js b/mini-app/src/vant/skeleton/index.js
new file mode 100644
index 000000000..aab922d0f
--- /dev/null
+++ b/mini-app/src/vant/skeleton/index.js
@@ -0,0 +1,46 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  classes: ['avatar-class', 'title-class', 'row-class'],
+  props: {
+    row: {
+      type: Number,
+      value: 0,
+      observer(value) {
+        this.setData({ rowArray: Array.from({ length: value }) });
+      },
+    },
+    title: Boolean,
+    avatar: Boolean,
+    loading: {
+      type: Boolean,
+      value: true,
+    },
+    animate: {
+      type: Boolean,
+      value: true,
+    },
+    avatarSize: {
+      type: String,
+      value: '32px',
+    },
+    avatarShape: {
+      type: String,
+      value: 'round',
+    },
+    titleWidth: {
+      type: String,
+      value: '40%',
+    },
+    rowWidth: {
+      type: null,
+      value: '100%',
+      observer(val) {
+        this.setData({ isArray: val instanceof Array });
+      },
+    },
+  },
+  data: {
+    isArray: false,
+    rowArray: [],
+  },
+});
diff --git a/mini-app/src/vant/skeleton/index.json b/mini-app/src/vant/skeleton/index.json
new file mode 100644
index 000000000..a89ef4dbe
--- /dev/null
+++ b/mini-app/src/vant/skeleton/index.json
@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}
diff --git a/mini-app/src/vant/skeleton/index.wxml b/mini-app/src/vant/skeleton/index.wxml
new file mode 100644
index 000000000..058e2efd1
--- /dev/null
+++ b/mini-app/src/vant/skeleton/index.wxml
@@ -0,0 +1,29 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  wx:if="{{ loading }}"
+  class="custom-class {{ utils.bem('skeleton', [{animate}]) }}"
+>
+  <view
+    wx:if="{{ avatar }}"
+    class="avatar-class {{ utils.bem('skeleton__avatar', [avatarShape])}}"
+    style="{{ 'width:' + avatarSize + ';height:' + avatarSize }}"
+  />
+  <view class="{{ utils.bem('skeleton__content')}}">
+    <view
+      wx:if="{{ title }}"
+      class="title-class {{ utils.bem('skeleton__title') }}"
+      style="{{ 'width:' + titleWidth }}"
+    />
+    <view
+      wx:for="{{ rowArray }}"
+      wx:key="index"
+      wx:for-index="index"
+      class="row-class {{ utils.bem('skeleton__row') }}"
+      style="{{ 'width:' + (isArray ? rowWidth[index] : rowWidth) }}"
+    />
+  </view>
+</view>
+<view wx:else class="{{ utils.bem('skeleton__content')}}">
+  <slot />
+</view>
diff --git a/mini-app/src/vant/skeleton/index.wxss b/mini-app/src/vant/skeleton/index.wxss
new file mode 100644
index 000000000..565b26e49
--- /dev/null
+++ b/mini-app/src/vant/skeleton/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-skeleton{display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:0 16px;padding:var(--skeleton-padding,0 16px)}.van-skeleton__avatar{-webkit-flex-shrink:0;flex-shrink:0;margin-right:16px;margin-right:var(--padding-md,16px);background-color:#f2f3f5;background-color:var(--skeleton-avatar-background-color,#f2f3f5)}.van-skeleton__avatar--round{border-radius:100%}.van-skeleton__content{-webkit-flex:1;flex:1}.van-skeleton__avatar+.van-skeleton__content{padding-top:8px;padding-top:var(--padding-xs,8px)}.van-skeleton__row,.van-skeleton__title{height:16px;height:var(--skeleton-row-height,16px);background-color:#f2f3f5;background-color:var(--skeleton-row-background-color,#f2f3f5)}.van-skeleton__title{margin:0}.van-skeleton__row:not(:first-child){margin-top:12px;margin-top:var(--skeleton-row-margin-top,12px)}.van-skeleton__title+.van-skeleton__row{margin-top:20px}.van-skeleton--animate{-webkit-animation:van-skeleton-blink 1.2s ease-in-out infinite;animation:van-skeleton-blink 1.2s ease-in-out infinite}@-webkit-keyframes van-skeleton-blink{50%{opacity:.6}}@keyframes van-skeleton-blink{50%{opacity:.6}}
\ No newline at end of file
diff --git a/mini-app/src/vant/slider/index.d.ts b/mini-app/src/vant/slider/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/slider/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/slider/index.js b/mini-app/src/vant/slider/index.js
new file mode 100644
index 000000000..36291e719
--- /dev/null
+++ b/mini-app/src/vant/slider/index.js
@@ -0,0 +1,107 @@
+import { VantComponent } from '../common/component';
+import { touch } from '../mixins/touch';
+import { canIUseModel } from '../common/version';
+import { getRect } from '../common/utils';
+VantComponent({
+  mixins: [touch],
+  props: {
+    disabled: Boolean,
+    useButtonSlot: Boolean,
+    activeColor: String,
+    inactiveColor: String,
+    max: {
+      type: Number,
+      value: 100,
+    },
+    min: {
+      type: Number,
+      value: 0,
+    },
+    step: {
+      type: Number,
+      value: 1,
+    },
+    value: {
+      type: Number,
+      value: 0,
+      observer(val) {
+        if (val !== this.value) {
+          this.updateValue(val);
+        }
+      },
+    },
+    barHeight: {
+      type: null,
+      value: 2,
+    },
+  },
+  created() {
+    this.updateValue(this.data.value);
+  },
+  methods: {
+    onTouchStart(event) {
+      if (this.data.disabled) return;
+      this.touchStart(event);
+      this.startValue = this.format(this.value);
+      this.dragStatus = 'start';
+    },
+    onTouchMove(event) {
+      if (this.data.disabled) return;
+      if (this.dragStatus === 'start') {
+        this.$emit('drag-start');
+      }
+      this.touchMove(event);
+      this.dragStatus = 'draging';
+      getRect(this, '.van-slider').then((rect) => {
+        const diff = (this.deltaX / rect.width) * this.getRange();
+        this.newValue = this.startValue + diff;
+        this.updateValue(this.newValue, false, true);
+      });
+    },
+    onTouchEnd() {
+      if (this.data.disabled) return;
+      if (this.dragStatus === 'draging') {
+        this.updateValue(this.newValue, true);
+        this.$emit('drag-end');
+      }
+    },
+    onClick(event) {
+      if (this.data.disabled) return;
+      const { min } = this.data;
+      getRect(this, '.van-slider').then((rect) => {
+        const value =
+          ((event.detail.x - rect.left) / rect.width) * this.getRange() + min;
+        this.updateValue(value, true);
+      });
+    },
+    updateValue(value, end, drag) {
+      value = this.format(value);
+      const { min } = this.data;
+      const width = `${((value - min) * 100) / this.getRange()}%`;
+      this.value = value;
+      this.setData({
+        barStyle: `
+          width: ${width};
+          ${drag ? 'transition: none;' : ''}
+        `,
+      });
+      if (drag) {
+        this.$emit('drag', { value });
+      }
+      if (end) {
+        this.$emit('change', value);
+      }
+      if ((drag || end) && canIUseModel()) {
+        this.setData({ value });
+      }
+    },
+    getRange() {
+      const { max, min } = this.data;
+      return max - min;
+    },
+    format(value) {
+      const { max, min, step } = this.data;
+      return Math.round(Math.max(min, Math.min(value, max)) / step) * step;
+    },
+  },
+});
diff --git a/mini-app/src/vant/slider/index.json b/mini-app/src/vant/slider/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/slider/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/slider/index.wxml b/mini-app/src/vant/slider/index.wxml
new file mode 100644
index 000000000..6a430f386
--- /dev/null
+++ b/mini-app/src/vant/slider/index.wxml
@@ -0,0 +1,30 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view
+  class="custom-class {{ utils.bem('slider', { disabled }) }}"
+  style="{{ inactiveColor ? 'background:' + inactiveColor : '' }}"
+  bind:tap="onClick"
+>
+  <view
+    class="van-slider__bar"
+    style="{{ barStyle }};{{ computed.barStyle(barHeight, activeColor) }}"
+  >
+    <view
+      class="van-slider__button-wrapper"
+      bind:touchstart="onTouchStart"
+      catch:touchmove="onTouchMove"
+      bind:touchend="onTouchEnd"
+      bind:touchcancel="onTouchEnd"
+    >
+      <slot
+        wx:if="{{ useButtonSlot }}"
+        name="button"
+      />
+      <view
+        wx:else
+        class="van-slider__button"
+      />
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/slider/index.wxs b/mini-app/src/vant/slider/index.wxs
new file mode 100644
index 000000000..7c43e6e53
--- /dev/null
+++ b/mini-app/src/vant/slider/index.wxs
@@ -0,0 +1,14 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function barStyle(barHeight, activeColor) {
+  return style({
+    height: addUnit(barHeight),
+    background: activeColor,
+  });
+}
+
+module.exports = {
+  barStyle: barStyle,
+};
diff --git a/mini-app/src/vant/slider/index.wxss b/mini-app/src/vant/slider/index.wxss
new file mode 100644
index 000000000..7886b6065
--- /dev/null
+++ b/mini-app/src/vant/slider/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-slider{position:relative;border-radius:999px;border-radius:var(--border-radius-max,999px);background-color:#ebedf0;background-color:var(--slider-inactive-background-color,#ebedf0)}.van-slider:before{position:absolute;right:0;left:0;content:"";top:-8px;top:-var(--padding-xs,8px);bottom:-8px;bottom:-var(--padding-xs,8px)}.van-slider__bar{position:relative;border-radius:inherit;transition:width .2s;transition:width var(--animation-duration-fast,.2s);background-color:#1989fa;background-color:var(--slider-active-background-color,#1989fa)}.van-slider__button{width:24px;height:24px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.5);background-color:#fff;background-color:var(--slider-button-background-color,#fff)}.van-slider__button-wrapper{position:absolute;top:50%;right:0;-webkit-transform:translate3d(50%,-50%,0);transform:translate3d(50%,-50%,0)}.van-slider--disabled{opacity:.5}
\ No newline at end of file
diff --git a/mini-app/src/vant/stepper/index.d.ts b/mini-app/src/vant/stepper/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/stepper/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/stepper/index.js b/mini-app/src/vant/stepper/index.js
new file mode 100644
index 000000000..4beed5ab0
--- /dev/null
+++ b/mini-app/src/vant/stepper/index.js
@@ -0,0 +1,191 @@
+import { VantComponent } from '../common/component';
+import { isDef } from '../common/validator';
+const LONG_PRESS_START_TIME = 600;
+const LONG_PRESS_INTERVAL = 200;
+// add num and avoid float number
+function add(num1, num2) {
+  const cardinal = Math.pow(10, 10);
+  return Math.round((num1 + num2) * cardinal) / cardinal;
+}
+function equal(value1, value2) {
+  return String(value1) === String(value2);
+}
+VantComponent({
+  field: true,
+  classes: ['input-class', 'plus-class', 'minus-class'],
+  props: {
+    value: {
+      type: null,
+      observer(value) {
+        if (!equal(value, this.data.currentValue)) {
+          this.setData({ currentValue: this.format(value) });
+        }
+      },
+    },
+    integer: {
+      type: Boolean,
+      observer: 'check',
+    },
+    disabled: Boolean,
+    inputWidth: null,
+    buttonSize: null,
+    asyncChange: Boolean,
+    disableInput: Boolean,
+    decimalLength: {
+      type: Number,
+      value: null,
+      observer: 'check',
+    },
+    min: {
+      type: null,
+      value: 1,
+      observer: 'check',
+    },
+    max: {
+      type: null,
+      value: Number.MAX_SAFE_INTEGER,
+      observer: 'check',
+    },
+    step: {
+      type: null,
+      value: 1,
+    },
+    showPlus: {
+      type: Boolean,
+      value: true,
+    },
+    showMinus: {
+      type: Boolean,
+      value: true,
+    },
+    disablePlus: Boolean,
+    disableMinus: Boolean,
+    longPress: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    currentValue: '',
+  },
+  created() {
+    this.setData({
+      currentValue: this.format(this.data.value),
+    });
+  },
+  methods: {
+    check() {
+      const val = this.format(this.data.currentValue);
+      if (!equal(val, this.data.currentValue)) {
+        this.setData({ currentValue: val });
+      }
+    },
+    isDisabled(type) {
+      if (type === 'plus') {
+        return (
+          this.data.disabled ||
+          this.data.disablePlus ||
+          this.data.currentValue >= this.data.max
+        );
+      }
+      return (
+        this.data.disabled ||
+        this.data.disableMinus ||
+        this.data.currentValue <= this.data.min
+      );
+    },
+    onFocus(event) {
+      this.$emit('focus', event.detail);
+    },
+    onBlur(event) {
+      const value = this.format(event.detail.value);
+      this.emitChange(value);
+      this.$emit(
+        'blur',
+        Object.assign(Object.assign({}, event.detail), { value })
+      );
+    },
+    // filter illegal characters
+    filter(value) {
+      value = String(value).replace(/[^0-9.-]/g, '');
+      if (this.data.integer && value.indexOf('.') !== -1) {
+        value = value.split('.')[0];
+      }
+      return value;
+    },
+    // limit value range
+    format(value) {
+      value = this.filter(value);
+      // format range
+      value = value === '' ? 0 : +value;
+      value = Math.max(Math.min(this.data.max, value), this.data.min);
+      // format decimal
+      if (isDef(this.data.decimalLength)) {
+        value = value.toFixed(this.data.decimalLength);
+      }
+      return value;
+    },
+    onInput(event) {
+      const { value = '' } = event.detail || {};
+      // allow input to be empty
+      if (value === '') {
+        return;
+      }
+      let formatted = this.filter(value);
+      // limit max decimal length
+      if (isDef(this.data.decimalLength) && formatted.indexOf('.') !== -1) {
+        const pair = formatted.split('.');
+        formatted = `${pair[0]}.${pair[1].slice(0, this.data.decimalLength)}`;
+      }
+      this.emitChange(formatted);
+    },
+    emitChange(value) {
+      if (!this.data.asyncChange) {
+        this.setData({ currentValue: value });
+      }
+      this.$emit('change', value);
+    },
+    onChange() {
+      const { type } = this;
+      if (this.isDisabled(type)) {
+        this.$emit('overlimit', type);
+        return;
+      }
+      const diff = type === 'minus' ? -this.data.step : +this.data.step;
+      const value = this.format(add(+this.data.currentValue, diff));
+      this.emitChange(value);
+      this.$emit(type);
+    },
+    longPressStep() {
+      this.longPressTimer = setTimeout(() => {
+        this.onChange();
+        this.longPressStep();
+      }, LONG_PRESS_INTERVAL);
+    },
+    onTap(event) {
+      const { type } = event.currentTarget.dataset;
+      this.type = type;
+      this.onChange();
+    },
+    onTouchStart(event) {
+      if (!this.data.longPress) {
+        return;
+      }
+      clearTimeout(this.longPressTimer);
+      const { type } = event.currentTarget.dataset;
+      this.type = type;
+      this.isLongPress = false;
+      this.longPressTimer = setTimeout(() => {
+        this.isLongPress = true;
+        this.onChange();
+        this.longPressStep();
+      }, LONG_PRESS_START_TIME);
+    },
+    onTouchEnd() {
+      if (!this.data.longPress) {
+        return;
+      }
+      clearTimeout(this.longPressTimer);
+    },
+  },
+});
diff --git a/mini-app/src/vant/stepper/index.json b/mini-app/src/vant/stepper/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/stepper/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/stepper/index.wxml b/mini-app/src/vant/stepper/index.wxml
new file mode 100644
index 000000000..957042087
--- /dev/null
+++ b/mini-app/src/vant/stepper/index.wxml
@@ -0,0 +1,37 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="van-stepper custom-class">
+  <view
+    wx:if="{{ showMinus }}"
+    data-type="minus"
+    style="width: {{ utils.addUnit(buttonSize) }}; height: {{ utils.addUnit(buttonSize) }}"
+    class="minus-class {{ utils.bem('stepper__minus', { disabled: disabled || disableMinus || currentValue <= min }) }}"
+    hover-class="van-stepper__minus--hover"
+    hover-stay-time="70"
+    bind:tap="onTap"
+    bind:touchstart="onTouchStart"
+    bind:touchend="onTouchEnd"
+  />
+  <input
+    type="{{ integer ? 'number' : 'digit' }}"
+    class="input-class {{ utils.bem('stepper__input', { disabled: disabled || disableInput }) }}"
+    style="width: {{ utils.addUnit(inputWidth) }}; height: {{ utils.addUnit(buttonSize) }}"
+    value="{{ currentValue }}"
+    focus="{{ focus }}"
+    disabled="{{ disabled || disableInput }}"
+    bindinput="onInput"
+    bind:focus="onFocus"
+    bind:blur="onBlur"
+  />
+  <view
+    wx:if="{{ showPlus }}"
+    data-type="plus"
+    style="width: {{ utils.addUnit(buttonSize) }}; height: {{ utils.addUnit(buttonSize) }}"
+    class="plus-class {{ utils.bem('stepper__plus', { disabled: disabled || disablePlus || currentValue >= max }) }}"
+    hover-class="van-stepper__plus--hover"
+    hover-stay-time="70"
+    bind:tap="onTap"
+    bind:touchstart="onTouchStart"
+    bind:touchend="onTouchEnd"
+  />
+</view>
diff --git a/mini-app/src/vant/stepper/index.wxss b/mini-app/src/vant/stepper/index.wxss
new file mode 100644
index 000000000..5da5b7938
--- /dev/null
+++ b/mini-app/src/vant/stepper/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-stepper{font-size:0}.van-stepper__minus,.van-stepper__plus{position:relative;display:inline-block;box-sizing:border-box;margin:1px;vertical-align:middle;border:0;background-color:#f2f3f5;background-color:var(--stepper-background-color,#f2f3f5);color:#323233;color:var(--stepper-button-icon-color,#323233);width:28px;width:var(--stepper-input-height,28px);height:28px;height:var(--stepper-input-height,28px);padding:4px;padding:var(--padding-base,4px)}.van-stepper__minus:before,.van-stepper__plus:before{width:9px;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:9px}.van-stepper__minus:after,.van-stepper__minus:before,.van-stepper__plus:after,.van-stepper__plus:before{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:currentColor;content:""}.van-stepper__minus--hover,.van-stepper__plus--hover{background-color:#e8e8e8;background-color:var(--stepper-active-color,#e8e8e8)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:#c8c9cc;color:var(--stepper-button-disabled-icon-color,#c8c9cc)}.van-stepper__minus--disabled,.van-stepper__minus--disabled.van-stepper__minus--hover,.van-stepper__minus--disabled.van-stepper__plus--hover,.van-stepper__plus--disabled,.van-stepper__plus--disabled.van-stepper__minus--hover,.van-stepper__plus--disabled.van-stepper__plus--hover{background-color:#f7f8fa;background-color:var(--stepper-button-disabled-color,#f7f8fa)}.van-stepper__minus{border-radius:4px 0 0 4px;border-radius:var(--stepper-border-radius,4px) 0 0 var(--stepper-border-radius,4px)}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 4px 4px 0;border-radius:0 var(--stepper-border-radius,4px) var(--stepper-border-radius,4px) 0}.van-stepper__input{display:inline-block;box-sizing:border-box;min-height:0;margin:1px;padding:1px;text-align:center;vertical-align:middle;border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none;font-size:14px;font-size:var(--stepper-input-font-size,14px);color:#323233;color:var(--stepper-input-text-color,#323233);background-color:#f2f3f5;background-color:var(--stepper-background-color,#f2f3f5);width:32px;width:var(--stepper-input-width,32px);height:28px;height:var(--stepper-input-height,28px)}.van-stepper__input--disabled{color:#c8c9cc;color:var(--stepper-input-disabled-text-color,#c8c9cc);background-color:#f2f3f5;background-color:var(--stepper-input-disabled-background-color,#f2f3f5)}
\ No newline at end of file
diff --git a/mini-app/src/vant/steps/index.d.ts b/mini-app/src/vant/steps/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/steps/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/steps/index.js b/mini-app/src/vant/steps/index.js
new file mode 100644
index 000000000..a89ed4a8e
--- /dev/null
+++ b/mini-app/src/vant/steps/index.js
@@ -0,0 +1,33 @@
+import { VantComponent } from '../common/component';
+import { GREEN, GRAY_DARK } from '../common/color';
+VantComponent({
+  classes: ['desc-class'],
+  props: {
+    icon: String,
+    steps: Array,
+    active: Number,
+    direction: {
+      type: String,
+      value: 'horizontal',
+    },
+    activeColor: {
+      type: String,
+      value: GREEN,
+    },
+    inactiveColor: {
+      type: String,
+      value: GRAY_DARK,
+    },
+    activeIcon: {
+      type: String,
+      value: 'checked',
+    },
+    inactiveIcon: String,
+  },
+  methods: {
+    onClick(event) {
+      const { index } = event.currentTarget.dataset;
+      this.$emit('click-step', index);
+    },
+  },
+});
diff --git a/mini-app/src/vant/steps/index.json b/mini-app/src/vant/steps/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/steps/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/steps/index.wxml b/mini-app/src/vant/steps/index.wxml
new file mode 100644
index 000000000..6180b4173
--- /dev/null
+++ b/mini-app/src/vant/steps/index.wxml
@@ -0,0 +1,54 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="custom-class {{ utils.bem('steps', [direction]) }}">
+  <view class="van-step__wrapper">
+    <view
+      wx:for="{{ steps }}"
+      wx:key="index"
+      bindtap="onClick"
+      data-index="{{ index }}"
+      class="{{ utils.bem('step', [direction, status(index, active)]) }} van-hairline"
+      style="{{ status(index, active) === 'inactive' ? 'color: ' + inactiveColor: '' }}"
+    >
+      <view class="van-step__title" style="{{ index === active ? 'color: ' + activeColor : '' }}">
+        <view>{{ item.text }}</view>
+        <view class="desc-class">{{ item.desc }}</view>
+      </view>
+      <view class="van-step__circle-container">
+        <block wx:if="{{ index !== active }}">
+          <van-icon
+            wx:if="{{ item.inactiveIcon || inactiveIcon }}"
+            color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}"
+            name="{{ item.inactiveIcon || inactiveIcon }}"
+            custom-class="van-step__icon"
+          />
+          <view
+            wx:else
+            class="van-step__circle"
+            style="{{ 'background-color: ' + (index < active ? activeColor : inactiveColor) }}"
+          />
+        </block>
+
+        <van-icon wx:else name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon" />
+      </view>
+      <view
+        wx:if="{{ index !== steps.length - 1 }}"
+        class="van-step__line" style="{{ 'background-color: ' + (index < active ? activeColor : inactiveColor) }}"
+      />
+    </view>
+  </view>
+</view>
+
+<wxs module="status">
+function get(index, active) {
+  if (index < active) {
+    return 'finish';
+  } else if (index === active) {
+    return 'process';
+  }
+
+  return 'inactive';
+}
+
+module.exports = get;
+</wxs>
diff --git a/mini-app/src/vant/steps/index.wxss b/mini-app/src/vant/steps/index.wxss
new file mode 100644
index 000000000..2c50b1abe
--- /dev/null
+++ b/mini-app/src/vant/steps/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-steps{overflow:hidden;background-color:#fff;background-color:var(--steps-background-color,#fff)}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{position:relative;display:-webkit-flex;display:flex;overflow:hidden}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{position:relative;-webkit-flex:1;flex:1;font-size:14px;font-size:var(--step-font-size,14px);color:#969799;color:var(--step-text-color,#969799)}.van-step--finish{color:#323233;color:var(--step-finish-text-color,#323233)}.van-step__circle{border-radius:50%;width:5px;width:var(--step-circle-size,5px);height:5px;height:var(--step-circle-size,5px);background-color:#969799;background-color:var(--step-circle-color,#969799)}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{text-align:right;-webkit-transform:none;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:0;padding:0 0 0 8px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{position:absolute;bottom:6px;z-index:1;-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0);background-color:#fff;background-color:var(--white,#fff);padding:0 8px;padding:0 var(--padding-xs,8px)}.van-step--horizontal .van-step__title{display:inline-block;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);font-size:12px;font-size:var(--step-horizontal-title-font-size,12px)}.van-step--horizontal .van-step__line{position:absolute;right:0;bottom:6px;left:0;height:1px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);background-color:#ebedf0;background-color:var(--step-line-color,#ebedf0)}.van-step--horizontal.van-step--process{color:#323233;color:var(--step-process-text-color,#323233)}.van-step--horizontal.van-step--process .van-step__icon{display:block;line-height:1;font-size:12px;font-size:var(--step-icon-size,12px)}.van-step--vertical{padding:10px 10px 10px 0;line-height:18px}.van-step--vertical:after{border-bottom-width:1px}.van-step--vertical:last-child:after{border-bottom-width:none}.van-step--vertical:first-child:before{position:absolute;top:0;left:-15px;z-index:1;width:1px;height:20px;content:"";background-color:#fff;background-color:var(--white,#fff)}.van-step--vertical .van-step__circle,.van-step--vertical .van-step__icon,.van-step--vertical .van-step__line{position:absolute;top:19px;left:-14px;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-step--vertical .van-step__icon{line-height:1;font-size:12px;font-size:var(--step-icon-size,12px)}.van-step--vertical .van-step__line{z-index:1;width:1px;height:100%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);background-color:#ebedf0;background-color:var(--step-line-color,#ebedf0)}
\ No newline at end of file
diff --git a/mini-app/src/vant/sticky/index.d.ts b/mini-app/src/vant/sticky/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/sticky/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/sticky/index.js b/mini-app/src/vant/sticky/index.js
new file mode 100644
index 000000000..b0bd8dce7
--- /dev/null
+++ b/mini-app/src/vant/sticky/index.js
@@ -0,0 +1,111 @@
+import { getRect } from '../common/utils';
+import { VantComponent } from '../common/component';
+import { pageScrollMixin } from '../mixins/page-scroll';
+const ROOT_ELEMENT = '.van-sticky';
+VantComponent({
+  props: {
+    zIndex: {
+      type: Number,
+      value: 99,
+    },
+    offsetTop: {
+      type: Number,
+      value: 0,
+      observer: 'onScroll',
+    },
+    disabled: {
+      type: Boolean,
+      observer: 'onScroll',
+    },
+    container: {
+      type: null,
+      observer: 'onScroll',
+    },
+    scrollTop: {
+      type: null,
+      observer(val) {
+        this.onScroll({ scrollTop: val });
+      },
+    },
+  },
+  mixins: [
+    pageScrollMixin(function (event) {
+      if (this.data.scrollTop != null) {
+        return;
+      }
+      this.onScroll(event);
+    }),
+  ],
+  data: {
+    height: 0,
+    fixed: false,
+    transform: 0,
+  },
+  mounted() {
+    this.onScroll();
+  },
+  methods: {
+    onScroll({ scrollTop } = {}) {
+      const { container, offsetTop, disabled } = this.data;
+      if (disabled) {
+        this.setDataAfterDiff({
+          fixed: false,
+          transform: 0,
+        });
+        return;
+      }
+      this.scrollTop = scrollTop || this.scrollTop;
+      if (typeof container === 'function') {
+        Promise.all([
+          getRect(this, ROOT_ELEMENT),
+          this.getContainerRect(),
+        ]).then(([root, container]) => {
+          if (offsetTop + root.height > container.height + container.top) {
+            this.setDataAfterDiff({
+              fixed: false,
+              transform: container.height - root.height,
+            });
+          } else if (offsetTop >= root.top) {
+            this.setDataAfterDiff({
+              fixed: true,
+              height: root.height,
+              transform: 0,
+            });
+          } else {
+            this.setDataAfterDiff({ fixed: false, transform: 0 });
+          }
+        });
+        return;
+      }
+      getRect(this, ROOT_ELEMENT).then((root) => {
+        if (offsetTop >= root.top) {
+          this.setDataAfterDiff({ fixed: true, height: root.height });
+          this.transform = 0;
+        } else {
+          this.setDataAfterDiff({ fixed: false });
+        }
+      });
+    },
+    setDataAfterDiff(data) {
+      wx.nextTick(() => {
+        const diff = Object.keys(data).reduce((prev, key) => {
+          if (data[key] !== this.data[key]) {
+            prev[key] = data[key];
+          }
+          return prev;
+        }, {});
+        this.setData(diff);
+        this.$emit('scroll', {
+          scrollTop: this.scrollTop,
+          isFixed: data.fixed || this.data.fixed,
+        });
+      });
+    },
+    getContainerRect() {
+      const nodesRef = this.data.container();
+      return new Promise((resolve) =>
+        nodesRef.boundingClientRect(resolve).exec()
+      );
+    },
+  },
+});
diff --git a/mini-app/src/vant/sticky/index.json b/mini-app/src/vant/sticky/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/sticky/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/sticky/index.wxml b/mini-app/src/vant/sticky/index.wxml
new file mode 100644
index 000000000..15e9f4a8a
--- /dev/null
+++ b/mini-app/src/vant/sticky/index.wxml
@@ -0,0 +1,8 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="custom-class van-sticky" style="{{ computed.containerStyle({ fixed, height, zIndex }) }}">
+  <view class="{{ utils.bem('sticky-wrap', { fixed }) }}" style="{{ computed.wrapStyle({ fixed, offsetTop, transform, zIndex }) }}">
+    <slot />
+  </view>
+</view>
diff --git a/mini-app/src/vant/sticky/index.wxs b/mini-app/src/vant/sticky/index.wxs
new file mode 100644
index 000000000..10eec72a8
--- /dev/null
+++ b/mini-app/src/vant/sticky/index.wxs
@@ -0,0 +1,24 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function wrapStyle(data) {
+  return style({
+    transform: data.transform
+      ? 'translate3d(0, ' + data.transform + 'px, 0)'
+      : '',
+    top: data.fixed ? data.offsetTop + 'px' : '',
+    'z-index': data.zIndex,
+  });
+}
+
+function containerStyle(data) {
+  return style({
+    height: data.fixed ? data.height + 'px' : '',
+    'z-index': data.zIndex,
+  });
+}
+
+module.exports = {
+  wrapStyle: wrapStyle,
+  containerStyle: containerStyle,
+};
diff --git a/mini-app/src/vant/sticky/index.wxss b/mini-app/src/vant/sticky/index.wxss
new file mode 100644
index 000000000..526938754
--- /dev/null
+++ b/mini-app/src/vant/sticky/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-sticky{position:relative}.van-sticky-wrap--fixed{position:fixed;right:0;left:0}
\ No newline at end of file
diff --git a/mini-app/src/vant/submit-bar/index.d.ts b/mini-app/src/vant/submit-bar/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/submit-bar/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/submit-bar/index.js b/mini-app/src/vant/submit-bar/index.js
new file mode 100644
index 000000000..4a888fff0
--- /dev/null
+++ b/mini-app/src/vant/submit-bar/index.js
@@ -0,0 +1,57 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  classes: ['bar-class', 'price-class', 'button-class'],
+  props: {
+    tip: {
+      type: null,
+      observer: 'updateTip',
+    },
+    tipIcon: String,
+    type: Number,
+    price: {
+      type: null,
+      observer: 'updatePrice',
+    },
+    label: String,
+    loading: Boolean,
+    disabled: Boolean,
+    buttonText: String,
+    currency: {
+      type: String,
+      value: '¥',
+    },
+    buttonType: {
+      type: String,
+      value: 'danger',
+    },
+    decimalLength: {
+      type: Number,
+      value: 2,
+      observer: 'updatePrice',
+    },
+    suffixLabel: String,
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  methods: {
+    updatePrice() {
+      const { price, decimalLength } = this.data;
+      const priceStrArr =
+        typeof price === 'number' &&
+        (price / 100).toFixed(decimalLength).split('.');
+      this.setData({
+        hasPrice: typeof price === 'number',
+        integerStr: priceStrArr && priceStrArr[0],
+        decimalStr: decimalLength && priceStrArr ? `.${priceStrArr[1]}` : '',
+      });
+    },
+    updateTip() {
+      this.setData({ hasTip: typeof this.data.tip === 'string' });
+    },
+    onSubmit(event) {
+      this.$emit('submit', event.detail);
+    },
+  },
+});
diff --git a/mini-app/src/vant/submit-bar/index.json b/mini-app/src/vant/submit-bar/index.json
new file mode 100644
index 000000000..bda9b8d33
--- /dev/null
+++ b/mini-app/src/vant/submit-bar/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-button": "../button/index",
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/submit-bar/index.wxml b/mini-app/src/vant/submit-bar/index.wxml
new file mode 100644
index 000000000..a56dd46ce
--- /dev/null
+++ b/mini-app/src/vant/submit-bar/index.wxml
@@ -0,0 +1,44 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="van-submit-bar custom-class">
+  <slot name="top" />
+
+  <view class="van-submit-bar__tip">
+    <van-icon
+      wx:if="{{ tipIcon }}"
+      size="12px"
+      name="{{ tipIcon }}"
+      custom-class="van-submit-bar__tip-icon"
+    />
+    <view wx:if="{{ hasTip }}" class="van-submit-bar__tip-text">
+      {{ tip }}
+    </view>
+    <slot name="tip" />
+  </view>
+
+  <view class="bar-class van-submit-bar__bar">
+    <slot />
+    <view wx:if="{{ hasPrice }}" class="van-submit-bar__text">
+      <text>{{ label || '合计：' }}</text>
+      <text class="van-submit-bar__price price-class">
+        <text class="van-submit-bar__currency">{{ currency }} </text>
+        <text class="van-submit-bar__price-integer">{{ integerStr }}</text><text>{{decimalStr}}</text>
+      </text>
+      <text class="van-submit-bar__suffix-label">{{ suffixLabel }}</text>
+    </view>
+    <van-button
+      round
+      type="{{ buttonType }}"
+      loading="{{ loading }}"
+      disabled="{{ disabled }}"
+      class="van-submit-bar__button"
+      custom-class="button-class"
+      custom-style="width: 100%;"
+      bind:click="onSubmit"
+    >
+      {{ loading ? '' : buttonText }}
+    </van-button>
+  </view>
+
+  <view wx:if="{{ safeAreaInsetBottom }}" class="van-submit-bar__safe" />
+</view>
diff --git a/mini-app/src/vant/submit-bar/index.wxss b/mini-app/src/vant/submit-bar/index.wxss
new file mode 100644
index 000000000..3126e91b8
--- /dev/null
+++ b/mini-app/src/vant/submit-bar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-submit-bar{position:fixed;bottom:0;left:0;width:100%;-webkit-user-select:none;user-select:none;z-index:100;z-index:var(--submit-bar-z-index,100);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__tip{padding:10px;padding:var(--submit-bar-tip-padding,10px);color:#f56723;color:var(--submit-bar-tip-color,#f56723);font-size:12px;font-size:var(--submit-bar-tip-font-size,12px);line-height:1.5;line-height:var(--submit-bar-tip-line-height,1.5);background-color:#fff7cc;background-color:var(--submit-bar-tip-background-color,#fff7cc)}.van-submit-bar__tip:empty{display:none}.van-submit-bar__tip-icon{width:12px;height:12px;margin-right:4px;vertical-align:middle;font-size:12px;font-size:var(--submit-bar-tip-icon-size,12px);min-width:18px;min-width:calc(var(--submit-bar-tip-icon-size, 12px)*1.5)}.van-submit-bar__tip-text{display:inline;vertical-align:middle}.van-submit-bar__bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 16px;padding:var(--submit-bar-padding,0 16px);height:50px;height:var(--submit-bar-height,50px);font-size:14px;font-size:var(--submit-bar-text-font-size,14px);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__safe{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.van-submit-bar__text{-webkit-flex:1;flex:1;text-align:right;color:#323233;color:var(--submit-bar-text-color,#323233);padding-right:12px;padding-right:var(--padding-sm,12px)}.van-submit-bar__price,.van-submit-bar__text{font-weight:500;font-weight:var(--font-weight-bold,500)}.van-submit-bar__price{color:#ee0a24;color:var(--submit-bar-price-color,#ee0a24);font-size:12px;font-size:var(--submit-bar-price-font-size,12px)}.van-submit-bar__price-integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__currency{font-size:12px;font-size:var(--submit-bar-currency-font-size,12px)}.van-submit-bar__suffix-label{margin-left:5px}.van-submit-bar__button{width:110px;width:var(--submit-bar-button-width,110px);font-weight:500;font-weight:var(--font-weight-bold,500);--button-default-height:40px!important;--button-default-height:var(--submit-bar-button-height,40px)!important;--button-line-height:40px!important;--button-line-height:var(--submit-bar-button-height,40px)!important}
\ No newline at end of file
diff --git a/mini-app/src/vant/swipe-cell/index.d.ts b/mini-app/src/vant/swipe-cell/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/swipe-cell/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/swipe-cell/index.js b/mini-app/src/vant/swipe-cell/index.js
new file mode 100644
index 000000000..596d594dd
--- /dev/null
+++ b/mini-app/src/vant/swipe-cell/index.js
@@ -0,0 +1,130 @@
+import { VantComponent } from '../common/component';
+import { touch } from '../mixins/touch';
+import { range } from '../common/utils';
+const THRESHOLD = 0.3;
+let ARRAY = [];
+VantComponent({
+  props: {
+    disabled: Boolean,
+    leftWidth: {
+      type: Number,
+      value: 0,
+      observer(leftWidth = 0) {
+        if (this.offset > 0) {
+          this.swipeMove(leftWidth);
+        }
+      },
+    },
+    rightWidth: {
+      type: Number,
+      value: 0,
+      observer(rightWidth = 0) {
+        if (this.offset < 0) {
+          this.swipeMove(-rightWidth);
+        }
+      },
+    },
+    asyncClose: Boolean,
+    name: {
+      type: [Number, String],
+      value: '',
+    },
+  },
+  mixins: [touch],
+  data: {
+    catchMove: false,
+    wrapperStyle: '',
+  },
+  created() {
+    this.offset = 0;
+    ARRAY.push(this);
+  },
+  destroyed() {
+    ARRAY = ARRAY.filter((item) => item !== this);
+  },
+  methods: {
+    open(position) {
+      const { leftWidth, rightWidth } = this.data;
+      const offset = position === 'left' ? leftWidth : -rightWidth;
+      this.swipeMove(offset);
+      this.$emit('open', {
+        position,
+        name: this.data.name,
+      });
+    },
+    close() {
+      this.swipeMove(0);
+    },
+    swipeMove(offset = 0) {
+      this.offset = range(offset, -this.data.rightWidth, this.data.leftWidth);
+      const transform = `translate3d(${this.offset}px, 0, 0)`;
+      const transition = this.dragging
+        ? 'none'
+        : 'transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)';
+      this.setData({
+        wrapperStyle: `
+        -webkit-transform: ${transform};
+        -webkit-transition: ${transition};
+        transform: ${transform};
+        transition: ${transition};
+      `,
+      });
+    },
+    swipeLeaveTransition() {
+      const { leftWidth, rightWidth } = this.data;
+      const { offset } = this;
+      if (rightWidth > 0 && -offset > rightWidth * THRESHOLD) {
+        this.open('right');
+      } else if (leftWidth > 0 && offset > leftWidth * THRESHOLD) {
+        this.open('left');
+      } else {
+        this.swipeMove(0);
+      }
+      this.setData({ catchMove: false });
+    },
+    startDrag(event) {
+      if (this.data.disabled) {
+        return;
+      }
+      this.startOffset = this.offset;
+      this.touchStart(event);
+    },
+    noop() {},
+    onDrag(event) {
+      if (this.data.disabled) {
+        return;
+      }
+      this.touchMove(event);
+      if (this.direction !== 'horizontal') {
+        return;
+      }
+      this.dragging = true;
+      ARRAY.filter((item) => item !== this).forEach((item) => item.close());
+      this.setData({ catchMove: true });
+      this.swipeMove(this.startOffset + this.deltaX);
+    },
+    endDrag() {
+      if (this.data.disabled) {
+        return;
+      }
+      this.dragging = false;
+      this.swipeLeaveTransition();
+    },
+    onClick(event) {
+      const { key: position = 'outside' } = event.currentTarget.dataset;
+      this.$emit('click', position);
+      if (!this.offset) {
+        return;
+      }
+      if (this.data.asyncClose) {
+        this.$emit('close', {
+          position,
+          instance: this,
+          name: this.data.name,
+        });
+      } else {
+        this.swipeMove(0);
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/swipe-cell/index.json b/mini-app/src/vant/swipe-cell/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/swipe-cell/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/swipe-cell/index.wxml b/mini-app/src/vant/swipe-cell/index.wxml
new file mode 100644
index 000000000..3f7f72608
--- /dev/null
+++ b/mini-app/src/vant/swipe-cell/index.wxml
@@ -0,0 +1,20 @@
+<view
+  class="van-swipe-cell custom-class"
+  data-key="cell"
+  catchtap="onClick"
+  bindtouchstart="startDrag"
+  catchtouchmove="{{ catchMove ? 'noop' : '' }}"
+  capture-bind:touchmove="onDrag"
+  bindtouchend="endDrag"
+  bindtouchcancel="endDrag"
+>
+  <view style="{{ wrapperStyle }}">
+    <view wx:if="{{ leftWidth }}" class="van-swipe-cell__left" data-key="left" catch:tap="onClick">
+      <slot name="left" />
+    </view>
+    <slot />
+    <view wx:if="{{ rightWidth }}" class="van-swipe-cell__right" data-key="right" catch:tap="onClick">
+      <slot name="right" />
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/swipe-cell/index.wxss b/mini-app/src/vant/swipe-cell/index.wxss
new file mode 100644
index 000000000..d6152709d
--- /dev/null
+++ b/mini-app/src/vant/swipe-cell/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-swipe-cell{position:relative;overflow:hidden}.van-swipe-cell__left,.van-swipe-cell__right{position:absolute;top:0;height:100%}.van-swipe-cell__left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-swipe-cell__right{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
\ No newline at end of file
diff --git a/mini-app/src/vant/switch/index.d.ts b/mini-app/src/vant/switch/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/switch/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/switch/index.js b/mini-app/src/vant/switch/index.js
new file mode 100644
index 000000000..4f59d9535
--- /dev/null
+++ b/mini-app/src/vant/switch/index.js
@@ -0,0 +1,51 @@
+import { VantComponent } from '../common/component';
+import { BLUE, GRAY_DARK } from '../common/color';
+VantComponent({
+  field: true,
+  classes: ['node-class'],
+  props: {
+    checked: {
+      type: null,
+      observer(value) {
+        const loadingColor = this.getLoadingColor(value);
+        this.setData({ value, loadingColor });
+      },
+    },
+    loading: Boolean,
+    disabled: Boolean,
+    activeColor: String,
+    inactiveColor: String,
+    size: {
+      type: String,
+      value: '30px',
+    },
+    activeValue: {
+      type: null,
+      value: true,
+    },
+    inactiveValue: {
+      type: null,
+      value: false,
+    },
+  },
+  created() {
+    const { checked: value } = this.data;
+    const loadingColor = this.getLoadingColor(value);
+    this.setData({ value, loadingColor });
+  },
+  methods: {
+    getLoadingColor(checked) {
+      const { activeColor, inactiveColor } = this.data;
+      return checked ? activeColor || BLUE : inactiveColor || GRAY_DARK;
+    },
+    onClick() {
+      const { activeValue, inactiveValue } = this.data;
+      if (!this.data.disabled && !this.data.loading) {
+        const checked = this.data.checked === activeValue;
+        const value = checked ? inactiveValue : activeValue;
+        this.$emit('input', value);
+        this.$emit('change', value);
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/switch/index.json b/mini-app/src/vant/switch/index.json
new file mode 100644
index 000000000..01077f5da
--- /dev/null
+++ b/mini-app/src/vant/switch/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-loading": "../loading/index"
+  }
+}
diff --git a/mini-app/src/vant/switch/index.wxml b/mini-app/src/vant/switch/index.wxml
new file mode 100644
index 000000000..31a104dfb
--- /dev/null
+++ b/mini-app/src/vant/switch/index.wxml
@@ -0,0 +1,11 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="custom-class {{ utils.bem('switch', { on: value === activeValue, disabled }) }}"
+  style="font-size: {{ size }}; {{ (checked ? activeColor : inactiveColor) ? 'background-color: ' + (checked ? activeColor : inactiveColor ) : '' }}"
+  bind:tap="onClick"
+>
+  <view class="van-switch__node node-class">
+    <van-loading wx:if="{{ loading }}" color="{{ loadingColor }}" custom-class="van-switch__loading" />
+  </view>
+</view>
diff --git a/mini-app/src/vant/switch/index.wxss b/mini-app/src/vant/switch/index.wxss
new file mode 100644
index 000000000..e32a72ad3
--- /dev/null
+++ b/mini-app/src/vant/switch/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-switch{position:relative;display:inline-block;box-sizing:initial;width:2em;width:var(--switch-width,2em);height:1em;height:var(--switch-height,1em);background-color:#fff;background-color:var(--switch-background-color,#fff);border:1px solid rgba(0,0,0,.1);border:var(--switch-border,1px solid rgba(0,0,0,.1));border-radius:1em;border-radius:var(--switch-node-size,1em);transition:background-color .3s;transition:background-color var(--switch-transition-duration,.3s)}.van-switch__node{position:absolute;top:0;left:0;border-radius:100%;z-index:1;z-index:var(--switch-node-z-index,1);width:1em;width:var(--switch-node-size,1em);height:1em;height:var(--switch-node-size,1em);background-color:#fff;background-color:var(--switch-node-background-color,#fff);box-shadow:0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);box-shadow:var(--switch-node-box-shadow,0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05));transition:-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:transform .3s cubic-bezier(.3,1.05,.4,1.05),-webkit-transform .3s cubic-bezier(.3,1.05,.4,1.05);transition:-webkit-transform var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);transition:transform var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05);transition:transform var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05),-webkit-transform var(--switch-transition-duration,.3s) cubic-bezier(.3,1.05,.4,1.05)}.van-switch__loading{position:absolute!important;top:25%;left:25%;width:50%;height:50%}.van-switch--on{background-color:#1989fa;background-color:var(--switch-on-background-color,#1989fa)}.van-switch--on .van-switch__node{-webkit-transform:translateX(1em);transform:translateX(1em);-webkit-transform:translateX(calc(var(--switch-width, 2em) - var(--switch-node-size, 1em)));transform:translateX(calc(var(--switch-width, 2em) - var(--switch-node-size, 1em)))}.van-switch--disabled{opacity:.4;opacity:var(--switch-disabled-opacity,.4)}
\ No newline at end of file
diff --git a/mini-app/src/vant/tab/index.d.ts b/mini-app/src/vant/tab/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/tab/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/tab/index.js b/mini-app/src/vant/tab/index.js
new file mode 100644
index 000000000..4d3582cf1
--- /dev/null
+++ b/mini-app/src/vant/tab/index.js
@@ -0,0 +1,59 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'tabs',
+    type: 'ancestor',
+    current: 'tab',
+  },
+  props: {
+    dot: {
+      type: Boolean,
+      observer: 'update',
+    },
+    info: {
+      type: null,
+      observer: 'update',
+    },
+    title: {
+      type: String,
+      observer: 'update',
+    },
+    disabled: {
+      type: Boolean,
+      observer: 'update',
+    },
+    titleStyle: {
+      type: String,
+      observer: 'update',
+    },
+    name: {
+      type: [Number, String],
+      value: '',
+    },
+  },
+  data: {
+    active: false,
+  },
+  methods: {
+    getComputedName() {
+      if (this.data.name !== '') {
+        return this.data.name;
+      }
+      return this.index;
+    },
+    updateRender(active, parent) {
+      const { data: parentData } = parent;
+      this.inited = this.inited || active;
+      this.setData({
+        active,
+        shouldRender: this.inited || !parentData.lazyRender,
+        shouldShow: active || parentData.animated,
+      });
+    },
+    update() {
+      if (this.parent) {
+        this.parent.updateTabs();
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/tab/index.json b/mini-app/src/vant/tab/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/tab/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/tab/index.wxml b/mini-app/src/vant/tab/index.wxml
new file mode 100644
index 000000000..f5e99f214
--- /dev/null
+++ b/mini-app/src/vant/tab/index.wxml
@@ -0,0 +1,8 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="custom-class {{ utils.bem('tab__pane', { active, inactive: !active }) }}"
+  style="{{ shouldShow ? '' : 'display: none;' }}"
+>
+  <slot wx:if="{{ shouldRender }}" />
+</view>
diff --git a/mini-app/src/vant/tab/index.wxss b/mini-app/src/vant/tab/index.wxss
new file mode 100644
index 000000000..76ddf0684
--- /dev/null
+++ b/mini-app/src/vant/tab/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{-webkit-flex-shrink:0;flex-shrink:0;width:100%}.van-tab__pane,:host{box-sizing:border-box}.van-tab__pane{overflow-y:auto;-webkit-overflow-scrolling:touch}.van-tab__pane--active{height:auto}.van-tab__pane--inactive{height:0;overflow:visible}
\ No newline at end of file
diff --git a/mini-app/src/vant/tabbar-item/index.d.ts b/mini-app/src/vant/tabbar-item/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/tabbar-item/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/tabbar-item/index.js b/mini-app/src/vant/tabbar-item/index.js
new file mode 100644
index 000000000..1663a784f
--- /dev/null
+++ b/mini-app/src/vant/tabbar-item/index.js
@@ -0,0 +1,57 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    info: null,
+    name: null,
+    icon: String,
+    dot: Boolean,
+    iconPrefix: {
+      type: String,
+      value: 'van-icon',
+    },
+  },
+  relation: {
+    name: 'tabbar',
+    type: 'ancestor',
+    current: 'tabbar-item',
+  },
+  data: {
+    active: false,
+  },
+  methods: {
+    onClick() {
+      const { parent } = this;
+      if (parent) {
+        const index = parent.children.indexOf(this);
+        const active = this.data.name || index;
+        if (active !== this.data.active) {
+          parent.$emit('change', active);
+        }
+      }
+      this.$emit('click');
+    },
+    updateFromParent() {
+      const { parent } = this;
+      if (!parent) {
+        return;
+      }
+      const index = parent.children.indexOf(this);
+      const parentData = parent.data;
+      const { data } = this;
+      const active = (data.name || index) === parentData.active;
+      const patch = {};
+      if (active !== data.active) {
+        patch.active = active;
+      }
+      if (parentData.activeColor !== data.activeColor) {
+        patch.activeColor = parentData.activeColor;
+      }
+      if (parentData.inactiveColor !== data.inactiveColor) {
+        patch.inactiveColor = parentData.inactiveColor;
+      }
+      if (Object.keys(patch).length > 0) {
+        this.setData(patch);
+      }
+    },
+  },
+});
diff --git a/mini-app/src/vant/tabbar-item/index.json b/mini-app/src/vant/tabbar-item/index.json
new file mode 100644
index 000000000..16f174c55
--- /dev/null
+++ b/mini-app/src/vant/tabbar-item/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-info": "../info/index"
+  }
+}
diff --git a/mini-app/src/vant/tabbar-item/index.wxml b/mini-app/src/vant/tabbar-item/index.wxml
new file mode 100644
index 000000000..524728f34
--- /dev/null
+++ b/mini-app/src/vant/tabbar-item/index.wxml
@@ -0,0 +1,28 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="{{ utils.bem('tabbar-item', { active }) }} custom-class"
+  style="color: {{ active ? activeColor : inactiveColor }}"
+  bindtap="onClick"
+>
+  <view class="van-tabbar-item__icon">
+    <van-icon
+      wx:if="{{ icon }}"
+      name="{{ icon }}"
+      class-prefix="{{ iconPrefix }}"
+      custom-class="van-tabbar-item__icon__inner"
+    />
+    <block wx:else>
+      <slot wx:if="{{ active }}" name="icon-active" />
+      <slot wx:else name="icon" />
+    </block>
+    <van-info
+      dot="{{ dot }}"
+      info="{{ info }}"
+      custom-class="van-tabbar-item__info"
+    />
+  </view>
+  <view class="van-tabbar-item__text">
+    <slot />
+  </view>
+</view>
diff --git a/mini-app/src/vant/tabbar-item/index.wxss b/mini-app/src/vant/tabbar-item/index.wxss
new file mode 100644
index 000000000..ff33bd21a
--- /dev/null
+++ b/mini-app/src/vant/tabbar-item/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{-webkit-flex:1;flex:1}.van-tabbar-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;color:#646566;color:var(--tabbar-item-text-color,#646566);font-size:12px;font-size:var(--tabbar-item-font-size,12px);line-height:1;line-height:var(--tabbar-item-line-height,1)}.van-tabbar-item__icon{position:relative;margin-bottom:4px;margin-bottom:var(--tabbar-item-margin-bottom,4px);font-size:22px;font-size:var(--tabbar-item-icon-size,22px)}.van-tabbar-item__icon__inner{display:block;min-width:1em}.van-tabbar-item--active{color:#1989fa;color:var(--tabbar-item-active-color,#1989fa)}.van-tabbar-item__info{margin-top:2px}
\ No newline at end of file
diff --git a/mini-app/src/vant/tabbar/index.d.ts b/mini-app/src/vant/tabbar/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/tabbar/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/tabbar/index.js b/mini-app/src/vant/tabbar/index.js
new file mode 100644
index 000000000..3092c58db
--- /dev/null
+++ b/mini-app/src/vant/tabbar/index.js
@@ -0,0 +1,73 @@
+import { getRect } from '../common/utils';
+import { VantComponent } from '../common/component';
+VantComponent({
+  relation: {
+    name: 'tabbar-item',
+    type: 'descendant',
+    current: 'tabbar',
+    linked(target) {
+      target.parent = this;
+      target.updateFromParent();
+    },
+    unlinked() {
+      this.updateChildren();
+    },
+  },
+  props: {
+    active: {
+      type: null,
+      observer: 'updateChildren',
+    },
+    activeColor: {
+      type: String,
+      observer: 'updateChildren',
+    },
+    inactiveColor: {
+      type: String,
+      observer: 'updateChildren',
+    },
+    fixed: {
+      type: Boolean,
+      value: true,
+      observer: 'setHeight',
+    },
+    placeholder: {
+      type: Boolean,
+      observer: 'setHeight',
+    },
+    border: {
+      type: Boolean,
+      value: true,
+    },
+    zIndex: {
+      type: Number,
+      value: 1,
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    height: 50,
+  },
+  methods: {
+    updateChildren() {
+      const { children } = this;
+      if (!Array.isArray(children) || !children.length) {
+        return;
+      }
+      children.forEach((child) => child.updateFromParent());
+    },
+    setHeight() {
+      if (!this.data.fixed || !this.data.placeholder) {
+        return;
+      }
+      wx.nextTick(() => {
+        getRect(this, '.van-tabbar').then((res) => {
+          this.setData({ height: res.height });
+        });
+      });
+    },
+  },
+});
diff --git a/mini-app/src/vant/tabbar/index.json b/mini-app/src/vant/tabbar/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/tabbar/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/tabbar/index.wxml b/mini-app/src/vant/tabbar/index.wxml
new file mode 100644
index 000000000..43bb11111
--- /dev/null
+++ b/mini-app/src/vant/tabbar/index.wxml
@@ -0,0 +1,10 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="{{ border ? 'van-hairline--top-bottom' : '' }} {{ utils.bem('tabbar', { fixed, safe: safeAreaInsetBottom }) }} custom-class"
+  style="{{ zIndex ? 'z-index: ' + zIndex : '' }}"
+>
+  <slot />
+</view>
+
+<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;"></view>
diff --git a/mini-app/src/vant/tabbar/index.wxss b/mini-app/src/vant/tabbar/index.wxss
new file mode 100644
index 000000000..68195697d
--- /dev/null
+++ b/mini-app/src/vant/tabbar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-tabbar{display:-webkit-flex;display:flex;box-sizing:initial;width:100%;height:50px;height:var(--tabbar-height,50px);background-color:#fff;background-color:var(--tabbar-background-color,#fff)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)}
\ No newline at end of file
diff --git a/mini-app/src/vant/tabs/index.d.ts b/mini-app/src/vant/tabs/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/tabs/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/tabs/index.js b/mini-app/src/vant/tabs/index.js
new file mode 100644
index 000000000..642c98834
--- /dev/null
+++ b/mini-app/src/vant/tabs/index.js
@@ -0,0 +1,283 @@
+import { VantComponent } from '../common/component';
+import { touch } from '../mixins/touch';
+import {
+  getAllRect,
+  getRect,
+  groupSetData,
+  nextTick,
+  requestAnimationFrame,
+} from '../common/utils';
+import { isDef } from '../common/validator';
+VantComponent({
+  mixins: [touch],
+  classes: ['nav-class', 'tab-class', 'tab-active-class', 'line-class'],
+  relation: {
+    name: 'tab',
+    type: 'descendant',
+    current: 'tabs',
+    linked(target) {
+      target.index = this.children.length - 1;
+      this.updateTabs();
+    },
+    unlinked() {
+      this.children = this.children.map((child, index) => {
+        child.index = index;
+        return child;
+      });
+      this.updateTabs();
+    },
+  },
+  props: {
+    sticky: Boolean,
+    border: Boolean,
+    swipeable: Boolean,
+    titleActiveColor: String,
+    titleInactiveColor: String,
+    color: String,
+    animated: {
+      type: Boolean,
+      observer() {
+        this.children.forEach((child, index) =>
+          child.updateRender(index === this.data.currentIndex, this)
+        );
+      },
+    },
+    lineWidth: {
+      type: [String, Number],
+      value: 40,
+      observer: 'resize',
+    },
+    lineHeight: {
+      type: [String, Number],
+      value: -1,
+    },
+    active: {
+      type: [String, Number],
+      value: 0,
+      observer(name) {
+        if (name !== this.getCurrentName()) {
+          this.setCurrentIndexByName(name);
+        }
+      },
+    },
+    type: {
+      type: String,
+      value: 'line',
+    },
+    ellipsis: {
+      type: Boolean,
+      value: true,
+    },
+    duration: {
+      type: Number,
+      value: 0.3,
+    },
+    zIndex: {
+      type: Number,
+      value: 1,
+    },
+    swipeThreshold: {
+      type: Number,
+      value: 5,
+      observer(value) {
+        this.setData({
+          scrollable: this.children.length > value || !this.data.ellipsis,
+        });
+      },
+    },
+    offsetTop: {
+      type: Number,
+      value: 0,
+    },
+    lazyRender: {
+      type: Boolean,
+      value: true,
+    },
+  },
+  data: {
+    tabs: [],
+    scrollLeft: 0,
+    scrollable: false,
+    currentIndex: 0,
+    container: null,
+    skipTransition: true,
+    lineOffsetLeft: 0,
+  },
+  mounted() {
+    requestAnimationFrame(() => {
+      this.setData({
+        container: () => this.createSelectorQuery().select('.van-tabs'),
+      });
+      this.resize(true);
+      this.scrollIntoView();
+    });
+  },
+  methods: {
+    updateTabs() {
+      const { children = [], data } = this;
+      this.setData({
+        tabs: children.map((child) => child.data),
+        scrollable:
+          this.children.length > data.swipeThreshold || !data.ellipsis,
+      });
+      this.setCurrentIndexByName(data.active || this.getCurrentName());
+    },
+    trigger(eventName, child) {
+      const { currentIndex } = this.data;
+      const currentChild = child || this.children[currentIndex];
+      if (!isDef(currentChild)) {
+        return;
+      }
+      this.$emit(eventName, {
+        index: currentChild.index,
+        name: currentChild.getComputedName(),
+        title: currentChild.data.title,
+      });
+    },
+    onTap(event) {
+      const { index } = event.currentTarget.dataset;
+      const child = this.children[index];
+      if (child.data.disabled) {
+        this.trigger('disabled', child);
+      } else {
+        this.setCurrentIndex(index);
+        nextTick(() => {
+          this.trigger('click');
+        });
+      }
+    },
+    // correct the index of active tab
+    setCurrentIndexByName(name) {
+      const { children = [] } = this;
+      const matched = children.filter(
+        (child) => child.getComputedName() === name
+      );
+      if (matched.length) {
+        this.setCurrentIndex(matched[0].index);
+      }
+    },
+    setCurrentIndex(currentIndex) {
+      const { data, children = [] } = this;
+      if (
+        !isDef(currentIndex) ||
+        currentIndex >= children.length ||
+        currentIndex < 0
+      ) {
+        return;
+      }
+      groupSetData(this, () => {
+        children.forEach((item, index) => {
+          const active = index === currentIndex;
+          if (active !== item.data.active || !item.inited) {
+            item.updateRender(active, this);
+          }
+        });
+      });
+      if (currentIndex === data.currentIndex) {
+        return;
+      }
+      const shouldEmitChange = data.currentIndex !== null;
+      this.setData({ currentIndex });
+      nextTick(() => {
+        this.resize();
+        this.scrollIntoView();
+        this.trigger('input');
+        if (shouldEmitChange) {
+          this.trigger('change');
+        }
+      });
+    },
+    getCurrentName() {
+      const activeTab = this.children[this.data.currentIndex];
+      if (activeTab) {
+        return activeTab.getComputedName();
+      }
+    },
+    resize(skipTransition = false) {
+      if (this.data.type !== 'line') {
+        return;
+      }
+      const { currentIndex, ellipsis } = this.data;
+      Promise.all([
+        getAllRect(this, '.van-tab'),
+        getRect(this, '.van-tabs__line'),
+      ]).then(([rects = [], lineRect]) => {
+        const rect = rects[currentIndex];
+        if (rect == null) {
+          return;
+        }
+        let lineOffsetLeft = rects
+          .slice(0, currentIndex)
+          .reduce((prev, curr) => prev + curr.width, 0);
+        lineOffsetLeft +=
+          (rect.width - lineRect.width) / 2 + (ellipsis ? 0 : 8);
+        this.setData({
+          lineOffsetLeft,
+          skipTransition,
+        });
+      });
+    },
+    // scroll active tab into view
+    scrollIntoView() {
+      const { currentIndex, scrollable } = this.data;
+      if (!scrollable) {
+        return;
+      }
+      Promise.all([
+        getAllRect(this, '.van-tab'),
+        getRect(this, '.van-tabs__nav'),
+      ]).then(([tabRects, navRect]) => {
+        const tabRect = tabRects[currentIndex];
+        const offsetLeft = tabRects
+          .slice(0, currentIndex)
+          .reduce((prev, curr) => prev + curr.width, 0);
+        this.setData({
+          scrollLeft: offsetLeft - (navRect.width - tabRect.width) / 2,
+        });
+      });
+    },
+    onTouchScroll(event) {
+      this.$emit('scroll', event.detail);
+    },
+    onTouchStart(event) {
+      if (!this.data.swipeable) return;
+      this.touchStart(event);
+    },
+    onTouchMove(event) {
+      if (!this.data.swipeable) return;
+      this.touchMove(event);
+    },
+    // watch swipe touch end
+    onTouchEnd() {
+      if (!this.data.swipeable) return;
+      const { direction, deltaX, offsetX } = this;
+      const minSwipeDistance = 50;
+      if (direction === 'horizontal' && offsetX >= minSwipeDistance) {
+        const index = this.getAvaiableTab(deltaX);
+        if (index !== -1) {
+          this.setCurrentIndex(index);
+        }
+      }
+    },
+    getAvaiableTab(direction) {
+      const { tabs, currentIndex } = this.data;
+      const step = direction > 0 ? -1 : 1;
+      for (
+        let i = step;
+        currentIndex + i < tabs.length && currentIndex + i >= 0;
+        i += step
+      ) {
+        const index = currentIndex + i;
+        if (
+          index >= 0 &&
+          index < tabs.length &&
+          tabs[index] &&
+          !tabs[index].disabled
+        ) {
+          return index;
+        }
+      }
+      return -1;
+    },
+  },
+});
diff --git a/mini-app/src/vant/tabs/index.json b/mini-app/src/vant/tabs/index.json
new file mode 100644
index 000000000..19c0bc3a0
--- /dev/null
+++ b/mini-app/src/vant/tabs/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-info": "../info/index",
+    "van-sticky": "../sticky/index"
+  }
+}
diff --git a/mini-app/src/vant/tabs/index.wxml b/mini-app/src/vant/tabs/index.wxml
new file mode 100644
index 000000000..0dc346b2e
--- /dev/null
+++ b/mini-app/src/vant/tabs/index.wxml
@@ -0,0 +1,63 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="custom-class {{ utils.bem('tabs', [type]) }}">
+  <van-sticky
+    disabled="{{ !sticky }}"
+    z-index="{{ zIndex }}"
+    offset-top="{{ offsetTop }}"
+    container="{{ container }}"
+    bind:scroll="onTouchScroll"
+  >
+    <view class="{{ utils.bem('tabs__wrap', { scrollable }) }} {{ type === 'line' && border ? 'van-hairline--top-bottom' : '' }}">
+      <slot name="nav-left" />
+
+      <scroll-view
+        scroll-x="{{ scrollable }}"
+        scroll-with-animation
+        scroll-left="{{ scrollLeft }}"
+        class="{{ utils.bem('tabs__scroll', [type]) }}"
+        style="{{ color ? 'border-color: ' + color : '' }}"
+      >
+        <view class="{{ utils.bem('tabs__nav', [type, { complete: !ellipsis }]) }} nav-class" style="{{ computed.navStyle(color, type) }}">
+          <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ computed.lineStyle({ color, lineOffsetLeft, lineHeight, skipTransition, duration, lineWidth }) }}" />
+          <view
+            wx:for="{{ tabs }}"
+            wx:key="index"
+            data-index="{{ index }}"
+            class="{{ computed.tabClass(index === currentIndex, ellipsis) }} {{ utils.bem('tab', { active: index === currentIndex, disabled: item.disabled, complete: !ellipsis }) }}"
+            style="{{ computed.tabStyle({ active: index === currentIndex, ellipsis, color, type, disabled: item.disabled, titleActiveColor, titleInactiveColor, swipeThreshold, scrollable }) }}"
+            bind:tap="onTap"
+          >
+            <view class="{{ ellipsis ? 'van-ellipsis' : '' }}" style="{{ item.titleStyle }}">
+              {{ item.title }}
+              <van-info
+                wx:if="{{ item.info !== null || item.dot }}"
+                info="{{ item.info }}"
+                dot="{{ item.dot }}"
+                custom-class="van-tab__title__info"
+              />
+            </view>
+          </view>
+        </view>
+      </scroll-view>
+
+      <slot name="nav-right" />
+    </view>
+  </van-sticky>
+
+  <view
+    class="van-tabs__content"
+    bind:touchstart="onTouchStart"
+    bind:touchmove="onTouchMove"
+    bind:touchend="onTouchEnd"
+    bind:touchcancel="onTouchEnd"
+  >
+    <view
+      class="{{ utils.bem('tabs__track', [{ animated }]) }} van-tabs__track"
+      style="{{ computed.trackStyle({ duration, currentIndex, animated }) }}"
+    >
+      <slot />
+    </view>
+  </view>
+</view>
diff --git a/mini-app/src/vant/tabs/index.wxs b/mini-app/src/vant/tabs/index.wxs
new file mode 100644
index 000000000..a027c7b9c
--- /dev/null
+++ b/mini-app/src/vant/tabs/index.wxs
@@ -0,0 +1,82 @@
+/* eslint-disable */
+var utils = require('../wxs/utils.wxs');
+var style = require('../wxs/style.wxs');
+
+function tabClass(active, ellipsis) {
+  var classes = ['tab-class'];
+
+  if (active) {
+    classes.push('tab-active-class');
+  }
+
+  if (ellipsis) {
+    classes.push('van-ellipsis');
+  }
+
+  return classes.join(' ');
+}
+
+function tabStyle(data) {
+  var titleColor = data.active
+    ? data.titleActiveColor
+    : data.titleInactiveColor;
+
+  var ellipsis = data.scrollable && data.ellipsis;
+
+  // card theme color
+  if (data.type === 'card') {
+    return style({
+      'border-color': data.color,
+      'background-color': !data.disabled && data.active ? data.color : null,
+      color: titleColor || (!data.disabled && !data.active ? data.color : null),
+      'flex-basis': ellipsis ? 88 / data.swipeThreshold + '%' : null,
+    });
+  }
+
+  return style({
+    color: titleColor,
+    'flex-basis': ellipsis ? 88 / data.swipeThreshold + '%' : null,
+  });
+}
+
+function navStyle(color, type) {
+  return style({
+    'border-color': type === 'card' && color ? color : null,
+  });
+}
+
+function trackStyle(data) {
+  if (!data.animated) {
+    return '';
+  }
+
+  return style({
+    left: -100 * data.currentIndex + '%',
+    'transition-duration': data.duration + 's',
+    '-webkit-transition-duration': data.duration + 's',
+  });
+}
+
+function lineStyle(data) {
+  return style({
+    width: utils.addUnit(data.lineWidth),
+    transform: 'translateX(' + data.lineOffsetLeft + 'px)',
+    '-webkit-transform': 'translateX(' + data.lineOffsetLeft + 'px)',
+    'background-color': data.color,
+    height: data.lineHeight !== -1 ? utils.addUnit(data.lineHeight) : null,
+    'border-radius':
+      data.lineHeight !== -1 ? utils.addUnit(data.lineHeight) : null,
+    'transition-duration': !data.skipTransition ? data.duration + 's' : null,
+    '-webkit-transition-duration': !data.skipTransition
+      ? data.duration + 's'
+      : null,
+  });
+}
+
+module.exports = {
+  tabClass: tabClass,
+  tabStyle: tabStyle,
+  trackStyle: trackStyle,
+  lineStyle: lineStyle,
+  navStyle: navStyle,
+};
diff --git a/mini-app/src/vant/tabs/index.wxss b/mini-app/src/vant/tabs/index.wxss
new file mode 100644
index 000000000..d0449e6ac
--- /dev/null
+++ b/mini-app/src/vant/tabs/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-tabs{position:relative;-webkit-tap-highlight-color:transparent}.van-tabs__wrap{display:-webkit-flex;display:flex;overflow:hidden}.van-tabs__wrap--scrollable .van-tab{-webkit-flex:0 0 22%;flex:0 0 22%}.van-tabs__wrap--scrollable .van-tab--complete{-webkit-flex:1 0 auto!important;flex:1 0 auto!important;padding:0 12px}.van-tabs__wrap--scrollable .van-tabs__nav--complete{padding-right:8px;padding-left:8px}.van-tabs__scroll{background-color:#fff;background-color:var(--tabs-nav-background-color,#fff)}.van-tabs__scroll--line{box-sizing:initial;height:calc(100% + 15px)}.van-tabs__scroll--card{margin:0 16px;margin:0 var(--padding-md,16px)}.van-tabs__scroll::-webkit-scrollbar{display:none}.van-tabs__nav{position:relative;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none}.van-tabs__nav--card{box-sizing:border-box;height:30px;height:var(--tabs-card-height,30px);border:1px solid #ee0a24;border:var(--border-width-base,1px) solid var(--tabs-default-color,#ee0a24);border-radius:2px;border-radius:var(--border-radius-sm,2px)}.van-tabs__nav--card .van-tab{color:#ee0a24;color:var(--tabs-default-color,#ee0a24);line-height:28px;line-height:calc(var(--tabs-card-height, 30px) - var(--border-width-base, 1px)*2);border-right:1px solid #ee0a24;border-right:var(--border-width-base,1px) solid var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab:last-child{border-right:none}.van-tabs__nav--card .van-tab.van-tab--active{color:#fff;color:var(--white,#fff);background-color:#ee0a24;background-color:var(--tabs-default-color,#ee0a24)}.van-tabs__nav--card .van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tabs__line{position:absolute;bottom:0;left:0;z-index:1;height:3px;height:var(--tabs-bottom-bar-height,3px);border-radius:3px;border-radius:var(--tabs-bottom-bar-height,3px);background-color:#ee0a24;background-color:var(--tabs-bottom-bar-color,#ee0a24)}.van-tabs__track{position:relative;width:100%;height:100%}.van-tabs__track--animated{display:-webkit-flex;display:flex;transition-property:left}.van-tabs__content{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:44px;height:var(--tabs-line-height,44px)}.van-tabs--card .van-tabs__wrap{height:30px;height:var(--tabs-card-height,30px)}.van-tab{position:relative;-webkit-flex:1;flex:1;box-sizing:border-box;min-width:0;padding:0 5px;text-align:center;cursor:pointer;color:#646566;color:var(--tab-text-color,#646566);font-size:14px;font-size:var(--tab-font-size,14px);line-height:44px;line-height:var(--tabs-line-height,44px)}.van-tab--active{font-weight:500;font-weight:var(--font-weight-bold,500);color:#323233;color:var(--tab-active-text-color,#323233)}.van-tab--disabled{color:#c8c9cc;color:var(--tab-disabled-text-color,#c8c9cc)}.van-tab__title__info{position:relative!important;top:-1px!important;display:inline-block;-webkit-transform:translateX(0)!important;transform:translateX(0)!important}
\ No newline at end of file
diff --git a/mini-app/src/vant/tag/index.d.ts b/mini-app/src/vant/tag/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/tag/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/tag/index.js b/mini-app/src/vant/tag/index.js
new file mode 100644
index 000000000..49627a392
--- /dev/null
+++ b/mini-app/src/vant/tag/index.js
@@ -0,0 +1,21 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    size: String,
+    mark: Boolean,
+    color: String,
+    plain: Boolean,
+    round: Boolean,
+    textColor: String,
+    type: {
+      type: String,
+      value: 'default',
+    },
+    closeable: Boolean,
+  },
+  methods: {
+    onClose() {
+      this.$emit('close');
+    },
+  },
+});
diff --git a/mini-app/src/vant/tag/index.json b/mini-app/src/vant/tag/index.json
new file mode 100644
index 000000000..0a336c083
--- /dev/null
+++ b/mini-app/src/vant/tag/index.json
@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index"
+  }
+}
diff --git a/mini-app/src/vant/tag/index.wxml b/mini-app/src/vant/tag/index.wxml
new file mode 100644
index 000000000..16ab75087
--- /dev/null
+++ b/mini-app/src/vant/tag/index.wxml
@@ -0,0 +1,14 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  class="custom-class {{ utils.bem('tag', [type, size, { mark, plain, round }]) }}"
+  style="{{ color && !plain ? 'background-color: ' + color + ';' : '' }}{{ textColor || (color && plain) ? 'color: ' + (textColor || color) : '' }}"
+>
+  <slot />
+  <van-icon
+    wx:if="{{ closeable }}"
+    name="cross"
+    custom-class="van-tag__close"
+    bind:click="onClose"
+  />
+</view>
diff --git a/mini-app/src/vant/tag/index.wxss b/mini-app/src/vant/tag/index.wxss
new file mode 100644
index 000000000..46df0da04
--- /dev/null
+++ b/mini-app/src/vant/tag/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-tag{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:0 4px;padding:var(--tag-padding,0 4px);color:#fff;color:var(--tag-text-color,#fff);font-size:12px;font-size:var(--tag-font-size,12px);line-height:16px;line-height:var(--tag-line-height,16px);border-radius:2px;border-radius:var(--tag-border-radius,2px)}.van-tag--default{background-color:#969799;background-color:var(--tag-default-color,#969799)}.van-tag--default.van-tag--plain{color:#969799;color:var(--tag-default-color,#969799)}.van-tag--danger{background-color:#ee0a24;background-color:var(--tag-danger-color,#ee0a24)}.van-tag--danger.van-tag--plain{color:#ee0a24;color:var(--tag-danger-color,#ee0a24)}.van-tag--primary{background-color:#1989fa;background-color:var(--tag-primary-color,#1989fa)}.van-tag--primary.van-tag--plain{color:#1989fa;color:var(--tag-primary-color,#1989fa)}.van-tag--success{background-color:#07c160;background-color:var(--tag-success-color,#07c160)}.van-tag--success.van-tag--plain{color:#07c160;color:var(--tag-success-color,#07c160)}.van-tag--warning{background-color:#ff976a;background-color:var(--tag-warning-color,#ff976a)}.van-tag--warning.van-tag--plain{color:#ff976a;color:var(--tag-warning-color,#ff976a)}.van-tag--plain{background-color:#fff;background-color:var(--tag-plain-background-color,#fff)}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:2px 6px;padding:var(--tag-medium-padding,2px 6px)}.van-tag--large{padding:4px 8px;padding:var(--tag-large-padding,4px 8px);font-size:14px;font-size:var(--tag-large-font-size,14px);border-radius:4px;border-radius:var(--tag-large-border-radius,4px)}.van-tag--mark{border-radius:0 999px 999px 0;border-radius:0 var(--tag-round-border-radius,999px) var(--tag-round-border-radius,999px) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:999px;border-radius:var(--tag-round-border-radius,999px)}.van-tag__close{min-width:1em;margin-left:2px}
\ No newline at end of file
diff --git a/mini-app/src/vant/toast/index.d.ts b/mini-app/src/vant/toast/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/toast/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/toast/index.js b/mini-app/src/vant/toast/index.js
new file mode 100644
index 000000000..c4c2ed945
--- /dev/null
+++ b/mini-app/src/vant/toast/index.js
@@ -0,0 +1,29 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  props: {
+    show: Boolean,
+    mask: Boolean,
+    message: String,
+    forbidClick: Boolean,
+    zIndex: {
+      type: Number,
+      value: 1000,
+    },
+    type: {
+      type: String,
+      value: 'text',
+    },
+    loadingType: {
+      type: String,
+      value: 'circular',
+    },
+    position: {
+      type: String,
+      value: 'middle',
+    },
+  },
+  methods: {
+    // for prevent touchmove
+    noop() {},
+  },
+});
diff --git a/mini-app/src/vant/toast/index.json b/mini-app/src/vant/toast/index.json
new file mode 100644
index 000000000..9b1b78c4a
--- /dev/null
+++ b/mini-app/src/vant/toast/index.json
@@ -0,0 +1,9 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-loading": "../loading/index",
+    "van-overlay": "../overlay/index",
+    "van-transition": "../transition/index"
+  }
+}
diff --git a/mini-app/src/vant/toast/index.wxml b/mini-app/src/vant/toast/index.wxml
new file mode 100644
index 000000000..635e7d617
--- /dev/null
+++ b/mini-app/src/vant/toast/index.wxml
@@ -0,0 +1,33 @@
+<van-overlay
+  wx:if="{{ mask || forbidClick }}"
+  show="{{ show }}"
+  z-index="{{ zIndex }}"
+  custom-style="{{ mask ? '' : 'background-color: transparent;' }}"
+/>
+<van-transition
+  show="{{ show }}"
+  custom-style="z-index: {{ zIndex }}"
+  custom-class="van-toast__container"
+>
+  <view
+    class="van-toast van-toast--{{ type === 'text' ? 'text' : 'icon' }} van-toast--{{ position }}"
+    catch:touchmove="noop"
+  >
+    <!-- text only -->
+    <text wx:if="{{ type === 'text' }}">{{ message }}</text>
+
+    <!-- with icon -->
+    <block wx:else>
+      <van-loading
+        wx:if="{{ type === 'loading' }}"
+        color="white"
+        type="{{ loadingType }}"
+        custom-class="van-toast__loading"
+      />
+      <van-icon wx:else class="van-toast__icon" name="{{ type }}" />
+      <text wx:if="{{ message }}" class="van-toast__text">{{ message }}</text>
+    </block>
+
+    <slot />
+  </view>
+</van-transition>
diff --git a/mini-app/src/vant/toast/index.wxss b/mini-app/src/vant/toast/index.wxss
new file mode 100644
index 000000000..85dc7a8fb
--- /dev/null
+++ b/mini-app/src/vant/toast/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-toast{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:initial;color:#fff;color:var(--toast-text-color,#fff);font-size:14px;font-size:var(--toast-font-size,14px);line-height:20px;line-height:var(--toast-line-height,20px);white-space:pre-wrap;word-wrap:break-word;background-color:rgba(0,0,0,.7);background-color:var(--toast-background-color,rgba(0,0,0,.7));border-radius:8px;border-radius:var(--toast-border-radius,8px)}.van-toast__container{position:fixed;top:50%;left:50%;width:-webkit-fit-content;width:fit-content;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:70%;max-width:var(--toast-max-width,70%)}.van-toast--text{min-width:96px;min-width:var(--toast-text-min-width,96px);padding:8px 12px;padding:var(--toast-text-padding,8px 12px)}.van-toast--icon{width:88px;width:var(--toast-default-width,88px);min-height:88px;min-height:var(--toast-default-min-height,88px);padding:16px;padding:var(--toast-default-padding,16px)}.van-toast--icon .van-toast__icon{font-size:36px;font-size:var(--toast-icon-size,36px)}.van-toast--icon .van-toast__text{padding-top:8px}.van-toast__loading{margin:10px 0}.van-toast--top{-webkit-transform:translateY(-30vh);transform:translateY(-30vh)}.van-toast--bottom{-webkit-transform:translateY(30vh);transform:translateY(30vh)}
\ No newline at end of file
diff --git a/mini-app/src/vant/toast/toast.d.ts b/mini-app/src/vant/toast/toast.d.ts
new file mode 100644
index 000000000..1b2e209f2
--- /dev/null
+++ b/mini-app/src/vant/toast/toast.d.ts
@@ -0,0 +1,68 @@
+/// <reference types="miniprogram-api-typings" />
+declare type ToastMessage = string | number;
+interface ToastOptions {
+  show?: boolean;
+  type?: string;
+  mask?: boolean;
+  zIndex?: number;
+  context?:
+    | WechatMiniprogram.Component.TrivialInstance
+    | WechatMiniprogram.Page.TrivialInstance;
+  position?: string;
+  duration?: number;
+  selector?: string;
+  forbidClick?: boolean;
+  loadingType?: string;
+  message?: ToastMessage;
+  onClose?: () => void;
+}
+declare function Toast(
+  toastOptions: ToastOptions | ToastMessage
+):
+  | WechatMiniprogram.Component.Instance<
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      Record<string, any>,
+      false
+    >
+  | undefined;
+declare namespace Toast {
+  var loading: (
+    options: string | number | ToastOptions
+  ) =>
+    | WechatMiniprogram.Component.Instance<
+        Record<string, any>,
+        Record<string, any>,
+        Record<string, any>,
+        Record<string, any>,
+        false
+      >
+    | undefined;
+  var success: (
+    options: string | number | ToastOptions
+  ) =>
+    | WechatMiniprogram.Component.Instance<
+        Record<string, any>,
+        Record<string, any>,
+        Record<string, any>,
+        Record<string, any>,
+        false
+      >
+    | undefined;
+  var fail: (
+    options: string | number | ToastOptions
+  ) =>
+    | WechatMiniprogram.Component.Instance<
+        Record<string, any>,
+        Record<string, any>,
+        Record<string, any>,
+        Record<string, any>,
+        false
+      >
+    | undefined;
+  var clear: () => void;
+  var setDefaultOptions: (options: ToastOptions) => void;
+  var resetDefaultOptions: () => void;
+}
+export default Toast;
diff --git a/mini-app/src/vant/toast/toast.js b/mini-app/src/vant/toast/toast.js
new file mode 100644
index 000000000..4a1b63aa7
--- /dev/null
+++ b/mini-app/src/vant/toast/toast.js
@@ -0,0 +1,70 @@
+import { isObj } from '../common/validator';
+const defaultOptions = {
+  type: 'text',
+  mask: false,
+  message: '',
+  show: true,
+  zIndex: 1000,
+  duration: 2000,
+  position: 'middle',
+  forbidClick: false,
+  loadingType: 'circular',
+  selector: '#van-toast',
+};
+let queue = [];
+let currentOptions = Object.assign({}, defaultOptions);
+function parseOptions(message) {
+  return isObj(message) ? message : { message };
+}
+function getContext() {
+  const pages = getCurrentPages();
+  return pages[pages.length - 1];
+}
+function Toast(toastOptions) {
+  const options = Object.assign(
+    Object.assign({}, currentOptions),
+    parseOptions(toastOptions)
+  );
+  const context = options.context || getContext();
+  const toast = context.selectComponent(options.selector);
+  if (!toast) {
+    console.warn('未找到 van-toast 节点，请确认 selector 及 context 是否正确');
+    return;
+  }
+  delete options.context;
+  delete options.selector;
+  toast.clear = () => {
+    toast.setData({ show: false });
+    if (options.onClose) {
+      options.onClose();
+    }
+  };
+  queue.push(toast);
+  toast.setData(options);
+  clearTimeout(toast.timer);
+  if (options.duration != null && options.duration > 0) {
+    toast.timer = setTimeout(() => {
+      toast.clear();
+      queue = queue.filter((item) => item !== toast);
+    }, options.duration);
+  }
+  return toast;
+}
+const createMethod = (type) => (options) =>
+  Toast(Object.assign({ type }, parseOptions(options)));
+Toast.loading = createMethod('loading');
+Toast.success = createMethod('success');
+Toast.fail = createMethod('fail');
+Toast.clear = () => {
+  queue.forEach((toast) => {
+    toast.clear();
+  });
+  queue = [];
+};
+Toast.setDefaultOptions = (options) => {
+  Object.assign(currentOptions, options);
+};
+Toast.resetDefaultOptions = () => {
+  currentOptions = Object.assign({}, defaultOptions);
+};
+export default Toast;
diff --git a/mini-app/src/vant/transition/index.d.ts b/mini-app/src/vant/transition/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/transition/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/transition/index.js b/mini-app/src/vant/transition/index.js
new file mode 100644
index 000000000..0ebdef0d1
--- /dev/null
+++ b/mini-app/src/vant/transition/index.js
@@ -0,0 +1,13 @@
+import { VantComponent } from '../common/component';
+import { transition } from '../mixins/transition';
+VantComponent({
+  classes: [
+    'enter-class',
+    'enter-active-class',
+    'enter-to-class',
+    'leave-class',
+    'leave-active-class',
+    'leave-to-class',
+  ],
+  mixins: [transition(true)],
+});
diff --git a/mini-app/src/vant/transition/index.json b/mini-app/src/vant/transition/index.json
new file mode 100644
index 000000000..467ce2945
--- /dev/null
+++ b/mini-app/src/vant/transition/index.json
@@ -0,0 +1,3 @@
+{
+  "component": true
+}
diff --git a/mini-app/src/vant/transition/index.wxml b/mini-app/src/vant/transition/index.wxml
new file mode 100644
index 000000000..412e8afca
--- /dev/null
+++ b/mini-app/src/vant/transition/index.wxml
@@ -0,0 +1,8 @@
+<view
+  wx:if="{{ inited }}"
+  class="van-transition custom-class {{ classes }}"
+  style="-webkit-transition-duration:{{ currentDuration }}ms; transition-duration:{{ currentDuration }}ms; {{ display ? '' : 'display: none;' }} {{ customStyle }}"
+  bind:transitionend="onTransitionEnd"
+>
+  <slot />
+</view>
diff --git a/mini-app/src/vant/transition/index.wxss b/mini-app/src/vant/transition/index.wxss
new file mode 100644
index 000000000..d459f5c12
--- /dev/null
+++ b/mini-app/src/vant/transition/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-transition{transition-timing-function:ease}.van-fade-enter-active,.van-fade-leave-active{transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-fade-down-enter-active,.van-fade-down-leave-active,.van-fade-left-enter-active,.van-fade-left-leave-active,.van-fade-right-enter-active,.van-fade-right-leave-active,.van-fade-up-enter-active,.van-fade-up-leave-active{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-fade-up-enter,.van-fade-up-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:0}.van-fade-down-enter,.van-fade-down-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}.van-fade-left-enter,.van-fade-left-leave-to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.van-fade-right-enter,.van-fade-right-leave-to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.van-slide-down-enter-active,.van-slide-down-leave-active,.van-slide-left-enter-active,.van-slide-left-leave-active,.van-slide-right-enter-active,.van-slide-right-leave-active,.van-slide-up-enter-active,.van-slide-up-leave-active{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-slide-up-enter,.van-slide-up-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-slide-down-enter,.van-slide-down-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-slide-left-enter,.van-slide-left-leave-to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-slide-right-enter,.van-slide-right-leave-to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
\ No newline at end of file
diff --git a/mini-app/src/vant/tree-select/index.d.ts b/mini-app/src/vant/tree-select/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/tree-select/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/tree-select/index.js b/mini-app/src/vant/tree-select/index.js
new file mode 100644
index 000000000..9969d374d
--- /dev/null
+++ b/mini-app/src/vant/tree-select/index.js
@@ -0,0 +1,68 @@
+import { VantComponent } from '../common/component';
+VantComponent({
+  classes: [
+    'main-item-class',
+    'content-item-class',
+    'main-active-class',
+    'content-active-class',
+    'main-disabled-class',
+    'content-disabled-class',
+  ],
+  props: {
+    items: {
+      type: Array,
+      observer: 'updateSubItems',
+    },
+    activeId: null,
+    mainActiveIndex: {
+      type: Number,
+      value: 0,
+      observer: 'updateSubItems',
+    },
+    height: {
+      type: [Number, String],
+      value: 300,
+    },
+    max: {
+      type: Number,
+      value: Infinity,
+    },
+    selectedIcon: {
+      type: String,
+      value: 'success',
+    },
+  },
+  data: {
+    subItems: [],
+  },
+  methods: {
+    // 当一个子项被选择时
+    onSelectItem(event) {
+      const { item } = event.currentTarget.dataset;
+      const isArray = Array.isArray(this.data.activeId);
+      // 判断有没有超出右侧选择的最大数
+      const isOverMax = isArray && this.data.activeId.length >= this.data.max;
+      // 判断该项有没有被选中, 如果有被选中，则忽视是否超出的条件
+      const isSelected = isArray
+        ? this.data.activeId.indexOf(item.id) > -1
+        : this.data.activeId === item.id;
+      if (!item.disabled && (!isOverMax || isSelected)) {
+        this.$emit('click-item', item);
+      }
+    },
+    // 当一个导航被点击时
+    onClickNav(event) {
+      const index = event.detail;
+      const item = this.data.items[index];
+      if (!item.disabled) {
+        this.$emit('click-nav', { index });
+      }
+    },
+    // 更新子项列表
+    updateSubItems() {
+      const { items, mainActiveIndex } = this.data;
+      const { children = [] } = items[mainActiveIndex] || {};
+      this.setData({ subItems: children });
+    },
+  },
+});
diff --git a/mini-app/src/vant/tree-select/index.json b/mini-app/src/vant/tree-select/index.json
new file mode 100644
index 000000000..42991a2ad
--- /dev/null
+++ b/mini-app/src/vant/tree-select/index.json
@@ -0,0 +1,8 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-sidebar": "../sidebar/index",
+    "van-sidebar-item": "../sidebar-item/index"
+  }
+}
diff --git a/mini-app/src/vant/tree-select/index.wxml b/mini-app/src/vant/tree-select/index.wxml
new file mode 100644
index 000000000..2663e528d
--- /dev/null
+++ b/mini-app/src/vant/tree-select/index.wxml
@@ -0,0 +1,41 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="wxs" />
+
+<view
+  class="van-tree-select"
+  style="height: {{ utils.addUnit(height) }}"
+>
+  <scroll-view scroll-y class="van-tree-select__nav">
+    <van-sidebar active-key="{{ mainActiveIndex }}" bind:change="onClickNav" custom-class="van-tree-select__nav__inner">
+      <van-sidebar-item
+        wx:for="{{ items }}"
+        wx:key="index"
+        custom-class="main-item-class"
+        active-class="main-active-class"
+        disabled-class="main-disabled-class"
+        badge="{{ item.badge }}"
+        dot="{{ item.dot }}"
+        title="{{ item.text }}"
+        disabled="{{ item.disabled }}"
+      />
+    </van-sidebar>
+  </scroll-view>
+  <scroll-view scroll-y class="van-tree-select__content">
+    <slot name="content" />
+    <view
+      wx:for="{{ subItems }}"
+      wx:key="id"
+      class="van-ellipsis content-item-class {{ utils.bem('tree-select__item', { active: wxs.isActive(activeId, item.id), disabled: item.disabled }) }} {{ wxs.isActive(activeId, item.id) ? 'content-active-class' : '' }} {{ item.disabled ? 'content-disabled-class' : '' }}"
+      data-item="{{ item }}"
+      bind:tap="onSelectItem"
+    >
+      {{ item.text }}
+      <van-icon
+        wx:if="{{ wxs.isActive(activeId, item.id) }}"
+        name="{{ selectedIcon }}"
+        size="16px"
+        class="van-tree-select__selected"
+      />
+    </view>
+  </scroll-view>
+</view>
diff --git a/mini-app/src/vant/tree-select/index.wxs b/mini-app/src/vant/tree-select/index.wxs
new file mode 100644
index 000000000..b1cbb39b2
--- /dev/null
+++ b/mini-app/src/vant/tree-select/index.wxs
@@ -0,0 +1,12 @@
+/* eslint-disable */
+var array = require('../wxs/array.wxs');
+
+function isActive (activeList, itemId) {
+  if (array.isArray(activeList)) {
+    return activeList.indexOf(itemId) > -1;
+  }
+
+  return activeList === itemId;
+}
+
+module.exports.isActive = isActive;
diff --git a/mini-app/src/vant/tree-select/index.wxss b/mini-app/src/vant/tree-select/index.wxss
new file mode 100644
index 000000000..3f7cca67d
--- /dev/null
+++ b/mini-app/src/vant/tree-select/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-tree-select{position:relative;display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none;font-size:14px;font-size:var(--tree-select-font-size,14px)}.van-tree-select__nav{-webkit-flex:1;flex:1;background-color:#f7f8fa;background-color:var(--tree-select-nav-background-color,#f7f8fa);--sidebar-padding:12px 8px 12px 12px}.van-tree-select__nav__inner{width:100%!important;height:100%}.van-tree-select__content{-webkit-flex:2;flex:2;background-color:#fff;background-color:var(--tree-select-content-background-color,#fff)}.van-tree-select__item{position:relative;font-weight:700;padding:0 32px 0 16px;padding:0 32px 0 var(--padding-md,16px);line-height:44px;line-height:var(--tree-select-item-height,44px)}.van-tree-select__item--active{color:#ee0a24;color:var(--tree-select-item-active-color,#ee0a24)}.van-tree-select__item--disabled{color:#c8c9cc;color:var(--tree-select-item-disabled-color,#c8c9cc)}.van-tree-select__selected{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px;right:var(--padding-md,16px)}
\ No newline at end of file
diff --git a/mini-app/src/vant/uploader/index.d.ts b/mini-app/src/vant/uploader/index.d.ts
new file mode 100644
index 000000000..cb0ff5c3b
--- /dev/null
+++ b/mini-app/src/vant/uploader/index.d.ts
@@ -0,0 +1 @@
+export {};
diff --git a/mini-app/src/vant/uploader/index.js b/mini-app/src/vant/uploader/index.js
new file mode 100644
index 000000000..24c683c31
--- /dev/null
+++ b/mini-app/src/vant/uploader/index.js
@@ -0,0 +1,194 @@
+import { VantComponent } from '../common/component';
+import { isImageFile, chooseFile, isVideoFile } from './utils';
+import { chooseImageProps, chooseVideoProps } from './shared';
+import { isBoolean, isPromise } from '../common/validator';
+VantComponent({
+  props: Object.assign(
+    Object.assign(
+      {
+        disabled: Boolean,
+        multiple: Boolean,
+        uploadText: String,
+        useBeforeRead: Boolean,
+        afterRead: null,
+        beforeRead: null,
+        previewSize: {
+          type: null,
+          value: 80,
+        },
+        name: {
+          type: [Number, String],
+          value: '',
+        },
+        accept: {
+          type: String,
+          value: 'image',
+        },
+        fileList: {
+          type: Array,
+          value: [],
+          observer: 'formatFileList',
+        },
+        maxSize: {
+          type: Number,
+          value: Number.MAX_VALUE,
+        },
+        maxCount: {
+          type: Number,
+          value: 100,
+        },
+        deletable: {
+          type: Boolean,
+          value: true,
+        },
+        showUpload: {
+          type: Boolean,
+          value: true,
+        },
+        previewImage: {
+          type: Boolean,
+          value: true,
+        },
+        previewFullImage: {
+          type: Boolean,
+          value: true,
+        },
+        imageFit: {
+          type: String,
+          value: 'scaleToFill',
+        },
+        uploadIcon: {
+          type: String,
+          value: 'photograph',
+        },
+      },
+      chooseImageProps
+    ),
+    chooseVideoProps
+  ),
+  data: {
+    lists: [],
+    isInCount: true,
+  },
+  methods: {
+    formatFileList() {
+      const { fileList = [], maxCount } = this.data;
+      const lists = fileList.map((item) =>
+        Object.assign(Object.assign({}, item), {
+          isImage: isImageFile(item),
+          isVideo: isVideoFile(item),
+          deletable: isBoolean(item.deletable) ? item.deletable : true,
+        })
+      );
+      this.setData({ lists, isInCount: lists.length < maxCount });
+    },
+    getDetail(index) {
+      return {
+        name: this.data.name,
+        index: index == null ? this.data.fileList.length : index,
+      };
+    },
+    startUpload() {
+      const { maxCount, multiple, lists, disabled } = this.data;
+      if (disabled) return;
+      chooseFile(
+        Object.assign(Object.assign({}, this.data), {
+          maxCount: maxCount - lists.length,
+        })
+      )
+        .then((res) => {
+          this.onBeforeRead(multiple ? res : res[0]);
+        })
+        .catch((error) => {
+          this.$emit('error', error);
+        });
+    },
+    onBeforeRead(file) {
+      const { beforeRead, useBeforeRead } = this.data;
+      let res = true;
+      if (typeof beforeRead === 'function') {
+        res = beforeRead(file, this.getDetail());
+      }
+      if (useBeforeRead) {
+        res = new Promise((resolve, reject) => {
+          this.$emit(
+            'before-read',
+            Object.assign(Object.assign({ file }, this.getDetail()), {
+              callback: (ok) => {
+                ok ? resolve() : reject();
+              },
+            })
+          );
+        });
+      }
+      if (!res) {
+        return;
+      }
+      if (isPromise(res)) {
+        res.then((data) => this.onAfterRead(data || file));
+      } else {
+        this.onAfterRead(file);
+      }
+    },
+    onAfterRead(file) {
+      const { maxSize, afterRead } = this.data;
+      const oversize = Array.isArray(file)
+        ? file.some((item) => item.size > maxSize)
+        : file.size > maxSize;
+      if (oversize) {
+        this.$emit('oversize', Object.assign({ file }, this.getDetail()));
+        return;
+      }
+      if (typeof afterRead === 'function') {
+        afterRead(file, this.getDetail());
+      }
+      this.$emit('after-read', Object.assign({ file }, this.getDetail()));
+    },
+    deleteItem(event) {
+      const { index } = event.currentTarget.dataset;
+      this.$emit(
+        'delete',
+        Object.assign(Object.assign({}, this.getDetail(index)), {
+          file: this.data.fileList[index],
+        })
+      );
+    },
+    onPreviewImage(event) {
+      if (!this.data.previewFullImage) return;
+      const { index } = event.currentTarget.dataset;
+      const { lists } = this.data;
+      const item = lists[index];
+      wx.previewImage({
+        urls: lists.filter((item) => isImageFile(item)).map((item) => item.url),
+        current: item.url,
+        fail() {
+          wx.showToast({ title: '预览图片失败', icon: 'none' });
+        },
+      });
+    },
+    onPreviewVideo(event) {
+      if (!this.data.previewFullImage) return;
+      const { index } = event.currentTarget.dataset;
+      const { lists } = this.data;
+      wx.previewMedia({
+        sources: lists
+          .filter((item) => isVideoFile(item))
+          .map((item) =>
+            Object.assign(Object.assign({}, item), { type: 'video' })
+          ),
+        current: index,
+        fail() {
+          wx.showToast({ title: '预览视频失败', icon: 'none' });
+        },
+      });
+    },
+    onClickPreview(event) {
+      const { index } = event.currentTarget.dataset;
+      const item = this.data.lists[index];
+      this.$emit(
+        'click-preview',
+        Object.assign(Object.assign({}, item), this.getDetail(index))
+      );
+    },
+  },
+});
diff --git a/mini-app/src/vant/uploader/index.json b/mini-app/src/vant/uploader/index.json
new file mode 100644
index 000000000..e00a58870
--- /dev/null
+++ b/mini-app/src/vant/uploader/index.json
@@ -0,0 +1,7 @@
+{
+  "component": true,
+  "usingComponents": {
+    "van-icon": "../icon/index",
+    "van-loading": "../loading/index"
+  }
+}
diff --git a/mini-app/src/vant/uploader/index.wxml b/mini-app/src/vant/uploader/index.wxml
new file mode 100644
index 000000000..111e64c5e
--- /dev/null
+++ b/mini-app/src/vant/uploader/index.wxml
@@ -0,0 +1,80 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view class="van-uploader">
+  <view class="van-uploader__wrapper">
+    <!-- 预览样式 -->
+    <view
+      wx:if="{{ previewImage }}"
+      wx:for="{{ lists }}"
+      wx:key="index"
+      class="van-uploader__preview"
+      data-index="{{ index }}"
+      bindtap="onClickPreview"
+    >
+      <image
+        wx:if="{{ item.isImage }}"
+        mode="{{ imageFit }}"
+        src="{{ item.thumb || item.url }}"
+        alt="{{ item.name || ('图片' + index) }}"
+        class="van-uploader__preview-image"
+        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        data-index="{{ index }}"
+        bind:tap="onPreviewImage"
+      />
+      <video
+        wx:elif="{{ item.isVideo }}"
+        src="{{ item.url }}"
+        title="{{ item.name || ('视频' + index) }}"
+        poster="{{ item.thumb }}"
+        autoplay="{{ item.autoplay }}"
+        class="van-uploader__preview-image"
+        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        data-index="{{ index }}"
+        bind:tap="onPreviewVideo"
+      >
+      </video>
+      <view
+        wx:else
+        class="van-uploader__file"
+        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+      >
+        <van-icon name="description" class="van-uploader__file-icon" />
+        <view class="van-uploader__file-name van-ellipsis">{{ item.name || item.url }}</view>
+      </view>
+      <view
+        wx:if="{{ item.status === 'uploading' || item.status === 'failed' }}"
+        class="van-uploader__mask"
+      >
+       <van-icon wx:if="{{ item.status === 'failed' }}" name="close" class="van-uploader__mask-icon" />
+       <van-loading wx:else custom-class="van-uploader__loading" />
+       <text wx:if="{{ item.message }}" class="van-uploader__mask-message">{{ item.message }}</text>
+      </view>
+      <view
+        wx:if="{{ deletable && item.deletable }}"
+        data-index="{{ index }}"
+        class="van-uploader__preview-delete"
+        catch:tap="deleteItem"
+      >
+        <van-icon name="cross" class="van-uploader__preview-delete-icon" />
+      </view>
+    </view>
+
+    <!-- 上传样式 -->
+    <block wx:if="{{ isInCount }}">
+      <view class="van-uploader__slot" bindtap="startUpload">
+        <slot />
+      </view>
+
+      <!-- 默认上传样式 -->
+      <view
+        wx:if="{{ showUpload }}"
+        class="van-uploader__upload {{ disabled ? 'van-uploader__upload--disabled': ''}}"
+        style="width: {{ utils.addUnit(previewSize) }}; height: {{ utils.addUnit(previewSize) }};"
+        bindtap="startUpload"
+      >
+        <van-icon name="{{ uploadIcon }}" class="van-uploader__upload-icon" />
+        <text wx:if="{{ uploadText }}" class="van-uploader__upload-text">{{ uploadText }}</text>
+      </view>
+    </block>
+  </view>
+</view>
diff --git a/mini-app/src/vant/uploader/index.wxss b/mini-app/src/vant/uploader/index.wxss
new file mode 100644
index 000000000..5023d7164
--- /dev/null
+++ b/mini-app/src/vant/uploader/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.van-uploader__slot:empty{display:none}.van-uploader__slot:not(:empty)+.van-uploader__upload{display:none!important}.van-uploader__upload{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:80px;width:var(--uploader-size,80px);height:80px;height:var(--uploader-size,80px);margin:0 8px 8px 0;margin:0 var(--padding-xs,8px) var(--padding-xs,8px) 0;background-color:#f7f8fa;background-color:var(--uploader-upload-background-color,#f7f8fa)}.van-uploader__upload:active{background-color:#f2f3f5;background-color:var(--uploader-upload-active-color,#f2f3f5)}.van-uploader__upload-icon{color:#dcdee0;color:var(--uploader-icon-color,#dcdee0);font-size:24px;font-size:var(--uploader-icon-size,24px)}.van-uploader__upload-text{margin-top:8px;margin-top:var(--padding-xs,8px);color:#969799;color:var(--uploader-text-color,#969799);font-size:12px;font-size:var(--uploader-text-font-size,12px)}.van-uploader__upload--disabled{opacity:.5;opacity:var(--uploader-disabled-opacity,.5)}.van-uploader__preview{position:relative;cursor:pointer;margin:0 8px 8px 0;margin:0 var(--padding-xs,8px) var(--padding-xs,8px) 0}.van-uploader__preview-image{display:block;overflow:hidden;width:80px;width:var(--uploader-size,80px);height:80px;height:var(--uploader-size,80px)}.van-uploader__preview-delete{padding:0 0 8px 8px;padding:0 0 var(--padding-xs,8px) var(--padding-xs,8px)}.van-uploader__preview-delete,.van-uploader__preview-delete:after{position:absolute;top:0;right:0;width:14px;width:var(--uploader-delete-icon-size,14px);height:14px;height:var(--uploader-delete-icon-size,14px)}.van-uploader__preview-delete:after{content:"";background-color:rgba(0,0,0,.7);background-color:var(--uploader-delete-background-color,rgba(0,0,0,.7));border-radius:0 0 0 12px;border-radius:0 0 0 calc(var(--uploader-delete-icon-size, 14px) - 2px)}.van-uploader__preview-delete-icon{position:absolute;top:-2px;right:-2px;z-index:1;-webkit-transform:scale(.5);transform:scale(.5);font-size:16px;font-size:calc(var(--uploader-delete-icon-size, 14px) + 2px);color:#fff;color:var(--uploader-delete-color,#fff)}.van-uploader__file{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:80px;width:var(--uploader-size,80px);height:80px;height:var(--uploader-size,80px);background-color:#f7f8fa;background-color:var(--uploader-file-background-color,#f7f8fa)}.van-uploader__file-icon{color:#646566;color:var(--uploader-file-icon-color,#646566);font-size:20px;font-size:var(--uploader-file-icon-size,20px)}.van-uploader__file-name{box-sizing:border-box;width:100%;text-align:center;margin-top:8px;margin-top:var(--uploader-file-name-margin-top,8px);padding:0 4px;padding:var(--uploader-file-name-padding,0 4px);color:#646566;color:var(--uploader-file-name-text-color,#646566);font-size:12px;font-size:var(--uploader-file-name-font-size,12px)}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#fff;color:var(--white,#fff);background-color:rgba(50,50,51,.88);background-color:var(--uploader-mask-background-color,rgba(50,50,51,.88))}.van-uploader__mask-icon{font-size:22px;font-size:var(--uploader-mask-icon-size,22px)}.van-uploader__mask-message{margin-top:6px;padding:0 4px;padding:0 var(--padding-base,4px);font-size:12px;font-size:var(--uploader-mask-message-font-size,12px);line-height:14px;line-height:var(--uploader-mask-message-line-height,14px)}.van-uploader__loading{width:22px;width:var(--uploader-loading-icon-size,22px);height:22px;height:var(--uploader-loading-icon-size,22px);color:#fff!important;color:var(--uploader-loading-icon-color,#fff)!important}
\ No newline at end of file
diff --git a/mini-app/src/vant/uploader/shared.d.ts b/mini-app/src/vant/uploader/shared.d.ts
new file mode 100644
index 000000000..85d503487
--- /dev/null
+++ b/mini-app/src/vant/uploader/shared.d.ts
@@ -0,0 +1,28 @@
+export declare const chooseImageProps: {
+    sizeType: {
+        type: ArrayConstructor;
+        value: string[];
+    };
+    capture: {
+        type: ArrayConstructor;
+        value: string[];
+    };
+};
+export declare const chooseVideoProps: {
+    capture: {
+        type: ArrayConstructor;
+        value: string[];
+    };
+    compressed: {
+        type: BooleanConstructor;
+        value: boolean;
+    };
+    maxDuration: {
+        type: NumberConstructor;
+        value: number;
+    };
+    camera: {
+        type: StringConstructor;
+        value: string;
+    };
+};
diff --git a/mini-app/src/vant/uploader/shared.js b/mini-app/src/vant/uploader/shared.js
new file mode 100644
index 000000000..e097d74e5
--- /dev/null
+++ b/mini-app/src/vant/uploader/shared.js
@@ -0,0 +1,30 @@
+// props for choose image
+export const chooseImageProps = {
+  sizeType: {
+    type: Array,
+    value: ['original', 'compressed'],
+  },
+  capture: {
+    type: Array,
+    value: ['album', 'camera'],
+  },
+};
+// props for choose video
+export const chooseVideoProps = {
+  capture: {
+    type: Array,
+    value: ['album', 'camera'],
+  },
+  compressed: {
+    type: Boolean,
+    value: true,
+  },
+  maxDuration: {
+    type: Number,
+    value: 60,
+  },
+  camera: {
+    type: String,
+    value: 'back',
+  },
+};
diff --git a/mini-app/src/vant/uploader/utils.d.ts b/mini-app/src/vant/uploader/utils.d.ts
new file mode 100644
index 000000000..07b32d088
--- /dev/null
+++ b/mini-app/src/vant/uploader/utils.d.ts
@@ -0,0 +1,31 @@
+export interface File {
+  url: string;
+  size?: number;
+  name?: string;
+  type: string;
+  duration?: number;
+  time?: number;
+  isImage?: boolean;
+  isVideo?: boolean;
+}
+export declare function isImageFile(item: File): boolean;
+export declare function isVideoFile(item: File): boolean;
+export declare function chooseFile({
+  accept,
+  multiple,
+  capture,
+  compressed,
+  maxDuration,
+  sizeType,
+  camera,
+  maxCount,
+}: {
+  accept: any;
+  multiple: any;
+  capture: any;
+  compressed: any;
+  maxDuration: any;
+  sizeType: any;
+  camera: any;
+  maxCount: any;
+}): Promise<File | File[]>;
diff --git a/mini-app/src/vant/uploader/utils.js b/mini-app/src/vant/uploader/utils.js
new file mode 100644
index 000000000..bdd407916
--- /dev/null
+++ b/mini-app/src/vant/uploader/utils.js
@@ -0,0 +1,122 @@
+import { pickExclude } from '../common/utils';
+import { isImageUrl, isVideoUrl } from '../common/validator';
+export function isImageFile(item) {
+  if (item.isImage != null) {
+    return item.isImage;
+  }
+  if (item.type) {
+    return item.type === 'image';
+  }
+  if (item.url) {
+    return isImageUrl(item.url);
+  }
+  return false;
+}
+export function isVideoFile(item) {
+  if (item.isVideo != null) {
+    return item.isVideo;
+  }
+  if (item.type) {
+    return item.type === 'video';
+  }
+  if (item.url) {
+    return isVideoUrl(item.url);
+  }
+  return false;
+}
+function formatImage(res) {
+  return res.tempFiles.map((item) =>
+    Object.assign(Object.assign({}, pickExclude(item, ['path'])), {
+      type: 'image',
+      url: item.path,
+      thumb: item.path,
+    })
+  );
+}
+function formatVideo(res) {
+  return [
+    Object.assign(
+      Object.assign(
+        {},
+        pickExclude(res, ['tempFilePath', 'thumbTempFilePath', 'errMsg'])
+      ),
+      { type: 'video', url: res.tempFilePath, thumb: res.thumbTempFilePath }
+    ),
+  ];
+}
+function formatMedia(res) {
+  return res.tempFiles.map((item) =>
+    Object.assign(
+      Object.assign(
+        {},
+        pickExclude(item, ['fileType', 'thumbTempFilePath', 'tempFilePath'])
+      ),
+      {
+        type: res.type,
+        url: item.tempFilePath,
+        thumb:
+          res.type === 'video' ? item.thumbTempFilePath : item.tempFilePath,
+      }
+    )
+  );
+}
+function formatFile(res) {
+  return res.tempFiles.map((item) =>
+    Object.assign(Object.assign({}, pickExclude(item, ['path'])), {
+      url: item.path,
+    })
+  );
+}
+export function chooseFile({
+  accept,
+  multiple,
+  capture,
+  compressed,
+  maxDuration,
+  sizeType,
+  camera,
+  maxCount,
+}) {
+  return new Promise((resolve, reject) => {
+    switch (accept) {
+      case 'image':
+        wx.chooseImage({
+          count: multiple ? Math.min(maxCount, 9) : 1,
+          sourceType: capture,
+          sizeType,
+          success: (res) => resolve(formatImage(res)),
+          fail: reject,
+        });
+        break;
+      case 'media':
+        wx.chooseMedia({
+          count: multiple ? Math.min(maxCount, 9) : 1,
+          sourceType: capture,
+          maxDuration,
+          sizeType,
+          camera,
+          success: (res) => resolve(formatMedia(res)),
+          fail: reject,
+        });
+        break;
+      case 'video':
+        wx.chooseVideo({
+          sourceType: capture,
+          compressed,
+          maxDuration,
+          camera,
+          success: (res) => resolve(formatVideo(res)),
+          fail: reject,
+        });
+        break;
+      default:
+        wx.chooseMessageFile({
+          count: multiple ? maxCount : 1,
+          type: accept,
+          success: (res) => resolve(formatFile(res)),
+          fail: reject,
+        });
+        break;
+    }
+  });
+}
diff --git a/mini-app/src/vant/wxs/add-unit.wxs b/mini-app/src/vant/wxs/add-unit.wxs
new file mode 100644
index 000000000..52f18b558
--- /dev/null
+++ b/mini-app/src/vant/wxs/add-unit.wxs
@@ -0,0 +1,12 @@
+/* eslint-disable */
+var REGEXP = getRegExp('^\d+(\.\d+)?$');
+
+function addUnit(value) {
+  if (value == null) {
+    return undefined;
+  }
+
+  return REGEXP.test('' + value) ? value + 'px' : value;
+}
+
+module.exports = addUnit;
diff --git a/mini-app/src/vant/wxs/array.wxs b/mini-app/src/vant/wxs/array.wxs
new file mode 100644
index 000000000..610089cd5
--- /dev/null
+++ b/mini-app/src/vant/wxs/array.wxs
@@ -0,0 +1,5 @@
+function isArray(array) {
+  return array && array.constructor === 'Array';
+}
+
+module.exports.isArray = isArray;
diff --git a/mini-app/src/vant/wxs/bem.wxs b/mini-app/src/vant/wxs/bem.wxs
new file mode 100644
index 000000000..1efa129ee
--- /dev/null
+++ b/mini-app/src/vant/wxs/bem.wxs
@@ -0,0 +1,39 @@
+/* eslint-disable */
+var array = require('./array.wxs');
+var object = require('./object.wxs');
+var PREFIX = 'van-';
+
+function join(name, mods) {
+  name = PREFIX + name;
+  mods = mods.map(function(mod) {
+    return name + '--' + mod;
+  });
+  mods.unshift(name);
+  return mods.join(' ');
+}
+
+function traversing(mods, conf) {
+  if (!conf) {
+    return;
+  }
+
+  if (typeof conf === 'string' || typeof conf === 'number') {
+    mods.push(conf);
+  } else if (array.isArray(conf)) {
+    conf.forEach(function(item) {
+      traversing(mods, item);
+    });
+  } else if (typeof conf === 'object') {
+    object.keys(conf).forEach(function(key) {
+      conf[key] && mods.push(key);
+    });
+  }
+}
+
+function bem(name, conf) {
+  var mods = [];
+  traversing(mods, conf);
+  return join(name, mods);
+}
+
+module.exports = bem;
diff --git a/mini-app/src/vant/wxs/memoize.wxs b/mini-app/src/vant/wxs/memoize.wxs
new file mode 100644
index 000000000..8f7f46dd2
--- /dev/null
+++ b/mini-app/src/vant/wxs/memoize.wxs
@@ -0,0 +1,55 @@
+/**
+ * Simple memoize
+ * wxs doesn't support fn.apply, so this memoize only support up to 2 args
+ */
+/* eslint-disable */
+
+function isPrimitive(value) {
+  var type = typeof value;
+  return (
+    type === 'boolean' ||
+    type === 'number' ||
+    type === 'string' ||
+    type === 'undefined' ||
+    value === null
+  );
+}
+
+// mock simple fn.call in wxs
+function call(fn, args) {
+  if (args.length === 2) {
+    return fn(args[0], args[1]);
+  }
+
+  if (args.length === 1) {
+    return fn(args[0]);
+  }
+
+  return fn();
+}
+
+function serializer(args) {
+  if (args.length === 1 && isPrimitive(args[0])) {
+    return args[0];
+  }
+  var obj = {};
+  for (var i = 0; i < args.length; i++) {
+    obj['key' + i] = args[i];
+  }
+  return JSON.stringify(obj);
+}
+
+function memoize(fn) {
+  var cache = {};
+
+  return function() {
+    var key = serializer(arguments);
+    if (cache[key] === undefined) {
+      cache[key] = call(fn, arguments);
+    }
+
+    return cache[key];
+  };
+}
+
+module.exports = memoize;
diff --git a/mini-app/src/vant/wxs/object.wxs b/mini-app/src/vant/wxs/object.wxs
new file mode 100644
index 000000000..e07710776
--- /dev/null
+++ b/mini-app/src/vant/wxs/object.wxs
@@ -0,0 +1,13 @@
+/* eslint-disable */
+var REGEXP = getRegExp('{|}|"', 'g');
+
+function keys(obj) {
+  return JSON.stringify(obj)
+    .replace(REGEXP, '')
+    .split(',')
+    .map(function(item) {
+      return item.split(':')[0];
+    });
+}
+
+module.exports.keys = keys;
diff --git a/mini-app/src/vant/wxs/style.wxs b/mini-app/src/vant/wxs/style.wxs
new file mode 100644
index 000000000..3139cde4a
--- /dev/null
+++ b/mini-app/src/vant/wxs/style.wxs
@@ -0,0 +1,32 @@
+/* eslint-disable */
+var object = require('./object.wxs');
+var array = require('./array.wxs');
+
+function style(styles) {
+  if (array.isArray(styles)) {
+    return styles
+      .filter(function (item) {
+        return item != null;
+      })
+      .map(function (item) {
+        return style(item);
+      })
+      .join(';');
+  }
+
+  if ('Object' === styles.constructor) {
+    return object
+      .keys(styles)
+      .filter(function (key) {
+        return styles[key] != null;
+      })
+      .map(function (key) {
+        return [key, [styles[key]]].join(':');
+      })
+      .join(';');
+  }
+
+  return styles;
+}
+
+module.exports = style;
diff --git a/mini-app/src/vant/wxs/utils.wxs b/mini-app/src/vant/wxs/utils.wxs
new file mode 100644
index 000000000..f66d33a42
--- /dev/null
+++ b/mini-app/src/vant/wxs/utils.wxs
@@ -0,0 +1,10 @@
+/* eslint-disable */
+var bem = require('./bem.wxs');
+var memoize = require('./memoize.wxs');
+var addUnit = require('./add-unit.wxs');
+
+module.exports = {
+  bem: memoize(bem),
+  memoize: memoize,
+  addUnit: addUnit
+};
diff --git a/mini-app/src/xiao4rBase.js b/mini-app/src/xiao4rBase.js
new file mode 100644
index 000000000..afffb93bf
--- /dev/null
+++ b/mini-app/src/xiao4rBase.js
@@ -0,0 +1,25 @@
+
+import store from '@/store'
+
+class Xiao4rBase {
+  saveOpenid(openid) {
+    wx.setStorageSync('openid', openid)
+    store.dispatch('setOpenidAction', openid)
+  }
+
+  getOpenid() {
+    return wx.getStorageSync('openid')
+  }
+
+  navigateTo(url) {
+    wx.navigateTo({
+      url: url
+    })
+  }
+
+  showToast(msg) {
+    wx.showToast({title: msg, icon: 'none'})
+  }
+}
+
+export default new Xiao4rBase()
diff --git a/mini-app/static/.gitignore b/mini-app/static/.gitignore
new file mode 100644
index 000000000..e69de29bb
diff --git a/mini-app/static/img/index/head.png b/mini-app/static/img/index/head.png
new file mode 100644
index 000000000..578b0df45
Binary files /dev/null and b/mini-app/static/img/index/head.png differ
diff --git a/mini-app/weapp/apis/userApis.js b/mini-app/weapp/apis/userApis.js
new file mode 100644
index 000000000..7723783c5
--- /dev/null
+++ b/mini-app/weapp/apis/userApis.js
@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _request = _interopRequireDefault(require('./../js/request.js'));
+
+var _xiao4rApis = require('./xiao4rApis.js');
+
+var _config = require('./../config.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+/**
+ * 用户相关接口
+ */
+var UserApis = /*#__PURE__*/function () {
+  function UserApis() {
+    _classCallCheck(this, UserApis);
+  }
+
+  _createClass(UserApis, [{
+    key: "registrationByMini",
+
+    /**
+     * 注册
+     * @param data
+     * @returns {Promise实例对象}
+     */
+    value: function registrationByMini(data) {
+      data.deptId = _config.MINI_DEPTID;
+      return _request["default"].post({
+        url: _xiao4rApis.baseUrl + 'mini/user/registrationByMini',
+        data: data
+      });
+    }
+    /**
+     * 登录
+     * @param data
+     * @returns {Promise实例对象}
+     */
+
+  }, {
+    key: "loginByMini",
+    value: function loginByMini(data) {
+      data.deptId = _config.MINI_DEPTID;
+      return _request["default"].post({
+        url: _xiao4rApis.baseUrl + 'mini/user/loginByMini',
+        data: data
+      });
+    }
+  }, {
+    key: "getSession",
+    value: function getSession(code) {
+      return _request["default"].get({
+        url: _xiao4rApis.baseUrl + 'mini/user/getSession',
+        header: _xiao4rApis.formHeader,
+        data: {
+          'code': code,
+          'deptId': _config.MINI_DEPTID
+        }
+      });
+    }
+  }, {
+    key: "sendMobile",
+    value: function sendMobile(data) {
+      data.deptId = _config.MINI_DEPTID;
+      return _request["default"].post({
+        url: _xiao4rApis.baseUrl + 'mini/user/sendMobile',
+        header: _xiao4rApis.jsonHeader,
+        data: data
+      });
+    }
+  }, {
+    key: "getAuthTest",
+    value: function getAuthTest(data) {
+      return _request["default"].get({
+        url: _xiao4rApis.baseUrl + 'mini/user/test',
+        header: _xiao4rApis.formHeader,
+        data: data
+      });
+    }
+  }]);
+
+  return UserApis;
+}();
+
+var _default = new UserApis();
+
+exports["default"] = _default;
\ No newline at end of file
diff --git a/mini-app/weapp/apis/xiao4rApis.js b/mini-app/weapp/apis/xiao4rApis.js
new file mode 100644
index 000000000..698b0e2e9
--- /dev/null
+++ b/mini-app/weapp/apis/xiao4rApis.js
@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.formHeader = exports.jsonHeader = exports.baseUrl = void 0;
+
+var _request = _interopRequireDefault(require('./../js/request.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+var baseUrl = 'http://127.0.0.1:18989/winery/'; // export const baseUrl = 'http://36.1.50.18:18989/winery/'
+// export const baseUrl = 'http://62.234.123.172:18989/api/'
+// export const baseUrl = 'https://www.xiao4r.com/wine/winery/'
+
+exports.baseUrl = baseUrl;
+var jsonHeader = {
+  'Content-Type': 'application/json'
+};
+exports.jsonHeader = jsonHeader;
+var formHeader = {
+  'Content-Type': 'application/x-www-form-urlencoded'
+};
+/**
+ * 接口
+ */
+
+exports.formHeader = formHeader;
+
+var Xiao4rApis = /*#__PURE__*/function () {
+  function Xiao4rApis() {
+    _classCallCheck(this, Xiao4rApis);
+  }
+
+  _createClass(Xiao4rApis, [{
+    key: "postForm",
+    value: function postForm(data) {
+      return _request["default"].post({
+        url: baseUrl + 'mini/postForm',
+        header: jsonHeader,
+        data: data
+      });
+    }
+  }, {
+    key: "getForm",
+    value: function getForm(data) {
+      return _request["default"].get({
+        url: baseUrl + 'mini/getForm',
+        header: formHeader,
+        data: data
+      });
+    }
+  }]);
+
+  return Xiao4rApis;
+}();
+
+var _default = new Xiao4rApis();
+
+exports["default"] = _default;
\ No newline at end of file
diff --git a/mini-app/weapp/app.js b/mini-app/weapp/app.js
new file mode 100644
index 000000000..6b5d95c2b
--- /dev/null
+++ b/mini-app/weapp/app.js
@@ -0,0 +1,49 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./common/eventHub.js'));
+
+var _x = _interopRequireDefault(require('./vendor.js')(2));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].use(_x["default"]);
+
+_core["default"].app({
+  hooks: {
+    // App 级别 hook，对整个 App 生效
+    // 同时存在 Page hook 和 App hook 时，优先执行 Page hook，返回值再交由 App hook 处
+    'before-setData': function beforeSetData(dirty) {
+      console.log('setData dirty: ', dirty);
+      return dirty;
+    }
+  },
+  globalData: {
+    userInfo: null
+  },
+  onLaunch: function onLaunch() {
+    // this.testAsync()
+    _eventHub["default"].$on('app-launch', function () {
+      console.log('app-launch event emitted, the params are:');
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      console.log(args);
+    });
+  },
+  methods: {// sleep(s) {
+    //   return new Promise((resolve, reject) => {
+    //     setTimeout(() => {
+    //       resolve('promise resolved')
+    //     }, s * 1000)
+    //   })
+    // },
+    // async testAsync() {
+    //   let d = await this.sleep(3)
+    //   console.log(d)
+    // }
+  }
+}, {info: {"noPromiseAPI":["createSelectorQuery"]}, handlers: {}, models: {}, refs: undefined }, {info: {"noPromiseAPI":["createSelectorQuery"]}, handlers: {}, models: {}, refs: undefined }, {info: {"noPromiseAPI":["createSelectorQuery"]}, handlers: {}, models: {}, refs: undefined }, {info: {"noPromiseAPI":["createSelectorQuery"]}, handlers: {}, models: {}, refs: undefined }, {info: {"noPromiseAPI":["createSelectorQuery"]}, handlers: {}, models: {}, refs: undefined }, {info: {"noPromiseAPI":["createSelectorQuery"]}, handlers: {}, models: {}, refs: undefined }, {info: {"noPromiseAPI":["createSelectorQuery"]}, handlers: {}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/app.json b/mini-app/weapp/app.json
new file mode 100644
index 000000000..782d7f7f4
--- /dev/null
+++ b/mini-app/weapp/app.json
@@ -0,0 +1,53 @@
+{
+  "pages": [
+    "pages/index",
+    "pages/form1",
+    "pages/form2",
+    "pages/form3",
+    "pages/form4",
+    "pages/form5",
+    "pages/form6",
+    "pages/mall/index",
+    "pages/mall/goods-detail"
+  ],
+  "navigateToMiniProgramAppIdList": [
+    "wx88736d7d39e2eda6"
+  ],
+  "window": {
+    "backgroundTextStyle": "light",
+    "navigationBarBackgroundColor": "#fff",
+    "navigationBarTitleText": "WeChat",
+    "navigationBarTextStyle": "white",
+    "navigationStyle": "custom"
+  },
+  "usingComponents": {
+    "nav-bar": "./components/nav-bar",
+    "van-button": "./vant/button/index",
+    "van-divider": "./vant/divider/index",
+    "van-field": "./vant/field/index",
+    "van-radio": "./vant/radio/index",
+    "van-radio-group": "./vant/radio-group/index",
+    "van-checkbox": "./vant/checkbox/index",
+    "van-checkbox-group": "./vant/checkbox-group/index",
+    "van-cell": "./vant/cell/index",
+    "van-cell-group": "./vant/cell-group/index",
+    "van-datetime-picker": "./vant/datetime-picker/index",
+    "van-nav-bar": "./vant/nav-bar/index",
+    "van-icon": "./vant/icon/index",
+    "van-steps": "./vant/steps/index",
+    "van-row": "./vant/row/index",
+    "van-col": "./vant/col/index",
+    "van-tabbar": "./vant/tabbar/index",
+    "van-tabbar-item": "./vant/tabbar-item/index",
+    "van-card": "./vant/card/index",
+    "van-popup": "./vant/popup/index",
+    "van-stepper": "./vant/stepper/index",
+    "van-submit-bar": "./vant/submit-bar/index",
+    "van-panel": "./vant/panel/index",
+    "van-grid": "./vant/grid/index",
+    "van-grid-item": "./vant/grid-item/index",
+    "van-dialog": "./vant/dialog/index",
+    "van-image": "./vant/image/index"
+  },
+  "sitemapLocation": "sitemap.json"
+}
\ No newline at end of file
diff --git a/mini-app/weapp/app.wxss b/mini-app/weapp/app.wxss
new file mode 100644
index 000000000..8733f135f
--- /dev/null
+++ b/mini-app/weapp/app.wxss
@@ -0,0 +1,32 @@
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+.buttonColor {
+  background: #AC1630;
+  color: #fff;
+}
+.buttonColor-cancel {
+  background: #fff;
+  color: #333;
+}
+.background-color {
+  background: #AC1630;
+}
+.cell-title {
+  padding: 10px 16px;
+  font-weight: bold;
+}
+.cell {
+  margin-top: 10px;
+}
+.boom {
+  background-color: #F0F1F2;
+  width: 100%;
+  height: 15px;
+}
+
diff --git a/mini-app/weapp/common/eventHub.js b/mini-app/weapp/common/eventHub.js
new file mode 100644
index 000000000..1b9c45704
--- /dev/null
+++ b/mini-app/weapp/common/eventHub.js
@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var eventHub = new _core["default"]();
+var _default = eventHub;
+exports["default"] = _default;
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-bbs.js b/mini-app/weapp/components/mall/mall-bbs.js
new file mode 100644
index 000000000..41e999a71
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-bbs.js
@@ -0,0 +1,232 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].component({
+  store: _store["default"],
+  hooks: {},
+  data: {
+    user: _store["default"].state.user,
+    list: [],
+    isShowInput: false
+  },
+  computed: {},
+  methods: {
+    onReply: function onReply(item) {
+      console.log(item);
+      this.isShowInput = true;
+    },
+    onCloseInput: function onCloseInput() {
+      this.isShowInput = false;
+    },
+    onConfirmInput: function onConfirmInput() {
+      this.isShowInput = false;
+    }
+  },
+  ready: function ready() {
+    console.log('user:', this.user);
+
+    for (var i = 0; i < 10; i++) {
+      this.list.push({
+        title: '标题',
+        user: '用户1',
+        context: '长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论长篇大论'
+      });
+    }
+  }
+}, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'84-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onReply(item);
+  })();
+}},'84-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseInput.apply(_vm, $args || [$event]);
+  })();
+}, "confirm": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onConfirmInput.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-bbs.json b/mini-app/weapp/components/mall/mall-bbs.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-bbs.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-bbs.wxml b/mini-app/weapp/components/mall/mall-bbs.wxml
new file mode 100644
index 000000000..92326f5e5
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-bbs.wxml
@@ -0,0 +1,39 @@
+
+<view style="padding: 10px;">
+
+  <van-row>
+    <van-col span="8">
+      <van-image src></van-image>
+    </van-col>
+    <van-col span="8">span: 8</van-col>
+  </van-row>
+
+  <van-panel wx:for="{{ list }}" wx:for-index="index" wx:for-item="item" wx:key="index" key="{{ index }}" title="{{ item.user }}" desc="三星客户" status=" " use-footer-slot>
+    <view style="display: flex;font-size: 14px;">{{item.context}}</view>
+
+    <van-grid column-num="3" border="{{ false }}">
+      <van-grid-item use-slot wx:for="{{ 3 }}" wx:for-item="index">
+        <image src="https://img.yzcdn.cn/vant/apple-{{ index + 1 }}.jpg" style="width: 100%; height: 90px;"></image>
+      </van-grid-item>
+    </van-grid>
+
+    <van-divider></van-divider>
+    <view style="display: flex;font-size: 14px;">
+      <label style="color: cornflowerblue;">用户xxx<label style="color: #333333;">的回复: 内容很牛逼，挺内容很牛逼，挺内容很牛逼，挺内容很牛逼，挺内容很牛逼，挺</label></label>
+
+    </view>
+    <view slot="footer">
+      <view style="display: flex;justify-content: flex-end;">
+        <van-button wx:if="{{ true }}" size="small">删除</van-button>
+        <van-button wx:if="{{ true }}" size="small" type="danger" style="margin-left: 10px;">编辑</van-button>
+        <van-button size="small" type="danger" data-wpy-evt="84-0" bind:tap="__dispatcher" data-wpytap-a="{{ item }}" style="margin-left: 10px;">回复</van-button>
+      </view>
+    </view>
+  </van-panel>
+
+
+  <van-dialog use-slot title="标题" show="{{ isShowInput }}" show-cancel-button data-wpy-evt="84-1" bind:close="__dispatcher" bind:confirm="__dispatcher">
+    <image src="https://img.yzcdn.cn/1.jpg"></image>
+  </van-dialog>
+
+</view>
diff --git a/mini-app/weapp/components/mall/mall-bbs.wxss b/mini-app/weapp/components/mall/mall-bbs.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-bbs.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/components/mall/mall-car.js b/mini-app/weapp/components/mall/mall-car.js
new file mode 100644
index 000000000..7ffb28cf2
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-car.js
@@ -0,0 +1,267 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].component({
+  store: _store["default"],
+  hooks: {},
+  data: {
+    active: 0,
+    checked: false,
+    list: [],
+    selectedList: [],
+    isAllSelect: false,
+    price: 10000
+  },
+  computed: {},
+  methods: {
+    onChangeSelect: function onChangeSelect(e) {
+      this.selectedList = e.$wx.detail;
+      this.isAllSelect = this.selectedList.length === this.list.length;
+    },
+    onAllSelect: function onAllSelect(e) {
+      this.isAllSelect = e.$wx.detail;
+
+      if (this.isAllSelect) {
+        this.selectedList = this.list.map(function (x) {
+          return x.id;
+        });
+      } else {
+        this.selectedList = [];
+      }
+    },
+    onSubmit: function onSubmit() {// 订单提交
+    }
+  },
+  ready: function ready() {
+    for (var i = 0; i < 15; i++) {
+      this.list.push({
+        id: i + '',
+        name: '商品',
+        price: 599
+      });
+    }
+  }
+}, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'85-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSelect.apply(_vm, $args || [$event]);
+  })();
+}},'85-1': {"submit": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onSubmit.apply(_vm, $args || [$event]);
+  })();
+}},'85-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onAllSelect.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-car.json b/mini-app/weapp/components/mall/mall-car.json
new file mode 100644
index 000000000..086ed892c
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-car.json
@@ -0,0 +1,7 @@
+{
+    "navigationBarTitleText": "",
+    "styleIsolation": "shared",
+    "addGlobalClass": true,
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-car.wxml b/mini-app/weapp/components/mall/mall-car.wxml
new file mode 100644
index 000000000..37c29a43b
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-car.wxml
@@ -0,0 +1,21 @@
+
+
+
+<view style="padding: 0 10px 110px 0;background: #fafafa;">
+  <van-checkbox-group value="{{ selectedList }}" data-wpy-evt="85-0" bind:change="__dispatcher">
+    <view wx:for="{{ list }}" wx:for-index="index" wx:for-item="item" wx:key="index" key="{{ index }}" style="margin-top: 10px;border: #fafafa 1px solid; border-radius: 10px;">
+      <van-card price="{{ item.price/100 }}" desc="描述信息" title="商品标题" nun="n">
+        <view slot="thumb">
+          <view style="display: inline-flex;align-items: center;margin-top: 12px;">
+            <van-checkbox name="{{ item.id }}"></van-checkbox>
+            <image src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg" class="van-card__thumb"></image>
+          </view>
+        </view>
+      </van-card>
+    </view>
+  </van-checkbox-group>
+
+  <van-submit-bar price="{{ price }}" button-text="提交订单" button-class="submit-btn" data-wpy-evt="85-1" bind:submit="__dispatcher">
+    <van-checkbox value="{{ isAllSelect }}" data-wpy-evt="85-2" bind:change="__dispatcher" style="margin-top:5px;">全选</van-checkbox>
+  </van-submit-bar>
+</view>
diff --git a/mini-app/weapp/components/mall/mall-car.wxss b/mini-app/weapp/components/mall/mall-car.wxss
new file mode 100644
index 000000000..12bfd65af
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-car.wxss
@@ -0,0 +1,18 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+.van-card__thumb {
+  position: relative;
+  -webkit-flex: none;
+  flex: none;
+  width: 66px;
+  height: 66px;
+  margin-left: 8px;
+}
+.submit-btn {
+  border-radius: 20px !important;
+  border: #AC1630 1px solid !important;
+}
+
diff --git a/mini-app/weapp/components/mall/mall-home.js b/mini-app/weapp/components/mall/mall-home.js
new file mode 100644
index 000000000..836a6b413
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-home.js
@@ -0,0 +1,18 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].component({
+  store: _store["default"],
+  hooks: {},
+  data: {},
+  computed: {},
+  methods: {},
+  ready: function ready() {}
+}, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-home.json b/mini-app/weapp/components/mall/mall-home.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-home.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-home.wxml b/mini-app/weapp/components/mall/mall-home.wxml
new file mode 100644
index 000000000..e54821842
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-home.wxml
@@ -0,0 +1,6 @@
+
+
+  <view>
+home
+  </view>
+
diff --git a/mini-app/weapp/components/mall/mall-home.wxss b/mini-app/weapp/components/mall/mall-home.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-home.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/components/mall/mall-my.js b/mini-app/weapp/components/mall/mall-my.js
new file mode 100644
index 000000000..8eda681d7
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-my.js
@@ -0,0 +1,20 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].component({
+  store: _store["default"],
+  hooks: {},
+  data: {
+    active: 0
+  },
+  computed: {},
+  methods: {},
+  ready: function ready() {}
+}, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-my.json b/mini-app/weapp/components/mall/mall-my.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-my.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-my.wxml b/mini-app/weapp/components/mall/mall-my.wxml
new file mode 100644
index 000000000..a3ec13833
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-my.wxml
@@ -0,0 +1,2 @@
+
+<view>my</view>
diff --git a/mini-app/weapp/components/mall/mall-my.wxss b/mini-app/weapp/components/mall/mall-my.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-my.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/components/mall/mall-shopping.js b/mini-app/weapp/components/mall/mall-shopping.js
new file mode 100644
index 000000000..ef11ca759
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-shopping.js
@@ -0,0 +1,74 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../../xiao4rBase.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].component({
+  store: _store["default"],
+  hooks: {},
+  data: {
+    active: 0,
+    list: [1, 2, 3, 4]
+  },
+  computed: {},
+  methods: {
+    onItem: function onItem(item) {
+      console.log(item);
+
+      _xiao4rBase["default"].navigateTo("goods-detail?id=".concat(item));
+    }
+  },
+  ready: function ready() {}
+}, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'83-0': {"tap": function proxy (item) {
+    var _vm=this;
+  return (function () {
+    _vm.onItem(item);
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-shopping.json b/mini-app/weapp/components/mall/mall-shopping.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-shopping.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/components/mall/mall-shopping.wxml b/mini-app/weapp/components/mall/mall-shopping.wxml
new file mode 100644
index 000000000..00558602a
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-shopping.wxml
@@ -0,0 +1,14 @@
+
+
+<view style="padding: 0 10px;background: #fafafa;">
+
+<view wx:for="{{ list }}" wx:for-index="index" wx:for-item="item" wx:key="index" key="{{ index }}" style="margin-top: 10px;border: #fafafa 1px solid; border-radius: 10px;">
+  <van-card price="2.00" desc="描述信息" title="商品标题" thumb="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg" data-wpy-evt="83-0" bind:tap="__dispatcher" data-wpytap-a="{{ item }}">
+    <view slot="num" style="float:right;">
+      <view>{{"已优惠¥xx元"}} </view>
+    </view>
+
+  </van-card>
+
+</view>
+</view>
diff --git a/mini-app/weapp/components/mall/mall-shopping.wxss b/mini-app/weapp/components/mall/mall-shopping.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/components/mall/mall-shopping.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/components/nav-bar.js b/mini-app/weapp/components/nav-bar.js
new file mode 100644
index 000000000..492f622c6
--- /dev/null
+++ b/mini-app/weapp/components/nav-bar.js
@@ -0,0 +1,78 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].component({
+  props: {
+    title: {
+      type: String,
+      "default": '贺兰山酒庄普查'
+    }
+  },
+  data: {},
+  events: {},
+  methods: {
+    onBack: function onBack() {
+      wx.navigateBack();
+    }
+  },
+  onLoad: function onLoad() {}
+}, {info: {"components":{},"on":{}}, handlers: {'20-0': {"click-left": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onBack.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'20-0': {"click-left": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onBack.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'20-0': {"click-left": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onBack.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'20-0': {"click-left": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onBack.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'20-0': {"click-left": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onBack.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'20-0': {"click-left": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onBack.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'20-0': {"click-left": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onBack.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/components/nav-bar.json b/mini-app/weapp/components/nav-bar.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/components/nav-bar.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/components/nav-bar.wxml b/mini-app/weapp/components/nav-bar.wxml
new file mode 100644
index 000000000..595a4c1ac
--- /dev/null
+++ b/mini-app/weapp/components/nav-bar.wxml
@@ -0,0 +1,5 @@
+
+<van-nav-bar border="{{false}}" custom-style="background:#AC1630;color:#FFF;" data-wpy-evt="20-0" bind:click-left="__dispatcher">
+  <van-icon name="arrow-left" slot="left" color="#fff"></van-icon>
+  <label slot="title" style="color: #fff;">{{title}}</label>
+</van-nav-bar>
diff --git a/mini-app/weapp/components/nav-bar.wxss b/mini-app/weapp/components/nav-bar.wxss
new file mode 100644
index 000000000..8b1378917
--- /dev/null
+++ b/mini-app/weapp/components/nav-bar.wxss
@@ -0,0 +1 @@
+
diff --git a/mini-app/weapp/components/user/dialog-registration.js b/mini-app/weapp/components/user/dialog-registration.js
new file mode 100644
index 000000000..14c3687f8
--- /dev/null
+++ b/mini-app/weapp/components/user/dialog-registration.js
@@ -0,0 +1,197 @@
+"use strict";
+
+var _regeneratorRuntime2 = _interopRequireDefault(require('./../../vendor.js')(3));
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+var _eventHub = _interopRequireDefault(require('./../../common/eventHub.js'));
+
+var _xiao4rBase = _interopRequireDefault(require('./../../xiao4rBase.js'));
+
+var _userApis = _interopRequireDefault(require('./../../apis/userApis.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+_core["default"].component({
+  store: _store["default"],
+  props: {},
+  hooks: {},
+  data: {
+    that: void 0,
+    isShow: false,
+    model: {},
+    isChecked: false
+  },
+  computed: (0, _x.mapState)(['user']),
+  events: {},
+  methods: _objectSpread(_objectSpread({}, (0, _x.mapActions)(['setUserAction', 'setUserInfoAction', 'setMobileAction', 'setTokenAction'])), {}, {
+    getUserInfo: function getUserInfo(event) {
+      console.log('getUserInfo:', event.$wx.detail);
+      this.setUserInfoAction(event.$wx.detail.userInfo);
+      console.log('userInfo:', _store["default"].state.user.userInfo);
+
+      if (!this.isChecked) {
+        _xiao4rBase["default"].showToast('请确认xxxx协议.');
+
+        return false;
+      }
+
+      if (!this.user.mobile) {
+        _xiao4rBase["default"].showToast('请授权获取手机号码.');
+
+        return false;
+      }
+
+      if (!this.user.userInfo) {
+        _xiao4rBase["default"].showToast('请授权获取用户昵称.');
+
+        return false;
+      }
+
+      var self = this;
+
+      _userApis["default"].registrationByMini(this.user).then(function (r) {
+        if (r.code === 200) {
+          _xiao4rBase["default"].showToast('注册成功!');
+
+          self.isShow = false;
+          self.setTokenAction(r.token);
+        } else {
+          _xiao4rBase["default"].showToast(r.msg);
+        }
+      })["catch"](function (e) {
+        _xiao4rBase["default"].showToast('注册失败!');
+      });
+    },
+    onGetMobile: function onGetMobile(e) {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime2["default"].mark(function _callee() {
+        var rsp;
+        return _regeneratorRuntime2["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                console.log(e.$wx.detail);
+                wx.showLoading({
+                  title: '获取中...',
+                  mask: true
+                });
+                _context.prev = 2;
+                _context.next = 5;
+                return _userApis["default"].sendMobile({
+                  openid: _xiao4rBase["default"].getOpenid(),
+                  detail: e.$wx.detail
+                });
+
+              case 5:
+                rsp = _context.sent;
+                console.log(rsp);
+
+                if (rsp.code === 200) {
+                  _this.setMobileAction(rsp.data.mobile);
+                } else {
+                  _xiao4rBase["default"].showToast('服务器连接异常.');
+                }
+
+                _context.next = 13;
+                break;
+
+              case 10:
+                _context.prev = 10;
+                _context.t0 = _context["catch"](2);
+
+                _xiao4rBase["default"].showToast('服务器连接异常.');
+
+              case 13:
+                _context.prev = 13;
+                wx.hideLoading();
+                return _context.finish(13);
+
+              case 16:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[2, 10, 13, 16]]);
+      }))();
+    },
+    onChangeCheak: function onChangeCheak(e) {
+      this.isChecked = e.$wx.detail;
+    },
+    onClose: function onClose() {
+      this.isShow = false;
+    }
+  }),
+  ready: function ready() {
+    var _this2 = this;
+
+    // 获取系统信息
+    var self = this;
+    wx.getSystemInfo({
+      success: function success(res) {
+        self.model = res.model;
+      }
+    });
+    console.log(this);
+    this.page = this;
+
+    _eventHub["default"].$on('onShowDialogUserInfo', function () {
+      _this2.isShow = true;
+    });
+  }
+}, {info: {"components":{},"on":{}}, handlers: {'87-42': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onClose.apply(_vm, $args || [$event]);
+  })();
+}, "cancel": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onClose.apply(_vm, $args || [$event]);
+  })();
+}, "getuserinfo": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.getUserInfo.apply(_vm, $args || [$event]);
+  })();
+}},'87-45': {"getphonenumber": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onGetMobile.apply(_vm, $args || [$event]);
+  })();
+}},'87-46': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCheak.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/components/user/dialog-registration.json b/mini-app/weapp/components/user/dialog-registration.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/components/user/dialog-registration.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/components/user/dialog-registration.wxml b/mini-app/weapp/components/user/dialog-registration.wxml
new file mode 100644
index 000000000..aa1089dcd
--- /dev/null
+++ b/mini-app/weapp/components/user/dialog-registration.wxml
@@ -0,0 +1,36 @@
+
+
+<view>
+  <van-dialog use-slot title="新用户注册" show="{{ isShow }}" show-cancel-button confirm-button-open-type="getUserInfo" asyncClose="{{ true }}" data-wpy-evt="87-42" bind:close="__dispatcher" bind:cancel="__dispatcher" bind:getuserinfo="__dispatcher">
+    <van-field label="手机号:" title-width="60px" value="{{ user.mobile }}" center clearable readonly placeholder="请实名授权获取手机号" border="{{ false }}" use-button-slot>
+      <van-button slot="button" size="small" plain type="info" open-type="getPhoneNumber" data-wpy-evt="87-45" bind:getphonenumber="__dispatcher">授权
+      </van-button>
+    </van-field>
+
+    
+
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+    
+
+    <view style="margin:10px;">
+      <van-checkbox value="{{ isChecked }}" shape="square" checked-color="#AC1630" data-wpy-evt="87-46" bind:change="__dispatcher" style="font-size: 14px;color: #AC1630;">
+        我同意<label style="color: cornflowerblue;">xxxxx </label>用户协议
+      </van-checkbox>
+    </view>
+
+  </van-dialog>
+</view>
+
diff --git a/mini-app/weapp/components/user/dialog-registration.wxss b/mini-app/weapp/components/user/dialog-registration.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/components/user/dialog-registration.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/config.js b/mini-app/weapp/config.js
new file mode 100644
index 000000000..04761df23
--- /dev/null
+++ b/mini-app/weapp/config.js
@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MINI_DEPTID = void 0;
+
+/**
+ * 常量
+ */
+var MINI_DEPTID = 100;
+exports.MINI_DEPTID = MINI_DEPTID;
\ No newline at end of file
diff --git a/mini-app/weapp/js/request.js b/mini-app/weapp/js/request.js
new file mode 100644
index 000000000..a0f48e610
--- /dev/null
+++ b/mini-app/weapp/js/request.js
@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+var _uuid = require('./utils/uuid.js');
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Xiao4rRequest = /*#__PURE__*/function () {
+  function Xiao4rRequest() {
+    _classCallCheck(this, Xiao4rRequest);
+
+    _defineProperty(this, "requestTaskMap", new Map());
+  }
+
+  _createClass(Xiao4rRequest, [{
+    key: "requestPromise",
+
+    /**
+     * requestPromise用于将wx.request改写成Promise方式
+     * @param：{string} myUrl 接口地址
+     * @return: Promise实例对象
+     */
+    value: function requestPromise(req) {
+      var _this = this;
+
+      var id = (0, _uuid.uuid)();
+      var self = this;
+
+      if (_store["default"].state.user.token) {
+        if (req.header) {
+          req.header['Authorization'] = _store["default"].state.user.token;
+        } else {
+          req.header = {
+            Authorization: _store["default"].state.user.token
+          };
+        }
+      }
+
+      var promise = new Promise(function (resolve, reject) {
+        var task = wx.request({
+          url: req.url,
+          method: req.method,
+          header: req.header,
+          data: req.data,
+          success: function success(rsp) {
+            return resolve(rsp.data);
+          },
+          fail: function fail(error) {
+            _xiao4rBase["default"].showToast('网络连接异常.');
+
+            reject(error);
+          },
+          complete: function complete() {
+            _this.requestTaskMap["delete"](id);
+          }
+        });
+        self.requestTaskMap.set(id, task);
+      }); // 返回一个Promise实例对象
+
+      promise.taskId = id;
+      return promise;
+    }
+  }, {
+    key: "post",
+    value: function post(req) {
+      req.method = 'POST';
+      return this.requestPromise(req);
+    }
+  }, {
+    key: "get",
+    value: function get(req) {
+      req.method = 'GET';
+      return this.requestPromise(req);
+    }
+  }, {
+    key: "put",
+    value: function put(req) {
+      req.method = 'PUT';
+      return this.requestPromise(req);
+    }
+  }, {
+    key: "del",
+    value: function del(req) {
+      req.method = 'DEL';
+      return this.requestPromise(req);
+    }
+  }]);
+
+  return Xiao4rRequest;
+}();
+
+var _default = new Xiao4rRequest();
+
+exports["default"] = _default;
\ No newline at end of file
diff --git a/mini-app/weapp/js/utils/uuid.js b/mini-app/weapp/js/utils/uuid.js
new file mode 100644
index 000000000..ee31022e4
--- /dev/null
+++ b/mini-app/weapp/js/utils/uuid.js
@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.uuid = uuid;
+
+function uuid() {
+  var s = [];
+  var hexDigits = '0123456789abcdef';
+
+  for (var i = 0; i < 36; i++) {
+    s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+  }
+
+  s[14] = '4'; // bits 12-15 of the time_hi_and_version field to 0010
+
+  s[19] = hexDigits.substr(s[19] & 0x3 | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01
+
+  s[8] = s[13] = s[18] = s[23] = '-';
+  var uuid = s.join('');
+  return uuid;
+}
\ No newline at end of file
diff --git a/mini-app/weapp/js/utils/validateUtils.js b/mini-app/weapp/js/utils/validateUtils.js
new file mode 100644
index 000000000..1dc1e2637
--- /dev/null
+++ b/mini-app/weapp/js/utils/validateUtils.js
@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+var ValidateUtils = /*#__PURE__*/function () {
+  function ValidateUtils() {
+    _classCallCheck(this, ValidateUtils);
+  }
+
+  _createClass(ValidateUtils, [{
+    key: "isEmail",
+    value: function isEmail(value) {
+      var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
+      return reg.test(value);
+    }
+    /**
+     * 校验数字或者小数
+     * @param text
+     * @returns {boolean}
+     */
+
+  }, {
+    key: "isIntOrDecimal",
+    value: function isIntOrDecimal(text) {
+      var pattern = /^[0-9]+([.]{1}[0-9]+){0,1}$/;
+      return pattern.test(text);
+    }
+  }]);
+
+  return ValidateUtils;
+}();
+
+var _default = new ValidateUtils();
+
+exports["default"] = _default;
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form1.js b/mini-app/weapp/pages/form1.js
new file mode 100644
index 000000000..5659ae73c
--- /dev/null
+++ b/mini-app/weapp/pages/form1.js
@@ -0,0 +1,240 @@
+"use strict";
+
+var _regeneratorRuntime2 = _interopRequireDefault(require('./../vendor.js')(3));
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./../common/eventHub.js'));
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+var _x = require('./../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+var _userApis = _interopRequireDefault(require('./../apis/userApis.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    'before-setData': function beforeSetData(dirty) {
+      if (Math.random() < 0.2) {
+        console.log('setData canceled');
+        return false; // Cancel setData
+      }
+
+      dirty.time = +new Date();
+      return dirty;
+    }
+  },
+  data: {
+    form: _store["default"].state.wineryForm,
+    wineryStatusType: ['已建成投产', '在建已投产', '在建未投产', '已停产']
+  },
+  computed: (0, _x.mapState)(['wineryForm']),
+  methods: _objectSpread(_objectSpread({}, (0, _x.mapActions)(['setWineryFormAction'])), {}, {
+    bindDateChange: function bindDateChange(event) {
+      this.wineryForm.buildTime = event.$wx.detail.value;
+    },
+    bindRegionChange: function bindRegionChange(event) {
+      this.wineryForm.region = event.$wx.detail.value;
+    },
+    onChangeWineryStatus: function onChangeWineryStatus(e) {
+      this.wineryForm.wineryStatus = e.$wx.detail;
+    },
+    onGetMobile: function onGetMobile(e) {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime2["default"].mark(function _callee() {
+        var rsp;
+        return _regeneratorRuntime2["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                wx.showLoading({
+                  title: '获取中...',
+                  mask: true
+                });
+                _context.prev = 1;
+                _context.next = 4;
+                return _userApis["default"].sendMobile({
+                  openid: _xiao4rBase["default"].getOpenid(),
+                  detail: e.$wx.detail
+                });
+
+              case 4:
+                rsp = _context.sent;
+
+                if (rsp.code === 200) {
+                  _this.wineryForm.mobile = rsp.data.mobile;
+                }
+
+                _xiao4rBase["default"].showToast(rsp.msg);
+
+                _context.next = 12;
+                break;
+
+              case 9:
+                _context.prev = 9;
+                _context.t0 = _context["catch"](1);
+
+                _xiao4rBase["default"].showToast('服务器连接异常,请联系管理员.');
+
+              case 12:
+                _context.prev = 12;
+                wx.hideLoading();
+                return _context.finish(12);
+
+              case 15:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[1, 9, 12, 15]]);
+      }))();
+    },
+    onNext: function onNext() {
+      console.log(this.form);
+
+      if (!this.wineryForm.mobile) {
+        _xiao4rBase["default"].showToast('请授权获取您的手机号');
+
+        return;
+      }
+
+      if (!this.wineryForm.wineryName) {
+        _xiao4rBase["default"].showToast('请输入您的酒庄名称');
+
+        return;
+      }
+
+      if (!this.wineryForm.buildTime) {
+        _xiao4rBase["default"].showToast('请输入您的酒庄成立时间');
+
+        return;
+      }
+
+      if (!this.wineryForm.address) {
+        _xiao4rBase["default"].showToast('请输入您的酒庄地址');
+
+        return;
+      }
+
+      if (!this.wineryForm.wineryArea) {
+        _xiao4rBase["default"].showToast('请输入您的酒庄总面积');
+
+        return;
+      }
+
+      if (!this.wineryForm.buildArea) {
+        _xiao4rBase["default"].showToast('请输入您的建筑总面积');
+
+        return;
+      } // this.setFormAction(this.form)
+
+
+      _xiao4rBase["default"].navigateTo('form2');
+    }
+  }),
+  created: function created() {
+    var self = this;
+  }
+}, {info: {"components":{},"on":{}}, handlers: {'12-5': {"getphonenumber": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onGetMobile.apply(_vm, $args || [$event]);
+  })();
+}},'12-6': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.bindDateChange.apply(_vm, $args || [$event]);
+  })();
+}},'12-7': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.bindRegionChange.apply(_vm, $args || [$event]);
+  })();
+}},'12-8': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWineryStatus.apply(_vm, $args || [$event]);
+  })();
+}},'12-9': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'21': {
+      type: "input",
+      expr: "wineryForm.wineryName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "wineryName", $v);
+      
+    }
+    },'22': {
+      type: "change",
+      expr: "wineryForm.date",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "date", $v);
+      
+    }
+    },'23': {
+      type: "change",
+      expr: "wineryForm.region",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "region", $v);
+      
+    }
+    },'24': {
+      type: "input",
+      expr: "wineryForm.address",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "address", $v);
+      
+    }
+    },'25': {
+      type: "input",
+      expr: "wineryForm.wineryArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "wineryArea", $v);
+      
+    }
+    },'26': {
+      type: "input",
+      expr: "wineryForm.buildArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "buildArea", $v);
+      
+    }
+    }}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form1.json b/mini-app/weapp/pages/form1.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/pages/form1.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form1.wxml b/mini-app/weapp/pages/form1.wxml
new file mode 100644
index 000000000..778e15ddf
--- /dev/null
+++ b/mini-app/weapp/pages/form1.wxml
@@ -0,0 +1,77 @@
+
+<nav-bar></nav-bar>
+<view class="header background-color">
+
+  <label style="font-size: 26px;margin: 0px 0 0 15px;color: #FFF;">酒庄基础信息填写</label>
+</view>
+<view style="margin-top: 32px;">
+  <view>
+    <label class="cell-title">绑定手机号</label>
+    <van-field value="{{ wineryForm.mobile }}" center clearable readonly placeholder="请点击授权获取手机号" border="{{ false }}" use-button-slot>
+      <van-button slot="button" size="small" plain type="info" open-type="getPhoneNumber" data-wpy-evt="12-5" bind:getphonenumber="__dispatcher">授权
+      </van-button>
+    </van-field>
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+  <view class="cell">
+    <label class="cell-title">酒庄全称</label>
+    <input value="{{ wineryForm.wineryName }}" bindinput="__dispatcher" data-model-id="21" center clearable placeholder="请输入酒庄全称" style="color: #AC1630;" />
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+  <view class="cell">
+    <label class="cell-title">酒庄成立时间</label>
+    <picker mode="date" value="{{ wineryForm.date }}" bindchange="__dispatcher" data-model-id="22" end="{{maxDate}}" data-wpy-evt="12-6" bind:change="__dispatcher">
+      <van-field value="{{ wineryForm.buildTime }}" center clearable readonly placeholder="请选择" border="{{ false }}"></van-field>
+    </picker>
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+
+
+  <view class="cell">
+    <label class="cell-title">酒庄地址（省市区）</label>
+
+    <picker mode="region" value="{{ wineryForm.region }}" bindchange="__dispatcher" data-model-id="23" data-wpy-evt="12-7" bind:change="__dispatcher">
+      <van-field value="{{ wineryForm.region }}" center clearable readonly placeholder="请选择" border="{{ false }}"></van-field>
+    </picker>
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+  <view class="cell">
+    <label class="cell-title">酒庄地址（详细）</label>
+    <input value="{{ wineryForm.address }}" bindinput="__dispatcher" data-model-id="24" center clearable placeholder="请输入酒庄地址" />
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+  <view class="cell">
+    <label class="cell-title">酒庄总面积</label>
+    <view class="cell-input">
+      <input value="{{ wineryForm.wineryArea }}" bindinput="__dispatcher" data-model-id="25" type="number" center clearable placeholder="请输入酒庄总面积" use-button-slot />
+      <label slot="button" size="small">亩</label>
+    </view>
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+  <view class="cell">
+    <label class="cell-title">建筑总面积</label>
+    <view class="cell-input">
+      <input value="{{ wineryForm.buildArea }}" bindinput="__dispatcher" data-model-id="26" type="number" center clearable placeholder="请输入建筑总面积" use-button-slot />
+      <label slot="button" size="small">平方米</label>
+    </view>
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+
+  <view style="margin-top: 10px;padding-bottom: 20px;">
+    <label class="cell-title">酒庄现状</label>
+    <van-radio-group value="{{ wineryForm.wineryStatus }}" data-wpy-evt="12-8" bind:change="__dispatcher">
+
+      <view style="display: flex;margin: 5px;flex-wrap: wrap;">
+        <view wx:for="{{ wineryStatusType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item">
+          <van-radio name="{{item}}" checked-color="#AC3016" class="cell2-radio">{{item}}</van-radio>
+        </view>
+      </view>
+    </van-radio-group>
+  </view>
+  <view class="boom"></view>
+
+  <view style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+    <button data-wpy-evt="12-9" bind:tap="__dispatcher" style="width: 686rpx;" class="buttonColor">下一步</button>
+  </view>
+
+</view>
diff --git a/mini-app/weapp/pages/form1.wxss b/mini-app/weapp/pages/form1.wxss
new file mode 100644
index 000000000..86ceefbab
--- /dev/null
+++ b/mini-app/weapp/pages/form1.wxss
@@ -0,0 +1,20 @@
+.header {
+  width: 100%;
+  height: 100rpx;
+  display: flex;
+}
+input {
+  margin: 12px 15px;
+  font-size: 14px;
+}
+.cell-input {
+  display: flex;
+  justify-content: space-between;
+  margin-right: 15px;
+}
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 300rpx;
+}
+
diff --git a/mini-app/weapp/pages/form2.js b/mini-app/weapp/pages/form2.js
new file mode 100644
index 000000000..6ca3444b1
--- /dev/null
+++ b/mini-app/weapp/pages/form2.js
@@ -0,0 +1,72 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./../common/eventHub.js'));
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+var _x = require('./../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    'before-setData': function beforeSetData(dirty) {
+      if (Math.random() < 0.2) {
+        console.log('setData canceled');
+        return false; // Cancel setData
+      }
+
+      dirty.time = +new Date();
+      return dirty;
+    }
+  },
+  data: {},
+  computed: (0, _x.mapState)(['wineryForm']),
+  methods: {
+    onNext: function onNext() {
+      _xiao4rBase["default"].navigateTo('form3');
+    }
+  },
+  created: function created() {}
+}, {info: {"components":{},"on":{}}, handlers: {'13-0': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'13-0': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'13-0': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'13-0': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'13-0': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'13-0': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'13-0': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form2.json b/mini-app/weapp/pages/form2.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/pages/form2.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form2.wxml b/mini-app/weapp/pages/form2.wxml
new file mode 100644
index 000000000..81a63d629
--- /dev/null
+++ b/mini-app/weapp/pages/form2.wxml
@@ -0,0 +1,40 @@
+
+
+<nav-bar></nav-bar>
+
+<view class="header background-color">
+
+  <view style="font-size: 15px;font-weight: lighter;color: #FFF;  width: 100%;">
+    <view class="header-cell">
+      <label class="header-title">酒庄名称：</label>
+      <label class="header-value">{{wineryForm.wineryName}}</label>
+    </view>
+    <view class="header-cell">
+      <label class="header-title">酒庄面积：</label>
+      <label class="header-value">{{wineryForm.wineryArea}}亩</label>
+    </view>
+    <view class="header-cell">
+      <label class="header-title">酒庄成立时间：</label>
+      <label class="header-value">{{wineryForm.buildTime}}</label>
+    </view>
+    <view class="header-cell">
+      <label class="header-title">酒庄地址：</label>
+      <label class="header-value">{{wineryForm.region}}  {{wineryForm.address}} </label>
+    </view>
+  </view>
+
+
+</view>
+<view class="fream">
+
+  <view style="width: 558rpx; text-align: left; flex-direction: column;display: flex;">
+    <sapn style="color: #333;font-size: 20px;font-weight: bold;">填报指南</sapn>
+    <sapn style="color: #999; font-size: 14px;">您好，仅需三步即可完成自主填报</sapn>
+  </view>
+  <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step.png" style="width: 558rpx;margin-top: 16px;"></image>
+
+</view>
+<view style="display: flex;align-items: center; width: 100%;margin: 520rpx 0 25px 0;">
+  <button data-wpy-evt="13-0" bind:tap="__dispatcher" style="width: 686rpx;" class="buttonColor">下一步</button>
+</view>
+
diff --git a/mini-app/weapp/pages/form2.wxss b/mini-app/weapp/pages/form2.wxss
new file mode 100644
index 000000000..a6a1a8bf6
--- /dev/null
+++ b/mini-app/weapp/pages/form2.wxss
@@ -0,0 +1,43 @@
+page {
+  background-color: #F0F1F2;
+}
+.header {
+  width: 100%;
+  height: 320px;
+  display: flex;
+}
+.header-cell {
+  margin: 15px 15px 0 15px;
+  display: flex;
+  justify-content: space-between;
+}
+.header-title {
+  width: 260rpx;
+}
+.header-value {
+  width: 420rpx;
+}
+.fream {
+  position: absolute;
+  top: 265px;
+  left: 0;
+  right: 0;
+  margin: 0 auto 0 auto;
+  background: white;
+  width: 610rpx;
+  height: 638rpx;
+  border: white 1px solid;
+  border-radius: 10px;
+  padding: 20px;
+  display: flex;
+  align-items: center;
+  justify-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+.step-point {
+  z-index: 99;
+  background: white;
+  color: #AC1630;
+}
+
diff --git a/mini-app/weapp/pages/form3.js b/mini-app/weapp/pages/form3.js
new file mode 100644
index 000000000..f096da75a
--- /dev/null
+++ b/mini-app/weapp/pages/form3.js
@@ -0,0 +1,1032 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./../common/eventHub.js'));
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+var _x = require('./../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+var _xiao4rApis = _interopRequireDefault(require('./../apis/xiao4rApis.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {// Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+  data: {
+    soilTypes: ['沙石', '砾石', '石灰岩', '混合'],
+    irrigationTypes: ['漫灌', '喷灌', '滴灌'],
+    redVarieties: ['赤霞珠', '梅洛', '品丽珠', '黑皮诺', '西拉', '歌海娜', '桑娇维塞', '内比奥罗', '丹魄', '马尔贝克', '其他'],
+    whiteVarieties: ['霞多丽', '长相思', '雷司令', '灰皮诺', '赛美蓉', '琼瑶浆', '其他']
+  },
+  computed: (0, _x.mapState)(['wineryForm']),
+  watch: {},
+  methods: _objectSpread(_objectSpread({}, (0, _x.mapActions)(['setFormAction'])), {}, {
+    onChangeSoilType: function onChangeSoilType(e) {
+      this.wineryForm.soilType = e.$wx.detail;
+    },
+    onChangeIrrigationType: function onChangeIrrigationType(e) {
+      this.wineryForm.irrigationType = e.$wx.detail;
+    },
+    onChangeRedVariety: function onChangeRedVariety(e) {
+      this.wineryForm.redVariety.checked = e.$wx.detail;
+      this.changeItem(this.wineryForm.redVariety.checked, this.wineryForm.redVariety.params);
+    },
+    onChangeWhiteVariety: function onChangeWhiteVariety(e) {
+      console.log(e);
+      this.wineryForm.whiteVariety.checked = e.$wx.detail;
+      this.changeItem(this.wineryForm.whiteVariety.checked, this.wineryForm.whiteVariety.params);
+    },
+    changeItem: function changeItem(types, items) {
+      for (var i = 0; i < items.length; i++) {
+        var isChecked = false;
+
+        for (var j = 0; j < types.length; j++) {
+          // console.log(types[j])
+          // console.log(items[i].name)
+          if (types[j] === items[i].name) {
+            isChecked = true;
+            break;
+          }
+        }
+
+        items[i].isChecked = isChecked;
+
+        if (!items[i].isChecked) {
+          items[i].msg = {
+            area: '',
+            treeOld: '',
+            treeMaxOld: ''
+          };
+        }
+      }
+    },
+    initVariety: function initVariety(types, fromList) {
+      for (var i = 0; i < types.length; i++) {
+        fromList.push({
+          name: types[i],
+          isChecked: false,
+          msg: {
+            area: '',
+            treeOld: '',
+            treeMaxOld: ''
+          }
+        });
+      }
+    },
+    onNext: function onNext() {
+      if (!this.wineryForm.plantArea) {
+        _xiao4rBase["default"].showToast('请输入种植面积！');
+
+        return;
+      }
+
+      if (!this.wineryForm.plantWeight) {
+        _xiao4rBase["default"].showToast('请输入产量！');
+
+        return;
+      }
+
+      var error = this.checkVariety(this.wineryForm.redVariety);
+
+      if (error) {
+        _xiao4rBase["default"].showToast('请检查红葡萄信息:' + error);
+
+        return;
+      }
+
+      error = this.checkVariety(this.wineryForm.whiteVariety);
+
+      if (error) {
+        _xiao4rBase["default"].showToast('请检查白葡萄信息:' + error);
+
+        return;
+      } // this.setFormAction(this.form)
+
+
+      _xiao4rBase["default"].navigateTo('form4');
+    },
+    onBack: function onBack() {
+      // this.setFormAction(this.form)
+      wx.navigateBack();
+    },
+    checkVariety: function checkVariety(variety) {
+      var errorMsg = '';
+      var isChecked = false;
+
+      for (var i = 0; i < variety.params.length; i++) {
+        var item = variety.params[i];
+
+        if (item.isChecked) {
+          isChecked = true;
+
+          if (!item.msg.area || !item.msg.treeOld || !item.msg.treeMaxOld) {
+            errorMsg = '请完善' + item.name + '品种信息!';
+          }
+        }
+      }
+
+      if (!isChecked) {
+        errorMsg = '请选择葡萄品种!';
+      }
+
+      return errorMsg;
+    }
+  }),
+  created: function created() {
+    if (this.wineryForm.redVariety.params.length < 1) {
+      this.initVariety(this.redVarieties, this.wineryForm.redVariety.params);
+    }
+
+    if (this.wineryForm.whiteVariety.params.length < 1) {
+      this.initVariety(this.whiteVarieties, this.wineryForm.whiteVariety.params);
+    }
+  }
+}, {info: {"components":{},"on":{}}, handlers: {'14-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSoilType.apply(_vm, $args || [$event]);
+  })();
+}},'14-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeRedVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWhiteVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-3': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeIrrigationType.apply(_vm, $args || [$event]);
+  })();
+}},'14-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'14-5': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'6': {
+      type: "input",
+      expr: "wineryForm.plantArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantArea", $v);
+      
+    }
+    },'7': {
+      type: "input",
+      expr: "wineryForm.plantWeight",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantWeight", $v);
+      
+    }
+    },'8': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'9': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'10': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'11': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'12': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'13': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'14-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSoilType.apply(_vm, $args || [$event]);
+  })();
+}},'14-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeRedVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWhiteVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-3': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeIrrigationType.apply(_vm, $args || [$event]);
+  })();
+}},'14-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'14-5': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'6': {
+      type: "input",
+      expr: "wineryForm.plantArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantArea", $v);
+      
+    }
+    },'7': {
+      type: "input",
+      expr: "wineryForm.plantWeight",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantWeight", $v);
+      
+    }
+    },'8': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'9': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'10': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'11': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'12': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'13': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'14-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSoilType.apply(_vm, $args || [$event]);
+  })();
+}},'14-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeRedVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWhiteVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-3': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeIrrigationType.apply(_vm, $args || [$event]);
+  })();
+}},'14-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'14-5': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'6': {
+      type: "input",
+      expr: "wineryForm.plantArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantArea", $v);
+      
+    }
+    },'7': {
+      type: "input",
+      expr: "wineryForm.plantWeight",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantWeight", $v);
+      
+    }
+    },'8': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'9': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'10': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'11': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'12': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'13': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'14-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSoilType.apply(_vm, $args || [$event]);
+  })();
+}},'14-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeRedVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWhiteVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-3': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeIrrigationType.apply(_vm, $args || [$event]);
+  })();
+}},'14-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'14-5': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'6': {
+      type: "input",
+      expr: "wineryForm.plantArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantArea", $v);
+      
+    }
+    },'7': {
+      type: "input",
+      expr: "wineryForm.plantWeight",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantWeight", $v);
+      
+    }
+    },'8': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'9': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'10': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'11': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'12': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'13': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'14-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSoilType.apply(_vm, $args || [$event]);
+  })();
+}},'14-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeRedVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWhiteVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-3': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeIrrigationType.apply(_vm, $args || [$event]);
+  })();
+}},'14-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'14-5': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'6': {
+      type: "input",
+      expr: "wineryForm.plantArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantArea", $v);
+      
+    }
+    },'7': {
+      type: "input",
+      expr: "wineryForm.plantWeight",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantWeight", $v);
+      
+    }
+    },'8': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'9': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'10': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'11': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'12': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'13': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'14-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSoilType.apply(_vm, $args || [$event]);
+  })();
+}},'14-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeRedVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWhiteVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-3': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeIrrigationType.apply(_vm, $args || [$event]);
+  })();
+}},'14-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'14-5': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'6': {
+      type: "input",
+      expr: "wineryForm.plantArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantArea", $v);
+      
+    }
+    },'7': {
+      type: "input",
+      expr: "wineryForm.plantWeight",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantWeight", $v);
+      
+    }
+    },'8': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'9': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'10': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'11': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'12': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'13': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'14-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSoilType.apply(_vm, $args || [$event]);
+  })();
+}},'14-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeRedVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeWhiteVariety.apply(_vm, $args || [$event]);
+  })();
+}},'14-3': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeIrrigationType.apply(_vm, $args || [$event]);
+  })();
+}},'14-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'14-5': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'6': {
+      type: "input",
+      expr: "wineryForm.plantArea",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantArea", $v);
+      
+    }
+    },'7': {
+      type: "input",
+      expr: "wineryForm.plantWeight",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "plantWeight", $v);
+      
+    }
+    },'8': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'9': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'10': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.redVariety.params)[$p[0]]);
+    
+  }
+    },'11': {
+      type: "input",
+      expr: "item.msg.area",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "area", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'12': {
+      type: "input",
+      expr: "item.msg.treeOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    },'13': {
+      type: "input",
+      expr: "item.msg.treeMaxOld",
+      handler: function set ($v, $p) {
+    var _vm=this;
+      function fn1(item) {
+          _vm.$set(item.msg, "treeMaxOld", $v);
+        }
+      return fn1((_vm.wineryForm.whiteVariety.params)[$p[0]]);
+    
+  }
+    }}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form3.json b/mini-app/weapp/pages/form3.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/pages/form3.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form3.wxml b/mini-app/weapp/pages/form3.wxml
new file mode 100644
index 000000000..cec80aa86
--- /dev/null
+++ b/mini-app/weapp/pages/form3.wxml
@@ -0,0 +1,120 @@
+
+<nav-bar></nav-bar>
+<view class="header background-color">
+
+  <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step1.png" style="width:612rpx; height:120rpx;"></image>
+</view>
+<view style="margin-top: 32px;">
+  <view>
+    <label class="cell-title">种植总面积</label>
+    <view class="cell-full-area">
+      <view class="cell1">
+        <input value="{{ wineryForm.plantArea }}" bindinput="__dispatcher" data-model-id="6" type="number" placeholder="请输入" class="cell1-input" />
+        <label>亩</label>
+      </view>
+      <view class="cell1">
+        <input value="{{ wineryForm.plantWeight }}" bindinput="__dispatcher" data-model-id="7" type="number" placeholder="请输入" class="cell1-input" />
+        <label>斤</label>
+      </view>
+    </view>
+  </view>
+
+  <view class="boom"></view>
+
+  <view style="margin-top: 10px;padding-bottom: 20px;">
+    <label class="cell-title">土壤类型</label>
+    <van-radio-group value="{{ wineryForm.soilType }}" data-wpy-evt="14-0" bind:change="__dispatcher">
+      <view style="display: flex;margin-top: 22px;">
+        <van-radio wx:for="{{ soilTypes }}" wx:for-index="index" wx:for-item="item" wx:key="index" name="{{item}}" checked-color="#AC1630" class="cell2-radio">
+          {{item}}
+        </van-radio>
+      </view>
+    </van-radio-group>
+  </view>
+  <view class="boom"></view>
+
+  <view style="margin-top: 10px;padding-bottom: 10px;">
+    <label class="cell-title">红葡萄品种</label>
+    <van-checkbox-group value="{{ wineryForm.redVariety.checked }}" data-wpy-evt="14-1" bind:change="__dispatcher">
+      <view style="display: flex;flex-direction: column;">
+        <view wx:for="{{ wineryForm.redVariety.params }}" wx:for-index="index" wx:for-item="item" wx:key="index">
+          <view wx:if="{{ item.isChecked }}" style="margin-top: 5px;margin-bottom: 5px;">
+            <view style="margin-left:20px;">
+              <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+            </view>
+            <view class="cell3-input-line">
+              <label>种地</label>
+              <input value="{{ item.msg.area }}" bindinput="__dispatcher" data-model-id="8" data-model-a="{{ index }}" type="number" placeholder="请输入" class="cell3-input" />
+              <label>亩树龄</label>
+              <input value="{{ item.msg.treeOld }}" bindinput="__dispatcher" data-model-id="9" data-model-a="{{ index }}" type="number" placeholder="请输入" class="cell3-input" />
+              <label>年,最大树龄</label>
+              <input value="{{ item.msg.treeMaxOld }}" bindinput="__dispatcher" data-model-id="10" data-model-a="{{ index }}" type="number" placeholder="请输入" class="cell3-input" />
+              <label>年</label>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view style="display: flex;margin: 5px 15px;flex-wrap: wrap;">
+        <view wx:for="{{ wineryForm.redVariety.params }}" wx:for-index="index" wx:for-item="item" wx:key="index">
+          <view wx:if="{{ !item.isChecked }}" class="cell3-cheakbox">
+            <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+          </view>
+        </view>
+      </view>
+    </van-checkbox-group>
+  </view>
+  <view class="boom"></view>
+
+
+  <view style="margin-top: 10px;padding-bottom: 10px;">
+    <label class="cell-title">白葡萄品种</label>
+    <van-checkbox-group value="{{ wineryForm.whiteVariety.checked }}" data-wpy-evt="14-2" bind:change="__dispatcher">
+      <view style="display: flex;flex-direction: column;">
+        <view wx:for="{{ wineryForm.whiteVariety.params }}" wx:for-index="index" wx:for-item="item" wx:key="index">
+          <view wx:if="{{ item.isChecked }}" style="margin-top: 10px;margin-bottom: 5px;">
+            <view style="margin-left:20px;">
+              <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+            </view>
+            <view class="cell3-input-line">
+              <label>种地</label>
+              <input value="{{ item.msg.area }}" bindinput="__dispatcher" data-model-id="11" data-model-a="{{ index }}" type="number" placeholder="请输入" class="cell3-input" />
+              <label>亩树龄</label>
+              <input value="{{ item.msg.treeOld }}" bindinput="__dispatcher" data-model-id="12" data-model-a="{{ index }}" type="number" placeholder="请输入" class="cell3-input" />
+              <label>年,最大树龄</label>
+              <input value="{{ item.msg.treeMaxOld }}" bindinput="__dispatcher" data-model-id="13" data-model-a="{{ index }}" type="number" placeholder="请输入" class="cell3-input" />
+              <label>年</label>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view style="display: flex;margin: 5px 15px;flex-wrap: wrap;">
+        <view wx:for="{{ wineryForm.whiteVariety.params }}" wx:for-index="index" wx:for-item="item" wx:key="index">
+          <view wx:if="{{ !item.isChecked }}" class="cell3-cheakbox">
+            <van-checkbox name="{{item.name}}" checked-color="#AC1630">{{item.name}}</van-checkbox>
+          </view>
+        </view>
+      </view>
+    </van-checkbox-group>
+  </view>
+  <view class="boom"></view>
+
+
+  <view style="margin-top: 10px;padding-bottom: 20px;">
+    <label class="cell-title">主要灌溉方式</label>
+    <van-radio-group value="{{ wineryForm.irrigationType }}" data-wpy-evt="14-3" bind:change="__dispatcher">
+      <view style="display: flex;margin-top: 22px;">
+        <van-radio wx:for="{{ irrigationTypes }}" wx:for-index="index" wx:for-item="item" wx:key="index" name="{{item}}" checked-color="#AC1630" class="cell2-radio">
+          {{item}}
+        </van-radio>
+      </view>
+    </van-radio-group>
+  </view>
+  <view class="boom"></view>
+
+
+  <view style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+    <button data-wpy-evt="14-4" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor-cancel">上一步</button>
+    <button data-wpy-evt="14-5" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor">下一步</button>
+  </view>
+
+</view>
diff --git a/mini-app/weapp/pages/form3.wxss b/mini-app/weapp/pages/form3.wxss
new file mode 100644
index 000000000..557d7c3ee
--- /dev/null
+++ b/mini-app/weapp/pages/form3.wxss
@@ -0,0 +1,52 @@
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+.cell-full-area {
+  border: #ddd 1px solid;
+  border-radius: 8px;
+  width: 620rpx;
+  padding: 16px;
+  margin: 11px 15px;
+  display: flex;
+}
+.cell1 {
+  flex: 1;
+  display: flex;
+}
+.cell1-input {
+  width: 215rpx;
+}
+.cell2-radio {
+  margin-left: 22px;
+}
+.cell3-cheakbox {
+  margin-top: 10px;
+  text-align: center;
+  flex: 0 0 30%;
+  width: 200rpx;
+}
+.cell3-cheakbox-checked {
+  margin-top: 10px;
+  text-align: center;
+  flex: 1;
+  width: 100%;
+}
+.cell3-input-line {
+  flex: 1;
+  display: flex;
+  font-size: 14px;
+  text-align: center;
+  align-items: center;
+  margin-left: 15px;
+  margin-top: 5px;
+}
+.cell3-input {
+  width: 96rpx;
+  border: #ddd 1px solid;
+  background: #FAFAFA;
+  margin: 5px;
+}
+
diff --git a/mini-app/weapp/pages/form4.js b/mini-app/weapp/pages/form4.js
new file mode 100644
index 000000000..64e7a1e3d
--- /dev/null
+++ b/mini-app/weapp/pages/form4.js
@@ -0,0 +1,312 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./../common/eventHub.js'));
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+var _x = require('./../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+var _xiao4rApis = _interopRequireDefault(require('./../apis/xiao4rApis.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {// Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+  data: {
+    fermentationProcessType: ['冷浸渍', '倒灌', '压帽', '二氧化碳浸渍', '整串发酵', '半二氧化碳浸渍', '酒泥陈酿'],
+    containerType: ['不锈钢罐', '橡木桶'],
+    clarificationMethodType: ['沉淀', '下胶', '过滤']
+  },
+  computed: (0, _x.mapState)(['wineryForm']),
+  watch: {},
+  methods: {
+    onChangeFermentationProcess: function onChangeFermentationProcess(e) {
+      this.wineryForm.fermentationProcess = e.$wx.detail;
+    },
+    onChangeContainer: function onChangeContainer(e) {
+      this.wineryForm.container = e.$wx.detail;
+    },
+    onChangeClarificationMethod: function onChangeClarificationMethod(e) {
+      this.wineryForm.clarificationMethod = e.$wx.detail;
+    },
+    onNext: function onNext() {
+      if (this.wineryForm.fermentationProcess.length < 1) {
+        _xiao4rBase["default"].showToast('请选择酒精发酵工艺!');
+
+        return;
+      }
+
+      if (this.wineryForm.container.length < 1) {
+        _xiao4rBase["default"].showToast('请选择热化容器!');
+
+        return;
+      }
+
+      if (this.wineryForm.clarificationMethod.length < 1) {
+        _xiao4rBase["default"].showToast('请选择澄清方式!');
+
+        return;
+      }
+
+      _xiao4rBase["default"].navigateTo('form5');
+    },
+    onBack: function onBack() {
+      wx.navigateBack();
+    }
+  },
+  created: function created() {
+    console.log(this.form);
+  }
+}, {info: {"components":{},"on":{}}, handlers: {'15-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeFermentationProcess.apply(_vm, $args || [$event]);
+  })();
+}},'15-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeContainer.apply(_vm, $args || [$event]);
+  })();
+}},'15-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeClarificationMethod.apply(_vm, $args || [$event]);
+  })();
+}},'15-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'15-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'15-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeFermentationProcess.apply(_vm, $args || [$event]);
+  })();
+}},'15-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeContainer.apply(_vm, $args || [$event]);
+  })();
+}},'15-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeClarificationMethod.apply(_vm, $args || [$event]);
+  })();
+}},'15-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'15-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'15-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeFermentationProcess.apply(_vm, $args || [$event]);
+  })();
+}},'15-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeContainer.apply(_vm, $args || [$event]);
+  })();
+}},'15-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeClarificationMethod.apply(_vm, $args || [$event]);
+  })();
+}},'15-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'15-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'15-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeFermentationProcess.apply(_vm, $args || [$event]);
+  })();
+}},'15-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeContainer.apply(_vm, $args || [$event]);
+  })();
+}},'15-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeClarificationMethod.apply(_vm, $args || [$event]);
+  })();
+}},'15-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'15-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'15-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeFermentationProcess.apply(_vm, $args || [$event]);
+  })();
+}},'15-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeContainer.apply(_vm, $args || [$event]);
+  })();
+}},'15-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeClarificationMethod.apply(_vm, $args || [$event]);
+  })();
+}},'15-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'15-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'15-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeFermentationProcess.apply(_vm, $args || [$event]);
+  })();
+}},'15-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeContainer.apply(_vm, $args || [$event]);
+  })();
+}},'15-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeClarificationMethod.apply(_vm, $args || [$event]);
+  })();
+}},'15-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'15-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'15-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeFermentationProcess.apply(_vm, $args || [$event]);
+  })();
+}},'15-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeContainer.apply(_vm, $args || [$event]);
+  })();
+}},'15-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeClarificationMethod.apply(_vm, $args || [$event]);
+  })();
+}},'15-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'15-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form4.json b/mini-app/weapp/pages/form4.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/pages/form4.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form4.wxml b/mini-app/weapp/pages/form4.wxml
new file mode 100644
index 000000000..62618eea3
--- /dev/null
+++ b/mini-app/weapp/pages/form4.wxml
@@ -0,0 +1,50 @@
+
+<nav-bar></nav-bar>
+<view class="header background-color">
+
+  <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step2.png" style="width:612rpx; height:120rpx;"></image>
+</view>
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">酒精发酵工艺</label>
+  <van-checkbox-group value="{{ wineryForm.fermentationProcess }}" data-wpy-evt="15-0" bind:change="__dispatcher">
+    <view style="display: flex;margin: 5px;flex-wrap: wrap;">
+      <view wx:for="{{ fermentationProcessType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item">
+        <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+      </view>
+    </view>
+  </van-checkbox-group>
+</view>
+<view class="boom"></view>
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">热化容器</label>
+  <van-checkbox-group value="{{ wineryForm.container }}" data-wpy-evt="15-1" bind:change="__dispatcher">
+    <view style="display: flex;margin: 5px;flex-wrap: wrap;">
+      <view wx:for="{{ containerType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item">
+        <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+      </view>
+    </view>
+  </van-checkbox-group>
+</view>
+<view class="boom"></view>
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">澄清方式</label>
+  <van-checkbox-group value="{{ wineryForm.clarificationMethod }}" data-wpy-evt="15-2" bind:change="__dispatcher">
+    <view style="display: flex;margin: 5px;flex-wrap: wrap;">
+      <view wx:for="{{ clarificationMethodType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item2">
+        <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+      </view>
+    </view>
+  </van-checkbox-group>
+</view>
+<view class="boom"></view>
+
+
+<view style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+  <button data-wpy-evt="15-3" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor-cancel">上一步</button>
+  <button data-wpy-evt="15-4" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor">下一步</button>
+</view>
+
+
diff --git a/mini-app/weapp/pages/form4.wxss b/mini-app/weapp/pages/form4.wxss
new file mode 100644
index 000000000..e0512eb01
--- /dev/null
+++ b/mini-app/weapp/pages/form4.wxss
@@ -0,0 +1,17 @@
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 300rpx;
+}
+.cell-item2 {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 150rpx;
+}
+
diff --git a/mini-app/weapp/pages/form5.js b/mini-app/weapp/pages/form5.js
new file mode 100644
index 000000000..f061181f2
--- /dev/null
+++ b/mini-app/weapp/pages/form5.js
@@ -0,0 +1,549 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./../common/eventHub.js'));
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+var _x = require('./../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+var _xiao4rApis = _interopRequireDefault(require('./../apis/xiao4rApis.js'));
+
+var _validateUtils = _interopRequireDefault(require('./../js/utils/validateUtils.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {// Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+  data: {
+    mainPriceType: ['100以下', '100～199', '200～299', '300～399', '400～499', '500～599', '600～699', '700～799', '800～899', '900～999', '1000或以上'],
+    salesModeType: ['自销', '渠道代理', '包销', '网销'],
+    awardType: ['2017柏林葡萄酒大奖赛', '2017年第24届布鲁塞尔葡萄酒大赛', '第六届宁夏贺兰山东麓国际葡萄酒博览会', '2018柏林葡萄酒大奖赛', '2018第25届布鲁塞尔葡萄酒大赛', '2018Decanter（品醇客）世界葡萄酒大赛', '2019柏林葡萄酒大奖赛', '2019Decanter（品醇客）世界葡萄酒大赛', '2019第26届布鲁塞尔葡萄酒大赛', '第八届宁夏贺兰山东麓国际葡萄酒博览会', '2020柏林葡萄酒大奖赛', '2020第27届布鲁塞尔葡萄酒大赛', '第九届宁夏贺兰山东麓国际葡萄酒博览会']
+  },
+  computed: (0, _x.mapState)(['wineryForm']),
+  watch: {},
+  methods: {
+    onChangeMainPrice: function onChangeMainPrice(e) {
+      this.wineryForm.mainPrice = e.$wx.detail;
+    },
+    onChangeSalesMode: function onChangeSalesMode(e) {
+      this.wineryForm.salesMode = e.$wx.detail;
+    },
+    onChangeAwards: function onChangeAwards(e) {
+      console.log(e.$wx.detail);
+      this.wineryForm.awards = e.$wx.detail;
+    },
+    onNext: function onNext() {
+      if (!_validateUtils["default"].isIntOrDecimal(this.wineryForm.annualOutput)) {
+        _xiao4rBase["default"].showToast('请输入正确的年产量!');
+
+        return;
+      }
+
+      if (!_validateUtils["default"].isIntOrDecimal(this.wineryForm.stock)) {
+        _xiao4rBase["default"].showToast('请输入正确的当前库存!');
+
+        return;
+      }
+
+      if (!this.wineryForm.bucketCount) {
+        _xiao4rBase["default"].showToast('请输入橡木桶数量!');
+
+        return;
+      }
+
+      if (this.wineryForm.mainPrice.length < 1) {
+        _xiao4rBase["default"].showToast('请选择主要产品定价!');
+
+        return;
+      }
+
+      if (this.wineryForm.salesMode.length < 1) {
+        _xiao4rBase["default"].showToast('请选择销售方式!');
+
+        return;
+      }
+
+      _xiao4rBase["default"].navigateTo('form6');
+    },
+    onBack: function onBack() {
+      wx.navigateBack();
+    }
+  },
+  created: function created() {}
+}, {info: {"components":{},"on":{}}, handlers: {'16-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeMainPrice.apply(_vm, $args || [$event]);
+  })();
+}},'16-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSalesMode.apply(_vm, $args || [$event]);
+  })();
+}},'16-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeAwards.apply(_vm, $args || [$event]);
+  })();
+}},'16-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'16-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'14': {
+      type: "input",
+      expr: "wineryForm.annualOutput",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "annualOutput", $v);
+      
+    }
+    },'15': {
+      type: "input",
+      expr: "wineryForm.stock",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "stock", $v);
+      
+    }
+    },'16': {
+      type: "input",
+      expr: "wineryForm.bucketCount",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "bucketCount", $v);
+      
+    }
+    },'17': {
+      type: "input",
+      expr: "wineryForm.awardInformation",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "awardInformation", $v);
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'16-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeMainPrice.apply(_vm, $args || [$event]);
+  })();
+}},'16-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSalesMode.apply(_vm, $args || [$event]);
+  })();
+}},'16-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeAwards.apply(_vm, $args || [$event]);
+  })();
+}},'16-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'16-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'14': {
+      type: "input",
+      expr: "wineryForm.annualOutput",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "annualOutput", $v);
+      
+    }
+    },'15': {
+      type: "input",
+      expr: "wineryForm.stock",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "stock", $v);
+      
+    }
+    },'16': {
+      type: "input",
+      expr: "wineryForm.bucketCount",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "bucketCount", $v);
+      
+    }
+    },'17': {
+      type: "input",
+      expr: "wineryForm.awardInformation",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "awardInformation", $v);
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'16-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeMainPrice.apply(_vm, $args || [$event]);
+  })();
+}},'16-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSalesMode.apply(_vm, $args || [$event]);
+  })();
+}},'16-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeAwards.apply(_vm, $args || [$event]);
+  })();
+}},'16-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'16-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'14': {
+      type: "input",
+      expr: "wineryForm.annualOutput",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "annualOutput", $v);
+      
+    }
+    },'15': {
+      type: "input",
+      expr: "wineryForm.stock",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "stock", $v);
+      
+    }
+    },'16': {
+      type: "input",
+      expr: "wineryForm.bucketCount",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "bucketCount", $v);
+      
+    }
+    },'17': {
+      type: "input",
+      expr: "wineryForm.awardInformation",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "awardInformation", $v);
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'16-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeMainPrice.apply(_vm, $args || [$event]);
+  })();
+}},'16-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSalesMode.apply(_vm, $args || [$event]);
+  })();
+}},'16-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeAwards.apply(_vm, $args || [$event]);
+  })();
+}},'16-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'16-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'14': {
+      type: "input",
+      expr: "wineryForm.annualOutput",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "annualOutput", $v);
+      
+    }
+    },'15': {
+      type: "input",
+      expr: "wineryForm.stock",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "stock", $v);
+      
+    }
+    },'16': {
+      type: "input",
+      expr: "wineryForm.bucketCount",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "bucketCount", $v);
+      
+    }
+    },'17': {
+      type: "input",
+      expr: "wineryForm.awardInformation",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "awardInformation", $v);
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'16-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeMainPrice.apply(_vm, $args || [$event]);
+  })();
+}},'16-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSalesMode.apply(_vm, $args || [$event]);
+  })();
+}},'16-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeAwards.apply(_vm, $args || [$event]);
+  })();
+}},'16-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'16-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'14': {
+      type: "input",
+      expr: "wineryForm.annualOutput",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "annualOutput", $v);
+      
+    }
+    },'15': {
+      type: "input",
+      expr: "wineryForm.stock",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "stock", $v);
+      
+    }
+    },'16': {
+      type: "input",
+      expr: "wineryForm.bucketCount",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "bucketCount", $v);
+      
+    }
+    },'17': {
+      type: "input",
+      expr: "wineryForm.awardInformation",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "awardInformation", $v);
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'16-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeMainPrice.apply(_vm, $args || [$event]);
+  })();
+}},'16-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSalesMode.apply(_vm, $args || [$event]);
+  })();
+}},'16-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeAwards.apply(_vm, $args || [$event]);
+  })();
+}},'16-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'16-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'14': {
+      type: "input",
+      expr: "wineryForm.annualOutput",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "annualOutput", $v);
+      
+    }
+    },'15': {
+      type: "input",
+      expr: "wineryForm.stock",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "stock", $v);
+      
+    }
+    },'16': {
+      type: "input",
+      expr: "wineryForm.bucketCount",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "bucketCount", $v);
+      
+    }
+    },'17': {
+      type: "input",
+      expr: "wineryForm.awardInformation",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "awardInformation", $v);
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'16-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeMainPrice.apply(_vm, $args || [$event]);
+  })();
+}},'16-1': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSalesMode.apply(_vm, $args || [$event]);
+  })();
+}},'16-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeAwards.apply(_vm, $args || [$event]);
+  })();
+}},'16-3': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'16-4': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'14': {
+      type: "input",
+      expr: "wineryForm.annualOutput",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "annualOutput", $v);
+      
+    }
+    },'15': {
+      type: "input",
+      expr: "wineryForm.stock",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "stock", $v);
+      
+    }
+    },'16': {
+      type: "input",
+      expr: "wineryForm.bucketCount",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "bucketCount", $v);
+      
+    }
+    },'17': {
+      type: "input",
+      expr: "wineryForm.awardInformation",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "awardInformation", $v);
+      
+    }
+    }}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form5.json b/mini-app/weapp/pages/form5.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/pages/form5.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form5.wxml b/mini-app/weapp/pages/form5.wxml
new file mode 100644
index 000000000..c6fb2ee2e
--- /dev/null
+++ b/mini-app/weapp/pages/form5.wxml
@@ -0,0 +1,89 @@
+
+<nav-bar></nav-bar>
+<view class="header background-color">
+  <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step3.png" style="width:612rpx; height:120rpx;"></image>
+</view>
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">年产量</label>
+  <view class="cell-input">
+    <input value="{{ wineryForm.annualOutput }}" bindinput="__dispatcher" data-model-id="14" type="digit" placeholder="请输入" class="input" />
+    <label>万瓶</label>
+  </view>
+</view>
+
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">现有库存</label>
+  <view class="cell-input">
+    <input value="{{ wineryForm.stock }}" bindinput="__dispatcher" data-model-id="15" type="digit" placeholder="请输入" class="input" />
+    <label>万瓶</label>
+  </view>
+</view>
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">橡木桶数量</label>
+  <view class="cell-input">
+    <input value="{{ wineryForm.bucketCount }}" bindinput="__dispatcher" data-model-id="16" type="number" placeholder="请输入" class="input" />
+    <label>　个</label>
+  </view>
+</view>
+
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">主要产品定价</label>
+  <van-checkbox-group value="{{ wineryForm.mainPrice }}" data-wpy-evt="16-0" bind:change="__dispatcher">
+    <view style="display: flex;margin: 5px;flex-wrap: wrap;">
+      <view wx:for="{{ mainPriceType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item">
+        <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+      </view>
+    </view>
+  </van-checkbox-group>
+</view>
+
+
+<view class="boom"></view>
+
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label class="cell-title">销售方式</label>
+  <van-checkbox-group value="{{ wineryForm.salesMode }}" data-wpy-evt="16-1" bind:change="__dispatcher">
+    <view style="display: flex;margin: 5px;flex-wrap: wrap;">
+      <view wx:for="{{ salesModeType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item2">
+        <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+      </view>
+    </view>
+  </van-checkbox-group>
+</view>
+<view class="boom"></view>
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <view style="display: flex;align-items: center;">
+    <label class="cell-title">获奖信息</label>
+    <label style="font-size: 12px;">(选填)</label>
+  </view>
+  <van-checkbox-group value="{{ wineryForm.awards }}" data-wpy-evt="16-2" bind:change="__dispatcher">
+    <view style="display: flex;margin: 5px 5px;flex-wrap: wrap;">
+      <view wx:for="{{ awardType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item2">
+        <van-checkbox name="{{item}}" checked-color="#AC1630">{{item}}</van-checkbox>
+      </view>
+    </view>
+  </van-checkbox-group>
+
+  <view style="display: flex;align-items: center;">
+    <label class="cell-title">其他奖项</label>
+  </view>
+  <view style="margin: 10px;border: #ddd 1px solid; border-radius: 8px;padding: 5px;">
+
+    <textarea value="{{ wineryForm.awardInformation }}" bindinput="__dispatcher" data-model-id="17" auto-height="{{false}}" clearable autosize />
+  </view>
+
+</view>
+<view class="boom"></view>
+
+
+<view style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+  <button data-wpy-evt="16-3" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor-cancel">上一步</button>
+  <button data-wpy-evt="16-4" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor">下一步</button>
+</view>
+
+
diff --git a/mini-app/weapp/pages/form5.wxss b/mini-app/weapp/pages/form5.wxss
new file mode 100644
index 000000000..9d1791a37
--- /dev/null
+++ b/mini-app/weapp/pages/form5.wxss
@@ -0,0 +1,30 @@
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+.cell-input {
+  margin-left: 10px;
+  margin-top: 12px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.cell-input input {
+  border: #dddddd solid 1px;
+  border-radius: 8px;
+  padding: 5px;
+  width: 572rpx;
+  margin-right: 10px;
+}
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  width: 300rpx;
+}
+.cell-item2 {
+  margin-left: 12px;
+  margin-top: 12px;
+}
+
diff --git a/mini-app/weapp/pages/form6.js b/mini-app/weapp/pages/form6.js
new file mode 100644
index 000000000..eff5f94e0
--- /dev/null
+++ b/mini-app/weapp/pages/form6.js
@@ -0,0 +1,426 @@
+"use strict";
+
+var _regeneratorRuntime2 = _interopRequireDefault(require('./../vendor.js')(3));
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./../common/eventHub.js'));
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+var _x = require('./../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+var _xiao4rApis = _interopRequireDefault(require('./../apis/xiao4rApis.js'));
+
+var _validateUtils = _interopRequireDefault(require('./../js/utils/validateUtils.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {// Page 级别 hook, 只对当前 Page 的 setData 生效。
+    // 'before-setData': function(dirty) {
+    //   if (Math.random() < 0.2) {
+    //     console.log('setData canceled')
+    //     return false // Cancel setData
+    //   }
+    //   dirty.time = +new Date()
+    //   return dirty
+    // }
+  },
+  data: {
+    form: {},
+    sloganType: ['葡萄酒·贺兰山', '葡萄酒之乡·神奇贺兰山', '中国葡萄酒·当然贺兰山', '中国葡萄酒·要喝贺兰山', '其他'],
+    slogan: ''
+  },
+  computed: (0, _x.mapState)(['wineryForm']),
+  watch: {},
+  methods: {
+    onChangeSlogan: function onChangeSlogan(e) {
+      this.wineryForm.slogan = e.$wx.detail;
+    },
+    onNext: function onNext() {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime2["default"].mark(function _callee() {
+        var form, rsp;
+        return _regeneratorRuntime2["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                if (_this.wineryForm.personName) {
+                  _context.next = 3;
+                  break;
+                }
+
+                _xiao4rBase["default"].showToast('请输入您的姓名!');
+
+                return _context.abrupt("return");
+
+              case 3:
+                if (_validateUtils["default"].isEmail(_this.wineryForm.email)) {
+                  _context.next = 6;
+                  break;
+                }
+
+                _xiao4rBase["default"].showToast('请正确输入您的邮箱!');
+
+                return _context.abrupt("return");
+
+              case 6:
+                form = _this.wineryForm;
+
+                if (_this.wineryForm.slogan === '其他') {
+                  form.slogan = _this.slogan;
+                }
+
+                form.openid = _xiao4rBase["default"].getOpenid();
+                wx.showLoading({
+                  title: '正在提交...',
+                  mask: true
+                });
+                _context.prev = 10;
+                _context.next = 13;
+                return _xiao4rApis["default"].postForm(form);
+
+              case 13:
+                rsp = _context.sent;
+
+                if (rsp.code === 200) {
+                  _xiao4rBase["default"].showToast('提交成功!');
+
+                  wx.reLaunch({
+                    url: 'index'
+                  });
+                } else {
+                  _xiao4rBase["default"].showToast('提交失败.' + rsp.msg);
+                }
+
+                _context.next = 20;
+                break;
+
+              case 17:
+                _context.prev = 17;
+                _context.t0 = _context["catch"](10);
+
+                _xiao4rBase["default"].showToast('提交失败.', _context.t0);
+
+              case 20:
+                _context.prev = 20;
+                wx.hideLoading();
+                return _context.finish(20);
+
+              case 23:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[10, 17, 20, 23]]);
+      }))();
+    },
+    onBack: function onBack() {
+      wx.navigateBack();
+    }
+  },
+  created: function created() {}
+}, {info: {"components":{},"on":{}}, handlers: {'17-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSlogan.apply(_vm, $args || [$event]);
+  })();
+}},'17-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'17-2': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'18': {
+      type: "input",
+      expr: "wineryForm.personName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "personName", $v);
+      
+    }
+    },'19': {
+      type: "input",
+      expr: "wineryForm.email",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "email", $v);
+      
+    }
+    },'20': {
+      type: "input",
+      expr: "slogan",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.slogan = $v;
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'17-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSlogan.apply(_vm, $args || [$event]);
+  })();
+}},'17-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'17-2': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'18': {
+      type: "input",
+      expr: "wineryForm.personName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "personName", $v);
+      
+    }
+    },'19': {
+      type: "input",
+      expr: "wineryForm.email",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "email", $v);
+      
+    }
+    },'20': {
+      type: "input",
+      expr: "slogan",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.slogan = $v;
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'17-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSlogan.apply(_vm, $args || [$event]);
+  })();
+}},'17-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'17-2': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'18': {
+      type: "input",
+      expr: "wineryForm.personName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "personName", $v);
+      
+    }
+    },'19': {
+      type: "input",
+      expr: "wineryForm.email",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "email", $v);
+      
+    }
+    },'20': {
+      type: "input",
+      expr: "slogan",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.slogan = $v;
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'17-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSlogan.apply(_vm, $args || [$event]);
+  })();
+}},'17-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'17-2': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'18': {
+      type: "input",
+      expr: "wineryForm.personName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "personName", $v);
+      
+    }
+    },'19': {
+      type: "input",
+      expr: "wineryForm.email",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "email", $v);
+      
+    }
+    },'20': {
+      type: "input",
+      expr: "slogan",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.slogan = $v;
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'17-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSlogan.apply(_vm, $args || [$event]);
+  })();
+}},'17-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'17-2': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'18': {
+      type: "input",
+      expr: "wineryForm.personName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "personName", $v);
+      
+    }
+    },'19': {
+      type: "input",
+      expr: "wineryForm.email",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "email", $v);
+      
+    }
+    },'20': {
+      type: "input",
+      expr: "slogan",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.slogan = $v;
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'17-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSlogan.apply(_vm, $args || [$event]);
+  })();
+}},'17-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'17-2': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'18': {
+      type: "input",
+      expr: "wineryForm.personName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "personName", $v);
+      
+    }
+    },'19': {
+      type: "input",
+      expr: "wineryForm.email",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "email", $v);
+      
+    }
+    },'20': {
+      type: "input",
+      expr: "slogan",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.slogan = $v;
+      
+    }
+    }}, refs: undefined }, {info: {"components":{},"on":{}}, handlers: {'17-0': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeSlogan.apply(_vm, $args || [$event]);
+  })();
+}},'17-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onBack();
+  })();
+}},'17-2': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {'18': {
+      type: "input",
+      expr: "wineryForm.personName",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "personName", $v);
+      
+    }
+    },'19': {
+      type: "input",
+      expr: "wineryForm.email",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.$set(_vm.wineryForm, "email", $v);
+      
+    }
+    },'20': {
+      type: "input",
+      expr: "slogan",
+      handler: function set ($v) {
+      var _vm=this;
+        _vm.slogan = $v;
+      
+    }
+    }}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form6.json b/mini-app/weapp/pages/form6.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/pages/form6.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/form6.wxml b/mini-app/weapp/pages/form6.wxml
new file mode 100644
index 000000000..059e5346f
--- /dev/null
+++ b/mini-app/weapp/pages/form6.wxml
@@ -0,0 +1,58 @@
+
+<nav-bar></nav-bar>
+<view class="header background-color">
+  <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/step4.png" style="width:612rpx; height:120rpx;"></image>
+</view>
+
+<view style="margin-top: 32px;margin-bottom: 20px;display: flex;justify-content: center;flex-direction: column;align-items: center;">
+  <image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/success.png" style="width:110rpx; height:110rpx;"></image>
+  <label style="color:#333;margin-top: 24px;">填报完成</label>
+  <label style="color: #999;margin-top: 8px;font-size: 13px;">感谢您的填报，还有最后一步！</label>
+</view>
+<view class="boom"></view>
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <view class="cell">
+    <label class="cell-title">姓名</label>
+    <input value="{{ wineryForm.personName }}" bindinput="__dispatcher" data-model-id="18" center clearable placeholder="请输入您的姓名" />
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+</view>
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <view class="cell">
+    <label class="cell-title">联系邮箱</label>
+    <input value="{{ wineryForm.email }}" bindinput="__dispatcher" data-model-id="19" center clearable placeholder="请输入您的联系邮箱" />
+    <van-divider customStyle="margin: 0 5px;"></van-divider>
+  </view>
+</view>
+<view class="boom"></view>
+
+
+<view style="margin-top: 10px;padding-bottom: 20px;">
+  <label style="color: #AC1630;" class="cell-title">贺兰山产区红酒传播语征集</label>
+  <van-radio-group value="{{ wineryForm.slogan }}" data-wpy-evt="17-0" bind:change="__dispatcher">
+    <view style="display: flex;margin: 5px;flex-direction: column;">
+      <view wx:for="{{ sloganType }}" wx:for-index="index" wx:for-item="item" wx:key="index" class="cell-item">
+        <view wx:if="{{ index === 4 }}" class="cell-input">
+          <van-radio name="{{item}}" checked-color="#AC1630"></van-radio>
+          <input value="{{ slogan }}" bindinput="__dispatcher" data-model-id="20" clearable placeholder="请输入您的口号" />
+        </view>
+        <view wx:else>
+          <van-radio name="{{item}}" checked-color="#AC1630">{{item}}</van-radio>
+        </view>
+      </view>
+    </view>
+  </van-radio-group>
+</view>
+
+
+<view class="boom"></view>
+
+
+<view style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+  <button data-wpy-evt="17-1" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor-cancel">上一步</button>
+  <button data-wpy-evt="17-2" bind:tap="__dispatcher" style="width: 326rpx;" class="buttonColor">提交上报</button>
+</view>
+
+
diff --git a/mini-app/weapp/pages/form6.wxss b/mini-app/weapp/pages/form6.wxss
new file mode 100644
index 000000000..b7ba35f9e
--- /dev/null
+++ b/mini-app/weapp/pages/form6.wxss
@@ -0,0 +1,30 @@
+.header {
+  width: 100%;
+  height: 150rpx;
+  display: flex;
+  justify-content: center;
+}
+.cell-input {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.cell-input input {
+  margin-left: 10px;
+  border: #dddddd solid 1px;
+  border-radius: 8px;
+  padding: 5px 10px;
+  width: 480rpx;
+}
+input {
+  margin-left: 8px;
+  padding: 5px 10px;
+  width: 480rpx;
+}
+.cell-item {
+  margin-left: 22px;
+  margin-top: 12px;
+  display: flex;
+  align-items: center;
+}
+
diff --git a/mini-app/weapp/pages/index.js b/mini-app/weapp/pages/index.js
new file mode 100644
index 000000000..f886f7069
--- /dev/null
+++ b/mini-app/weapp/pages/index.js
@@ -0,0 +1,203 @@
+"use strict";
+
+var _regeneratorRuntime2 = _interopRequireDefault(require('./../vendor.js')(3));
+
+var _core = _interopRequireDefault(require('./../vendor.js')(0));
+
+var _eventHub = _interopRequireDefault(require('./../common/eventHub.js'));
+
+var _store = _interopRequireDefault(require('./../store/index.js'));
+
+var _x = require('./../vendor.js')(2);
+
+var _xiao4rBase = _interopRequireDefault(require('./../xiao4rBase.js'));
+
+var _xiao4rApis = _interopRequireDefault(require('./../apis/xiao4rApis.js'));
+
+var _userApis = _interopRequireDefault(require('./../apis/userApis.js'));
+
+var _request = _interopRequireDefault(require('./../js/request.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {
+    // Page 级别 hook, 只对当前 Page 的 setData 生效。
+    'before-setData': function beforeSetData(dirty) {
+      if (Math.random() < 0.2) {
+        console.log('setData canceled');
+        return false; // Cancel setData
+      }
+
+      dirty.time = +new Date();
+      return dirty;
+    }
+  },
+  data: {
+    user: _store["default"].state.user
+  },
+  computed: {
+    testcomputed: function testcomputed() {
+      return 'computed - ';
+    },
+    openid: function openid() {
+      return _store["default"].state.user.openid;
+    }
+  },
+  methods: _objectSpread(_objectSpread({}, (0, _x.mapActions)(['setUserAction', 'setWineryFormAction'])), {}, {
+    handleViewTap: function handleViewTap() {
+      console.log('handleVieTap clicked');
+    },
+    tap: function tap() {},
+    callAppLaunch: function callAppLaunch() {
+      _eventHub["default"].$emit('app-launch', {
+        a: 1
+      }, {
+        b: 2
+      });
+    },
+    onNext: function onNext() {
+      _xiao4rBase["default"].navigateTo('form1'); // xiao4rApis.getAuthTest({ openid: store.state.user.openid }).then(r => {
+      //   wx.navigateToMiniProgram({
+      //     appId: 'wx88736d7d39e2eda6',
+      //     path: 'pages/oauth/authindex',
+      //     extraData: r.data
+      //   })
+      // })
+
+    },
+    login: function login() {
+      var self = this;
+      wx.showLoading({
+        title: '正在连接...',
+        mask: true
+      });
+      wx.login({
+        success: function success(res) {
+          var req = _userApis["default"].getSession(res.code);
+
+          req.then(function (rsp) {
+            if (rsp.data.openid) {
+              self.init(rsp.data.openid);
+            } else {
+              _xiao4rBase["default"].showToast('登录失败！' + res.errMsg);
+
+              wx.hideLoading();
+            }
+          }); // request.requestTaskMap.get(req.taskId).abort()
+          // console.log('中断请求,req:', req.taskId)
+        },
+        fail: function fail(res) {
+          _xiao4rBase["default"].showToast('登录失败,正在重试.');
+
+          wx.hideLoading();
+          self.login();
+        }
+      });
+    },
+    init: function init(openid) {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime2["default"].mark(function _callee() {
+        var self;
+        return _regeneratorRuntime2["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                self = _this;
+
+                _xiao4rBase["default"].saveOpenid(openid);
+
+                wx.getUserInfo({
+                  success: function success(res) {
+                    self.setUserAction({
+                      openid: _xiao4rBase["default"].getOpenid(),
+                      userInfo: res.userInfo
+                    });
+                  }
+                });
+                _context.next = 5;
+                return _this.getForm();
+
+              case 5:
+                wx.hideLoading();
+
+              case 6:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    getForm: function getForm() {
+      var _this2 = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime2["default"].mark(function _callee2() {
+        var rsp, temp;
+        return _regeneratorRuntime2["default"].wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.prev = 0;
+                _context2.next = 3;
+                return _xiao4rApis["default"].getForm({
+                  openid: _xiao4rBase["default"].getOpenid()
+                });
+
+              case 3:
+                rsp = _context2.sent;
+
+                if (rsp.code === 200) {
+                  temp = rsp.data;
+                  temp.region = temp.region.split(',');
+                  temp.fermentationProcess = temp.fermentationProcess.split(',');
+                  temp.clarificationMethod = temp.clarificationMethod.split(',');
+                  temp.mainPrice = temp.mainPrice.split(',');
+                  temp.salesMode = temp.salesMode.split(',');
+                  temp.container = temp.container.split(',');
+                  temp.awards = temp.awards.split(',');
+                  temp.redVariety = JSON.parse(temp.redVariety);
+                  temp.whiteVariety = JSON.parse(temp.whiteVariety);
+
+                  _this2.setWineryFormAction(temp);
+                }
+
+                _context2.next = 10;
+                break;
+
+              case 7:
+                _context2.prev = 7;
+                _context2.t0 = _context2["catch"](0);
+
+                _xiao4rBase["default"].showToast('获取用户信息失败.' + _context2.t0);
+
+              case 10:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, null, [[0, 7]]);
+      }))();
+    }
+  }),
+  ready: function ready() {
+    this.login();
+  }
+}, {info: {"components":{},"on":{}}, handlers: {'11-1': {"tap": function proxy () {
+    var _vm=this;
+  return (function () {
+    _vm.onNext();
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/index.json b/mini-app/weapp/pages/index.json
new file mode 100644
index 000000000..dcfd40815
--- /dev/null
+++ b/mini-app/weapp/pages/index.json
@@ -0,0 +1,5 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/index.wxml b/mini-app/weapp/pages/index.wxml
new file mode 100644
index 000000000..f471efbd1
--- /dev/null
+++ b/mini-app/weapp/pages/index.wxml
@@ -0,0 +1,32 @@
+<!----------   wxs start ----------->
+<wxs module="m1">
+"use strict";
+
+var getTime = function getTime(time) {
+  var date = getDate(time);
+  var hour = date.getHours();
+  var mins = date.getMinutes();
+  var sec = date.getSeconds();
+  var milli = date.getMilliseconds();
+  return "".concat(hour, ":").concat(mins, ":").concat(sec, ".").concat(milli);
+};
+
+module.exports.getTime = getTime;
+</wxs>
+<!----------   wxs end   ----------->
+
+<image src="https://www.xiao4r.com/xiao4rstatic/hope_wine/head.png" class="header"></image>
+<view style="margin: 0px 25px;" class="container">
+  <label style="color: #333;font-size: 26px;">贺兰山东麓葡萄酒产区普查</label>
+  <label style="color: #333;font-size: 13px;">Helan Mountain winery census</label>
+  <view style="display: flex;flex-direction:column; margin-top: 24px;">
+    <label style="color: #333;font-size: 16px;">欢迎您参加贺兰山酒庄普查！</label>
+    <text style="color: #666;font-size: 16px;margin-top: 4px;">
+      　　在宁夏回族自治区政府大力推动以红酒产业为首的九大产业之际，为更好的服务我区酒庄及红酒企业，自治区红酒局决定于近期开展2021年贺兰山产区酒庄普查。
+      非常感谢您选择自主填报的方式参加酒庄普查。您通过微信小程序填报的信息会经加密存储在宁夏回族自治区红酒局，数据仅作为服务我区红酒产业总体规划使用。
+    </text>
+  </view>
+</view>
+<view style="display: flex;align-items: center; width: 100%;margin: 25px 0 25px 0;">
+  <button data-wpy-evt="11-1" bind:tap="__dispatcher" style="width: 686rpx;" class="buttonColor">已阅知</button>
+</view>
diff --git a/mini-app/weapp/pages/index.wxss b/mini-app/weapp/pages/index.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/pages/index.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/pages/mall/goods-detail.js b/mini-app/weapp/pages/mall/goods-detail.js
new file mode 100644
index 000000000..37fd96a00
--- /dev/null
+++ b/mini-app/weapp/pages/mall/goods-detail.js
@@ -0,0 +1,324 @@
+"use strict";
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {},
+  data: {
+    goodsImages: ['https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg', 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg', 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg'],
+    detail: '<p style=\'color: #AC1630\'>富文本详情</p>',
+    isShowSpec: false,
+    count: 1
+  },
+  computed: {},
+  methods: _objectSpread(_objectSpread({}, (0, _x.mapActions)(['setUserAction', 'setFormAction'])), {}, {
+    handleViewTap: function handleViewTap() {
+      console.log('handleVieTap clicked');
+    },
+    tap: function tap() {},
+    onShowSpec: function onShowSpec() {
+      this.isShowSpec = true;
+    },
+    onCloseSpec: function onCloseSpec() {
+      this.isShowSpec = false;
+    },
+    onChangeCount: function onChangeCount(e) {
+      console.log(e);
+    },
+    callAppLaunch: function callAppLaunch() {}
+  }),
+  ready: function ready() {}
+}, {info: {"components":{"van-goods-action":{"path":"./../../vant/goods-action/index"},"van-goods-action-icon":{"path":"./../../vant/goods-action-icon/index"},"van-goods-action-button":{"path":"./../../vant/goods-action-button/index"}},"on":{"19-3":["tap"],"19-4":["tap"]}}, handlers: {'19-0': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCount.apply(_vm, $args || [$event]);
+  })();
+}},'19-3': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-4': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{"van-goods-action":{"path":"./../../vant/goods-action/index"},"van-goods-action-icon":{"path":"./../../vant/goods-action-icon/index"},"van-goods-action-button":{"path":"./../../vant/goods-action-button/index"}},"on":{"19-3":["tap"],"19-4":["tap"]}}, handlers: {'19-0': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCount.apply(_vm, $args || [$event]);
+  })();
+}},'19-3': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-4': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{"van-goods-action":{"path":"./../../vant/goods-action/index"},"van-goods-action-icon":{"path":"./../../vant/goods-action-icon/index"},"van-goods-action-button":{"path":"./../../vant/goods-action-button/index"}},"on":{"19-3":["tap"],"19-4":["tap"]}}, handlers: {'19-0': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCount.apply(_vm, $args || [$event]);
+  })();
+}},'19-3': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-4': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{"van-goods-action":{"path":"./../../vant/goods-action/index"},"van-goods-action-icon":{"path":"./../../vant/goods-action-icon/index"},"van-goods-action-button":{"path":"./../../vant/goods-action-button/index"}},"on":{"19-3":["tap"],"19-4":["tap"]}}, handlers: {'19-0': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCount.apply(_vm, $args || [$event]);
+  })();
+}},'19-3': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-4': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{"van-goods-action":{"path":"./../../vant/goods-action/index"},"van-goods-action-icon":{"path":"./../../vant/goods-action-icon/index"},"van-goods-action-button":{"path":"./../../vant/goods-action-button/index"}},"on":{"19-3":["tap"],"19-4":["tap"]}}, handlers: {'19-0': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCount.apply(_vm, $args || [$event]);
+  })();
+}},'19-3': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-4': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{"van-goods-action":{"path":"./../../vant/goods-action/index"},"van-goods-action-icon":{"path":"./../../vant/goods-action-icon/index"},"van-goods-action-button":{"path":"./../../vant/goods-action-button/index"}},"on":{"19-3":["tap"],"19-4":["tap"]}}, handlers: {'19-0': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCount.apply(_vm, $args || [$event]);
+  })();
+}},'19-3': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-4': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined }, {info: {"components":{"van-goods-action":{"path":"./../../vant/goods-action/index"},"van-goods-action-icon":{"path":"./../../vant/goods-action-icon/index"},"van-goods-action-button":{"path":"./../../vant/goods-action-button/index"}},"on":{"19-3":["tap"],"19-4":["tap"]}}, handlers: {'19-0': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-1': {"close": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onCloseSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-2': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChangeCount.apply(_vm, $args || [$event]);
+  })();
+}},'19-3': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}},'19-4': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onShowSpec.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/mall/goods-detail.json b/mini-app/weapp/pages/mall/goods-detail.json
new file mode 100644
index 000000000..8b29855aa
--- /dev/null
+++ b/mini-app/weapp/pages/mall/goods-detail.json
@@ -0,0 +1,9 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {
+        "van-goods-action": "./../../vant/goods-action/index",
+        "van-goods-action-icon": "./../../vant/goods-action-icon/index",
+        "van-goods-action-button": "./../../vant/goods-action-button/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/mall/goods-detail.wxml b/mini-app/weapp/pages/mall/goods-detail.wxml
new file mode 100644
index 000000000..12cc1fca0
--- /dev/null
+++ b/mini-app/weapp/pages/mall/goods-detail.wxml
@@ -0,0 +1,73 @@
+<!----------   wxs start ----------->
+<wxs module="m1">
+"use strict";
+
+var getTime = function getTime(time) {
+  var date = getDate(time);
+  var hour = date.getHours();
+  var mins = date.getMinutes();
+  var sec = date.getSeconds();
+  var milli = date.getMilliseconds();
+  return "".concat(hour, ":").concat(mins, ":").concat(sec, ".").concat(milli);
+};
+
+module.exports.getTime = getTime;
+</wxs>
+<!----------   wxs end   ----------->
+
+
+<nav-bar title="商品详情"></nav-bar>
+
+<swiper indicator-dots="true" autoplay="true" interval="3000">
+  <block wx:for="{{ goodsImages }}" wx:for-index="index" wx:for-item="item" wx:key="index">
+    <swiper-item>
+      <view class="swiper-item">
+        <image src="{{ item }}"></image>
+      </view>
+    </swiper-item>
+  </block>
+</swiper>
+
+<van-cell title="标题能显示多长标题能显示多长" value="内容能显示多长" label="描述信息描述信息描述信息描述信息描述信息描述信息描述信息描述信息" border="{{ false }}"></van-cell>
+<van-cell title="选择规格" is-link data-wpy-evt="19-0" bind:tap="__dispatcher"></van-cell>
+
+<view style="margin: 10px 15px;">
+  <label>商品详情</label>
+  <view style="margin-top: 10px;">
+    <rich-text nodes="{{ detail }}"></rich-text>
+  </view>
+</view>
+
+
+<van-popup show="{{ isShowSpec }}" closeable position="bottom" custom-style="height: 240px" data-wpy-evt="19-1" bind:close="__dispatcher">
+  <van-card price="2.00" desc="描述信息" title="商品标题" thumb="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=751441608,3469454349&fm=15&gp=0.jpg">
+    <view slot="num" style="float:right;">
+      <view>{{'已优惠¥xx元'}}</view>
+    </view>
+
+  </van-card>
+
+  <van-divider></van-divider>
+
+  <van-row>
+    <van-col offset="1" span="8">
+      <view style="display: flex; flex-direction: column;">
+        <label>购买数量</label>
+        <label style="font-size: 12px; color: #cccccc;">剩余:xx</label>
+      </view>
+    </van-col>
+    <van-col offset="7" span="8">
+      <van-stepper value="{{ count }}" data-wpy-evt="19-2" bind:change="__dispatcher"></van-stepper>
+    </van-col>
+  </van-row>
+
+  <van-button round type="danger" size="small" style="float:right;margin-top:10px;margin-right: 10px;">下一步</van-button>
+
+</van-popup>
+
+<van-goods-action bind_init="__initComponent">
+  <van-goods-action-icon bind_init="__initComponent" icon="cart-o" text="购物车" info="5"></van-goods-action-icon>
+  <van-goods-action-icon bind_init="__initComponent" icon="shop-o" text="酒庄"></van-goods-action-icon>
+  <van-goods-action-button bind_init="__initComponent" color="#be99ff" text="加入购物车" type="warning" data-wpy-evt="19-3" bind:tap="__dispatcher"></van-goods-action-button>
+  <van-goods-action-button bind_init="__initComponent" color="#7232dd" text="立即购买" data-wpy-evt="19-4" bind:tap="__dispatcher"></van-goods-action-button>
+</van-goods-action>
diff --git a/mini-app/weapp/pages/mall/goods-detail.wxss b/mini-app/weapp/pages/mall/goods-detail.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/pages/mall/goods-detail.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/pages/mall/index.js b/mini-app/weapp/pages/mall/index.js
new file mode 100644
index 000000000..521e082a9
--- /dev/null
+++ b/mini-app/weapp/pages/mall/index.js
@@ -0,0 +1,133 @@
+"use strict";
+
+var _regeneratorRuntime2 = _interopRequireDefault(require('./../../vendor.js')(3));
+
+var _core = _interopRequireDefault(require('./../../vendor.js')(0));
+
+var _store = _interopRequireDefault(require('./../../store/index.js'));
+
+var _x = require('./../../vendor.js')(2);
+
+var _userApis = _interopRequireDefault(require('./../../apis/userApis.js'));
+
+var _xiao4rBase = _interopRequireDefault(require('./../../xiao4rBase.js'));
+
+var _eventHub = _interopRequireDefault(require('./../../common/eventHub.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+_core["default"].page({
+  store: _store["default"],
+  hooks: {},
+  data: {
+    pageIndex: 0
+  },
+  computed: {},
+  methods: _objectSpread(_objectSpread({}, (0, _x.mapActions)(['setUserAction', 'setTokenAction', 'setOpenidAction'])), {}, {
+    onTest: function onTest() {
+      _eventHub["default"].$emit('onShowDialogUserInfo');
+    },
+    handleViewTap: function handleViewTap() {
+      console.log('handleVieTap clicked');
+    },
+    tap: function tap() {},
+    onChange: function onChange(event) {
+      this.pageIndex = event.$wx.detail;
+    },
+    callAppLaunch: function callAppLaunch() {},
+    login: function login() {
+      var self = this;
+      wx.showLoading({
+        title: '正在连接...',
+        mask: true
+      });
+      wx.login({
+        success: function success(res) {
+          var req = _userApis["default"].getSession(res.code);
+
+          req.then(function (rsp) {
+            if (rsp.data.openid) {
+              self.init(rsp.data.openid);
+            } else {
+              _xiao4rBase["default"].showToast('登录失败！' + res.errMsg);
+
+              wx.hideLoading();
+            }
+          })["catch"](function (e) {
+            _xiao4rBase["default"].showToast('登录失败！' + res.errMsg);
+          }); // request.requestTaskMap.get(req.taskId).abort()
+          // console.log('中断请求,req:', req.taskId)
+        },
+        fail: function fail(res) {
+          _xiao4rBase["default"].showToast('登录失败,正在重试.');
+
+          wx.hideLoading();
+          self.login();
+        }
+      });
+    },
+    init: function init(openid) {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime2["default"].mark(function _callee() {
+        var rsp;
+        return _regeneratorRuntime2["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _xiao4rBase["default"].saveOpenid(openid);
+
+                _context.next = 3;
+                return _userApis["default"].loginByMini({
+                  openid: openid
+                });
+
+              case 3:
+                rsp = _context.sent;
+
+                if (rsp.token) {
+                  _this.setTokenAction(rsp.token);
+                }
+
+                wx.hideLoading();
+
+              case 6:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    }
+  }),
+  ready: function ready() {
+    this.login();
+  },
+  onShow: function onShow() {}
+}, {info: {"components":{"mall-home":{"path":"./../../components/mall/mall-home"},"mall-shopping":{"path":"./../../components/mall/mall-shopping"},"mall-bbs":{"path":"./../../components/mall/mall-bbs"},"mall-car":{"path":"./../../components/mall/mall-car"},"mall-my":{"path":"./../../components/mall/mall-my"},"dialog-registration":{"path":"./../../components/user/dialog-registration"}},"on":{}}, handlers: {'18-6': {"change": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onChange.apply(_vm, $args || [$event]);
+  })();
+}},'18-7': {"tap": function proxy () {
+  var $wx = arguments[arguments.length - 1].$wx;
+  var $event = ($wx.detail && $wx.detail.arguments) ? $wx.detail.arguments[0] : arguments[arguments.length -1];
+  var $args = $wx.detail && $wx.detail.arguments;
+  var _vm=this;
+  return (function () {
+    _vm.onTest.apply(_vm, $args || [$event]);
+  })();
+}}}, models: {}, refs: undefined });
\ No newline at end of file
diff --git a/mini-app/weapp/pages/mall/index.json b/mini-app/weapp/pages/mall/index.json
new file mode 100644
index 000000000..3f7bac9ce
--- /dev/null
+++ b/mini-app/weapp/pages/mall/index.json
@@ -0,0 +1,12 @@
+{
+    "navigationBarTitleText": "",
+    "component": true,
+    "usingComponents": {
+        "mall-home": "./../../components/mall/mall-home",
+        "mall-shopping": "./../../components/mall/mall-shopping",
+        "mall-bbs": "./../../components/mall/mall-bbs",
+        "mall-car": "./../../components/mall/mall-car",
+        "mall-my": "./../../components/mall/mall-my",
+        "dialog-registration": "./../../components/user/dialog-registration"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/pages/mall/index.wxml b/mini-app/weapp/pages/mall/index.wxml
new file mode 100644
index 000000000..16c1cd2bd
--- /dev/null
+++ b/mini-app/weapp/pages/mall/index.wxml
@@ -0,0 +1,33 @@
+<!----------   wxs start ----------->
+<wxs module="m1">
+"use strict";
+
+var getTime = function getTime(time) {
+  var date = getDate(time);
+  var hour = date.getHours();
+  var mins = date.getMinutes();
+  var sec = date.getSeconds();
+  var milli = date.getMilliseconds();
+  return "".concat(hour, ":").concat(mins, ":").concat(sec, ".").concat(milli);
+};
+
+module.exports.getTime = getTime;
+</wxs>
+<!----------   wxs end   ----------->
+
+<van-tabbar active="{{ pageIndex }}" data-wpy-evt="18-6" bind:change="__dispatcher">
+  <van-tabbar-item icon="home-o">热点</van-tabbar-item>
+  <van-tabbar-item icon="shopping-cart-o">购物</van-tabbar-item>
+  <van-tabbar-item icon="comment-o">交流</van-tabbar-item>
+  <van-tabbar-item icon="shopping-cart-o">购物车</van-tabbar-item>
+  <van-tabbar-item icon="user-o">我的</van-tabbar-item>
+</van-tabbar>
+<mall-home bind_init="__initComponent" wx:if="{{ pageIndex === 0 }}"></mall-home>
+<mall-shopping bind_init="__initComponent" wx:elif="{{ pageIndex === 1 }}"></mall-shopping>
+<mall-bbs bind_init="__initComponent" wx:elif="{{ pageIndex === 2 }}"></mall-bbs>
+<mall-car bind_init="__initComponent" wx:elif="{{ pageIndex === 3 }}"></mall-car>
+<mall-my bind_init="__initComponent" wx:elif="{{ pageIndex === 4 }}"></mall-my>
+<dialog-registration bind_init="__initComponent"></dialog-registration>
+<van-button data-wpy-evt="18-7" bind:tap="__dispatcher">测试</van-button>
+
+
diff --git a/mini-app/weapp/pages/mall/index.wxss b/mini-app/weapp/pages/mall/index.wxss
new file mode 100644
index 000000000..3607c3897
--- /dev/null
+++ b/mini-app/weapp/pages/mall/index.wxss
@@ -0,0 +1,6 @@
+.header {
+  width: 100%;
+  height: 536rpx;
+  z-index: -10;
+}
+
diff --git a/mini-app/weapp/sitemap.json b/mini-app/weapp/sitemap.json
new file mode 100644
index 000000000..ca02add20
--- /dev/null
+++ b/mini-app/weapp/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/mini-app/weapp/static/.gitignore b/mini-app/weapp/static/.gitignore
new file mode 100644
index 000000000..e69de29bb
diff --git a/mini-app/weapp/static/img/index/head.png b/mini-app/weapp/static/img/index/head.png
new file mode 100644
index 000000000..578b0df45
Binary files /dev/null and b/mini-app/weapp/static/img/index/head.png differ
diff --git a/mini-app/weapp/store/index.js b/mini-app/weapp/store/index.js
new file mode 100644
index 000000000..841b51da0
--- /dev/null
+++ b/mini-app/weapp/store/index.js
@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _x = _interopRequireDefault(require('./../vendor.js')(2));
+
+var _wineryForm = require('./wineryForm.js');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = new _x["default"].Store({
+  state: {
+    user: {
+      openid: '',
+      mobile: '',
+      userInfo: {},
+      token: ''
+    },
+    wineryForm: _wineryForm.wineryForm
+  },
+  mutations: {
+    setUser: function setUser(state, user) {
+      state.user = user;
+    },
+    setOpenid: function setOpenid(state, openid) {
+      state.user.openid = openid;
+      console.log('state.user.openid:', state.user.openid);
+    },
+    setMobile: function setMobile(state, mobile) {
+      state.user.mobile = mobile;
+    },
+    setUserInfo: function setUserInfo(state, userInfo) {
+      state.user.userInfo = userInfo;
+    },
+    setToken: function setToken(state, token) {
+      state.user.token = token;
+    },
+    setWineryForm: function setWineryForm(state, form) {
+      console.log('远程酒庄表单:', form);
+      state.wineryForm = form;
+      console.log('本地酒庄表单:', state.wineryForm);
+    }
+  },
+  actions: {
+    setUserAction: function setUserAction(_ref, user) {
+      var commit = _ref.commit;
+      commit('setUser', user);
+    },
+    setOpenidAction: function setOpenidAction(_ref2, openid) {
+      var commit = _ref2.commit;
+      commit('setOpenid', openid);
+    },
+    setMobileAction: function setMobileAction(_ref3, user) {
+      var commit = _ref3.commit;
+      commit('setMobile', user);
+    },
+    setUserInfoAction: function setUserInfoAction(_ref4, userInfo) {
+      var commit = _ref4.commit;
+      commit('setUserInfo', userInfo);
+    },
+    setTokenAction: function setTokenAction(_ref5, token) {
+      var commit = _ref5.commit;
+      commit('setToken', token);
+    },
+    setWineryFormAction: function setWineryFormAction(_ref6, form) {
+      var commit = _ref6.commit;
+      commit('setWineryForm', form);
+    }
+  }
+});
+
+exports["default"] = _default;
\ No newline at end of file
diff --git a/mini-app/weapp/store/wineryForm.js b/mini-app/weapp/store/wineryForm.js
new file mode 100644
index 000000000..da56f8696
--- /dev/null
+++ b/mini-app/weapp/store/wineryForm.js
@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.wineryForm = void 0;
+var wineryForm = {
+  openid: '',
+  email: '',
+  personName: '',
+  mobile: '',
+  wineryName: '',
+  // 酒庄名称（具体）
+  buildTime: '',
+  // 建立时间（具体）
+  region: ['宁夏回族自治区', '银川市', '西夏区'],
+  // 酒庄地址（区）
+  address: '',
+  // 酒庄地址（具体）
+  wineryArea: '',
+  // 总面积
+  buildArea: '',
+  // 建筑面积
+  wineryStatus: '已建成投产',
+  // 酒庄现状
+  plantArea: '',
+  // 面积（亩）
+  plantWeight: '',
+  // 产量（斤）
+  soilType: '沙粒',
+  // 土壤类型
+  redVariety: {
+    params: [],
+    checked: []
+  },
+  // 红葡萄品种
+  whiteVariety: {
+    params: [],
+    checked: []
+  },
+  // 白葡萄品种
+  irrigationType: '漫灌',
+  // 灌溉方式
+  fermentationProcess: [],
+  // 发酵工艺
+  container: [],
+  // 热化容器
+  clarificationMethod: [],
+  // 澄清方式
+  annualOutput: '',
+  // 年产量
+  stock: '',
+  // 库存
+  bucketCount: '',
+  // 酒桶数量
+  mainPrice: [],
+  // 主要产品定价
+  salesMode: [],
+  // 销售方式
+  awards: [],
+  // 获奖信息
+  awardInformation: '',
+  // 获奖信息
+  slogan: '葡萄酒·贺兰山' // 征集口号
+
+};
+exports.wineryForm = wineryForm;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/button/index.js b/mini-app/weapp/vant/button/index.js
new file mode 100644
index 000000000..6699f63eb
--- /dev/null
+++ b/mini-app/weapp/vant/button/index.js
@@ -0,0 +1,66 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _button = require('./../mixins/button.js');
+
+var _openType = require('./../mixins/open-type.js');
+
+var _version = require('./../common/version.js');
+
+var mixins = [_button.button, _openType.openType];
+
+if ((0, _version.canIUseFormFieldButton)()) {
+  mixins.push('wx://form-field-button');
+}
+
+(0, _component.VantComponent)({
+  mixins: mixins,
+  classes: ['hover-class', 'loading-class'],
+  data: {
+    baseStyle: ''
+  },
+  props: {
+    formType: String,
+    icon: String,
+    classPrefix: {
+      type: String,
+      value: 'van-icon'
+    },
+    plain: Boolean,
+    block: Boolean,
+    round: Boolean,
+    square: Boolean,
+    loading: Boolean,
+    hairline: Boolean,
+    disabled: Boolean,
+    loadingText: String,
+    customStyle: String,
+    loadingType: {
+      type: String,
+      value: 'circular'
+    },
+    type: {
+      type: String,
+      value: 'default'
+    },
+    dataset: null,
+    size: {
+      type: String,
+      value: 'normal'
+    },
+    loadingSize: {
+      type: String,
+      value: '20px'
+    },
+    color: String
+  },
+  methods: {
+    onClick: function onClick() {
+      if (!this.data.loading) {
+        this.$emit('click');
+      }
+    },
+    noop: function noop() {}
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/button/index.json b/mini-app/weapp/vant/button/index.json
new file mode 100644
index 000000000..27a6d281c
--- /dev/null
+++ b/mini-app/weapp/vant/button/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index",
+        "van-loading": "./../loading/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/button/index.wxml b/mini-app/weapp/vant/button/index.wxml
new file mode 100644
index 000000000..9704ed77c
--- /dev/null
+++ b/mini-app/weapp/vant/button/index.wxml
@@ -0,0 +1,21 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+
+<button id="{{ id }}" data-detail="{{ dataset }}" class="custom-class {{ utils.bem('button', [type, size, { block, round, plain, square, loading, disabled, hairline, unclickable: disabled || loading }]) }} {{ hairline ? 'van-hairline--surround' : '' }}" hover-class="van-button--active hover-class" lang="{{ lang }}" form-type="{{ formType }}" style="{{ computed.rootStyle({ plain, color }) }} {{ customStyle }}" open-type="{{ disabled ? '' : openType }}" business-id="{{ businessId }}" session-from="{{ sessionFrom }}" send-message-title="{{ sendMessageTitle }}" send-message-path="{{ sendMessagePath }}" send-message-img="{{ sendMessageImg }}" show-message-card="{{ showMessageCard }}" app-parameter="{{ appParameter }}" aria-label="{{ ariaLabel }}" bindtap="{{ !disabled ? 'onClick' : 'noop' }}" bindgetuserinfo="bindGetUserInfo" bindcontact="bindContact" bindgetphonenumber="bindGetPhoneNumber" binderror="bindError" bindlaunchapp="bindLaunchApp" bindopensetting="bindOpenSetting">
+  <block wx:if="{{ loading }}">
+    <van-loading custom-class="loading-class" size="{{ loadingSize }}" type="{{ loadingType }}" color="{{ computed.loadingColor({ type, color, plain }) }}"></van-loading>
+    <view wx:if="{{ loadingText }}" class="van-button__loading-text">
+      {{ loadingText }}
+    </view>
+  </block>
+  <block wx:else="">
+    <van-icon wx:if="{{ icon }}" size="1.2em" name="{{ icon }}" class-prefix="{{ classPrefix }}" class="van-button__icon" custom-style="line-height: inherit;"></van-icon>
+    <view class="van-button__text">
+      <slot></slot>
+    </view>
+  </block>
+</button>
diff --git a/mini-app/weapp/vant/button/index.wxs b/mini-app/weapp/vant/button/index.wxs
new file mode 100644
index 000000000..21f2ba2cb
--- /dev/null
+++ b/mini-app/weapp/vant/button/index.wxs
@@ -0,0 +1,39 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function rootStyle(data) {
+  if (!data.color) {
+    return '';
+  }
+
+  var properties = {
+    color: data.plain ? data.color : '#fff',
+    background: data.plain ? null : data.color,
+  };
+
+  // hide border when color is linear-gradient
+  if (data.color.indexOf('gradient') !== -1) {
+    properties.border = 0;
+  } else {
+    properties['border-color'] = data.color;
+  }
+
+  return style(properties);
+}
+
+function loadingColor(data) {
+  if (data.plain) {
+    return data.color ? data.color : '#c9c9c9';
+  }
+
+  if (data.type === 'default') {
+    return '#c9c9c9';
+  }
+
+  return '#fff';
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+  loadingColor: loadingColor,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/button/index.wxss b/mini-app/weapp/vant/button/index.wxss
new file mode 100644
index 000000000..abe85e436
--- /dev/null
+++ b/mini-app/weapp/vant/button/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-button{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:0;text-align:center;vertical-align:middle;-webkit-appearance:none;-webkit-text-size-adjust:100%;height:44px;height:var(--button-default-height,44px);line-height:20px;line-height:var(--button-line-height,20px);font-size:16px;font-size:var(--button-default-font-size,16px);transition:opacity .2s;transition:opacity var(--animation-duration-fast,.2s);border-radius:2px;border-radius:var(--button-border-radius,2px)}.van-button:before{position:absolute;top:50%;left:50%;width:100%;height:100%;border:inherit;border-radius:inherit;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;content:" ";background-color:#000;background-color:var(--black,#000);border-color:#000;border-color:var(--black,#000)}.van-button:after{border-width:0}.van-button--active:before{opacity:.15}.van-button--unclickable:after{display:none}.van-button--default{color:#323233;color:var(--button-default-color,#323233);background:#fff;background:var(--button-default-background-color,#fff);border:1px solid #ebedf0;border:var(--button-border-width,1px) solid var(--button-default-border-color,#ebedf0)}.van-button--primary{color:#fff;color:var(--button-primary-color,#fff);background:#07c160;background:var(--button-primary-background-color,#07c160);border:1px solid #07c160;border:var(--button-border-width,1px) solid var(--button-primary-border-color,#07c160)}.van-button--info{color:#fff;color:var(--button-info-color,#fff);background:#1989fa;background:var(--button-info-background-color,#1989fa);border:1px solid #1989fa;border:var(--button-border-width,1px) solid var(--button-info-border-color,#1989fa)}.van-button--danger{color:#fff;color:var(--button-danger-color,#fff);background:#ee0a24;background:var(--button-danger-background-color,#ee0a24);border:1px solid #ee0a24;border:var(--button-border-width,1px) solid var(--button-danger-border-color,#ee0a24)}.van-button--warning{color:#fff;color:var(--button-warning-color,#fff);background:#ff976a;background:var(--button-warning-background-color,#ff976a);border:1px solid #ff976a;border:var(--button-border-width,1px) solid var(--button-warning-border-color,#ff976a)}.van-button--plain{background:#fff;background:var(--button-plain-background-color,#fff)}.van-button--plain.van-button--primary{color:#07c160;color:var(--button-primary-background-color,#07c160)}.van-button--plain.van-button--info{color:#1989fa;color:var(--button-info-background-color,#1989fa)}.van-button--plain.van-button--danger{color:#ee0a24;color:var(--button-danger-background-color,#ee0a24)}.van-button--plain.van-button--warning{color:#ff976a;color:var(--button-warning-background-color,#ff976a)}.van-button--large{width:100%;height:50px;height:var(--button-large-height,50px)}.van-button--normal{padding:0 15px;font-size:14px;font-size:var(--button-normal-font-size,14px)}.van-button--small{min-width:60px;min-width:var(--button-small-min-width,60px);height:30px;height:var(--button-small-height,30px);padding:0 8px;padding:0 var(--padding-xs,8px);font-size:12px;font-size:var(--button-small-font-size,12px)}.van-button--mini{display:inline-block;min-width:50px;min-width:var(--button-mini-min-width,50px);height:22px;height:var(--button-mini-height,22px);font-size:10px;font-size:var(--button-mini-font-size,10px)}.van-button--mini+.van-button--mini{margin-left:5px}.van-button--block{display:-webkit-flex;display:flex;width:100%}.van-button--round{border-radius:999px;border-radius:var(--button-round-border-radius,999px)}.van-button--square{border-radius:0}.van-button--disabled{opacity:.5;opacity:var(--button-disabled-opacity,.5)}.van-button__text{display:inline}.van-button__icon+.van-button__text:not(:empty),.van-button__loading-text{margin-left:4px}.van-button__icon{min-width:1em;line-height:inherit!important;vertical-align:top}.van-button--hairline{padding-top:1px;border-width:0}.van-button--hairline:after{border-color:inherit;border-width:1px;border-radius:4px;border-radius:calc(var(--button-border-radius, 2px)*2)}.van-button--hairline.van-button--round:after{border-radius:999px;border-radius:var(--button-round-border-radius,999px)}.van-button--hairline.van-button--square:after{border-radius:0}
diff --git a/mini-app/weapp/vant/card/index.js b/mini-app/weapp/vant/card/index.js
new file mode 100644
index 000000000..0250c72e0
--- /dev/null
+++ b/mini-app/weapp/vant/card/index.js
@@ -0,0 +1,46 @@
+"use strict";
+
+var _link = require('./../mixins/link.js');
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  classes: ['num-class', 'desc-class', 'thumb-class', 'title-class', 'price-class', 'origin-price-class'],
+  mixins: [_link.link],
+  props: {
+    tag: String,
+    num: String,
+    desc: String,
+    thumb: String,
+    title: String,
+    price: {
+      type: String,
+      observer: 'updatePrice'
+    },
+    centered: Boolean,
+    lazyLoad: Boolean,
+    thumbLink: String,
+    originPrice: String,
+    thumbMode: {
+      type: String,
+      value: 'aspectFit'
+    },
+    currency: {
+      type: String,
+      value: '¥'
+    }
+  },
+  methods: {
+    updatePrice: function updatePrice() {
+      var price = this.data.price;
+      var priceArr = price.toString().split('.');
+      this.setData({
+        integerStr: priceArr[0],
+        decimalStr: priceArr[1] ? ".".concat(priceArr[1]) : ''
+      });
+    },
+    onClickThumb: function onClickThumb() {
+      this.jumpLink('thumbLink');
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/card/index.json b/mini-app/weapp/vant/card/index.json
new file mode 100644
index 000000000..4416f5789
--- /dev/null
+++ b/mini-app/weapp/vant/card/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-tag": "./../tag/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/card/index.wxml b/mini-app/weapp/vant/card/index.wxml
new file mode 100644
index 000000000..08df6697c
--- /dev/null
+++ b/mini-app/weapp/vant/card/index.wxml
@@ -0,0 +1,48 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class van-card">
+  <view class="{{ utils.bem('card__header', { center: centered }) }}">
+    <view class="van-card__thumb" bind:tap="onClickThumb">
+      <image wx:if="{{ thumb }}" src="{{ thumb }}" mode="{{ thumbMode }}" lazy-load="{{ lazyLoad }}" class="van-card__img thumb-class"></image>
+      <slot wx:else="" name="thumb"></slot>
+      <van-tag wx:if="{{ tag }}" mark="" type="danger" custom-class="van-card__tag">
+        {{ tag }}
+      </van-tag>
+      <slot wx:else="" name="tag"></slot>
+    </view>
+
+    <view class="van-card__content {{ utils.bem('card__content', { center: centered }) }}">
+      <view>
+        <view wx:if="{{ title }}" class="van-card__title title-class">{{ title }}</view>
+        <slot wx:else="" name="title"></slot>
+
+        <view wx:if="{{ desc }}" class="van-card__desc desc-class">{{ desc }}</view>
+        <slot wx:else="" name="desc"></slot>
+
+        <slot name="tags"></slot>
+      </view>
+
+      <view class="van-card__bottom">
+        <slot name="price-top"></slot>
+        <view wx:if="{{ price || price === 0 }}" class="van-card__price price-class">
+          <text>{{ currency }}</text>
+          <text class="van-card__price-integer">{{ integerStr }}</text>
+          <text class="van-card__price-decimal">{{ decimalStr }}</text>
+        </view>
+        <slot wx:else="" name="price"></slot>
+        <view wx:if="{{ originPrice || originPrice === 0 }}" class="van-card__origin-price origin-price-class">{{ currency }} {{ originPrice }}</view>
+        <slot wx:else="" name="origin-price"></slot>
+        <view wx:if="{{ num }}" class="van-card__num num-class">x {{ num }}</view>
+        <slot wx:else="" name="num"></slot>
+        <slot name="bottom"></slot>
+      </view>
+    </view>
+  </view>
+
+  <view class="van-card__footer">
+    <slot name="footer"></slot>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/card/index.wxss b/mini-app/weapp/vant/card/index.wxss
new file mode 100644
index 000000000..bdb130a87
--- /dev/null
+++ b/mini-app/weapp/vant/card/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-card{position:relative;box-sizing:border-box;padding:8px 16px;padding:var(--card-padding,8px 16px);font-size:12px;font-size:var(--card-font-size,12px);color:#323233;color:var(--card-text-color,#323233);background-color:#fafafa;background-color:var(--card-background-color,#fafafa)}.van-card__header{display:-webkit-flex;display:flex}.van-card__header--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-card__thumb{position:relative;-webkit-flex:none;flex:none;width:88px;width:var(--card-thumb-size,88px);height:88px;height:var(--card-thumb-size,88px);margin-right:8px;margin-right:var(--padding-xs,8px)}.van-card__thumb:empty{display:none}.van-card__img{width:100%;height:100%;border-radius:8px;border-radius:var(--border-radius-lg,8px)}.van-card__content{position:relative;display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;min-width:0;min-height:88px;min-height:var(--card-thumb-size,88px)}.van-card__content--center{-webkit-justify-content:center;justify-content:center}.van-card__desc,.van-card__title{word-wrap:break-word}.van-card__title{font-weight:700;line-height:16px;line-height:var(--card-title-line-height,16px)}.van-card__desc{line-height:20px;line-height:var(--card-desc-line-height,20px);color:#646566;color:var(--card-desc-color,#646566)}.van-card__bottom{line-height:20px}.van-card__price{display:inline-block;font-weight:700;color:#ee0a24;color:var(--card-price-color,#ee0a24);font-size:12px;font-size:var(--card-price-font-size,12px)}.van-card__price-integer{font-size:16px;font-size:var(--card-price-integer-font-size,16px)}.van-card__price-decimal,.van-card__price-integer{font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif;font-family:var(--card-price-font-family,Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif)}.van-card__origin-price{display:inline-block;margin-left:5px;text-decoration:line-through;font-size:10px;font-size:var(--card-origin-price-font-size,10px);color:#646566;color:var(--card-origin-price-color,#646566)}.van-card__num{float:right}.van-card__tag{position:absolute!important;top:2px;left:0}.van-card__footer{-webkit-flex:none;flex:none;width:100%;text-align:right}
diff --git a/mini-app/weapp/vant/cell-group/index.js b/mini-app/weapp/vant/cell-group/index.js
new file mode 100644
index 000000000..4cd1d7c96
--- /dev/null
+++ b/mini-app/weapp/vant/cell-group/index.js
@@ -0,0 +1,13 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    title: String,
+    border: {
+      type: Boolean,
+      value: true
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/cell-group/index.json b/mini-app/weapp/vant/cell-group/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/cell-group/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/cell-group/index.wxml b/mini-app/weapp/vant/cell-group/index.wxml
new file mode 100644
index 000000000..6e0b471df
--- /dev/null
+++ b/mini-app/weapp/vant/cell-group/index.wxml
@@ -0,0 +1,9 @@
+<view
+  wx:if="{{ title }}"
+  class="van-cell-group__title"
+>
+  {{ title }}
+</view>
+<view class="custom-class van-cell-group {{ border ? 'van-hairline--top-bottom' : '' }}">
+  <slot />
+</view>
diff --git a/mini-app/weapp/vant/cell-group/index.wxss b/mini-app/weapp/vant/cell-group/index.wxss
new file mode 100644
index 000000000..b7c64fc2a
--- /dev/null
+++ b/mini-app/weapp/vant/cell-group/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-cell-group__title{padding:16px 16px 8px;padding:var(--cell-group-title-padding,16px 16px 8px);font-size:14px;font-size:var(--cell-group-title-font-size,14px);line-height:16px;line-height:var(--cell-group-title-line-height,16px);color:#969799;color:var(--cell-group-title-color,#969799)}
diff --git a/mini-app/weapp/vant/cell/index.js b/mini-app/weapp/vant/cell/index.js
new file mode 100644
index 000000000..537051300
--- /dev/null
+++ b/mini-app/weapp/vant/cell/index.js
@@ -0,0 +1,36 @@
+"use strict";
+
+var _link = require('./../mixins/link.js');
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  classes: ['title-class', 'label-class', 'value-class', 'right-icon-class', 'hover-class'],
+  mixins: [_link.link],
+  props: {
+    title: null,
+    value: null,
+    icon: String,
+    size: String,
+    label: String,
+    center: Boolean,
+    isLink: Boolean,
+    required: Boolean,
+    clickable: Boolean,
+    titleWidth: String,
+    customStyle: String,
+    arrowDirection: String,
+    useLabelSlot: Boolean,
+    border: {
+      type: Boolean,
+      value: true
+    },
+    titleStyle: String
+  },
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event.detail);
+      this.jumpLink();
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/cell/index.json b/mini-app/weapp/vant/cell/index.json
new file mode 100644
index 000000000..aed2ff4bf
--- /dev/null
+++ b/mini-app/weapp/vant/cell/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/cell/index.wxml b/mini-app/weapp/vant/cell/index.wxml
new file mode 100644
index 000000000..e83777fd9
--- /dev/null
+++ b/mini-app/weapp/vant/cell/index.wxml
@@ -0,0 +1,29 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class {{ utils.bem('cell', [size, { center, required, borderless: !border, clickable: isLink || clickable }]) }}" hover-class="van-cell--hover hover-class" hover-stay-time="70" style="{{ customStyle }}" bind:tap="onClick">
+  <van-icon wx:if="{{ icon }}" name="{{ icon }}" class="van-cell__left-icon-wrap" custom-class="van-cell__left-icon"></van-icon>
+  <slot wx:else="" name="icon"></slot>
+
+  <view style="{{ (titleWidth ? 'max-width:' + titleWidth + ';min-width:' + titleWidth + ';' : '') + titleStyle }}" class="van-cell__title title-class">
+    <block wx:if="{{ title }}">{{ title }}</block>
+    <slot wx:else="" name="title"></slot>
+
+    <view wx:if="{{ label || useLabelSlot }}" class="van-cell__label label-class">
+      <slot wx:if="{{ useLabelSlot }}" name="label"></slot>
+      <block wx:elif="{{ label }}">{{ label }}</block>
+    </view>
+  </view>
+
+  <view class="van-cell__value value-class">
+    <block wx:if="{{ value || value === 0 }}">{{ value }}</block>
+    <slot wx:else=""></slot>
+  </view>
+
+  <van-icon wx:if="{{ isLink }}" name="{{ arrowDirection ? 'arrow' + '-' + arrowDirection : 'arrow' }}" class="van-cell__right-icon-wrap right-icon-class" custom-class="van-cell__right-icon"></van-icon>
+  <slot wx:else="" name="right-icon"></slot>
+
+  <slot name="extra"></slot>
+</view>
diff --git a/mini-app/weapp/vant/cell/index.wxss b/mini-app/weapp/vant/cell/index.wxss
new file mode 100644
index 000000000..5a8e4f01e
--- /dev/null
+++ b/mini-app/weapp/vant/cell/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-cell{position:relative;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;padding:10px 16px;padding:var(--cell-vertical-padding,10px) var(--cell-horizontal-padding,16px);font-size:14px;font-size:var(--cell-font-size,14px);line-height:24px;line-height:var(--cell-line-height,24px);color:#323233;color:var(--cell-text-color,#323233);background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless:after{display:none}.van-cell-group{background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell__label{margin-top:3px;margin-top:var(--cell-label-margin-top,3px);font-size:12px;font-size:var(--cell-label-font-size,12px);line-height:18px;line-height:var(--cell-label-line-height,18px);color:#969799;color:var(--cell-label-color,#969799)}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle;color:#969799;color:var(--cell-value-color,#969799)}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:24px;height:var(--cell-line-height,24px);font-size:16px;font-size:var(--cell-icon-size,16px)}.van-cell__left-icon-wrap{margin-right:4px;margin-right:var(--padding-base,4px)}.van-cell__right-icon-wrap{margin-left:4px;margin-left:var(--padding-base,4px);color:#969799;color:var(--cell-right-icon-color,#969799)}.van-cell__left-icon{vertical-align:middle}.van-cell__left-icon,.van-cell__right-icon{line-height:24px;line-height:var(--cell-line-height,24px)}.van-cell--clickable.van-cell--hover{background-color:#f2f3f5;background-color:var(--cell-active-color,#f2f3f5)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;content:"*";left:8px;left:var(--padding-xs,8px);font-size:14px;font-size:var(--cell-font-size,14px);color:#ee0a24;color:var(--cell-required-color,#ee0a24)}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:12px;padding-top:var(--cell-large-vertical-padding,12px);padding-bottom:12px;padding-bottom:var(--cell-large-vertical-padding,12px)}.van-cell--large .van-cell__title{font-size:16px;font-size:var(--cell-large-title-font-size,16px)}.van-cell--large .van-cell__value{font-size:16px;font-size:var(--cell-large-value-font-size,16px)}.van-cell--large .van-cell__label{font-size:14px;font-size:var(--cell-large-label-font-size,14px)}
diff --git a/mini-app/weapp/vant/checkbox-group/index.js b/mini-app/weapp/vant/checkbox-group/index.js
new file mode 100644
index 000000000..f8b894b9b
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox-group/index.js
@@ -0,0 +1,44 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  field: true,
+  relation: {
+    name: 'checkbox',
+    type: 'descendant',
+    current: 'checkbox-group',
+    linked: function linked(target) {
+      this.updateChild(target);
+    }
+  },
+  props: {
+    max: Number,
+    value: {
+      type: Array,
+      observer: 'updateChildren'
+    },
+    disabled: {
+      type: Boolean,
+      observer: 'updateChildren'
+    }
+  },
+  methods: {
+    updateChildren: function updateChildren() {
+      var _this = this;
+
+      (this.children || []).forEach(function (child) {
+        return _this.updateChild(child);
+      });
+    },
+    updateChild: function updateChild(child) {
+      var _this$data = this.data,
+          value = _this$data.value,
+          disabled = _this$data.disabled;
+      child.setData({
+        value: value.indexOf(child.data.name) !== -1,
+        parentDisabled: disabled
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/checkbox-group/index.json b/mini-app/weapp/vant/checkbox-group/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox-group/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/checkbox-group/index.wxml b/mini-app/weapp/vant/checkbox-group/index.wxml
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox-group/index.wxml
@@ -0,0 +1 @@
+<slot />
diff --git a/mini-app/weapp/vant/checkbox-group/index.wxss b/mini-app/weapp/vant/checkbox-group/index.wxss
new file mode 100644
index 000000000..ecfdfde88
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox-group/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
diff --git a/mini-app/weapp/vant/checkbox/index.js b/mini-app/weapp/vant/checkbox/index.js
new file mode 100644
index 000000000..29b203229
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox/index.js
@@ -0,0 +1,90 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+function emit(target, value) {
+  target.$emit('input', value);
+  target.$emit('change', value);
+}
+
+(0, _component.VantComponent)({
+  field: true,
+  relation: {
+    name: 'checkbox-group',
+    type: 'ancestor',
+    current: 'checkbox'
+  },
+  classes: ['icon-class', 'label-class'],
+  props: {
+    value: Boolean,
+    disabled: Boolean,
+    useIconSlot: Boolean,
+    checkedColor: String,
+    labelPosition: String,
+    labelDisabled: Boolean,
+    shape: {
+      type: String,
+      value: 'round'
+    },
+    iconSize: {
+      type: null,
+      value: 20
+    }
+  },
+  data: {
+    parentDisabled: false
+  },
+  methods: {
+    emitChange: function emitChange(value) {
+      if (this.parent) {
+        this.setParentValue(this.parent, value);
+      } else {
+        emit(this, value);
+      }
+    },
+    toggle: function toggle() {
+      var _this$data = this.data,
+          parentDisabled = _this$data.parentDisabled,
+          disabled = _this$data.disabled,
+          value = _this$data.value;
+
+      if (!disabled && !parentDisabled) {
+        this.emitChange(!value);
+      }
+    },
+    onClickLabel: function onClickLabel() {
+      var _this$data2 = this.data,
+          labelDisabled = _this$data2.labelDisabled,
+          parentDisabled = _this$data2.parentDisabled,
+          disabled = _this$data2.disabled,
+          value = _this$data2.value;
+
+      if (!disabled && !labelDisabled && !parentDisabled) {
+        this.emitChange(!value);
+      }
+    },
+    setParentValue: function setParentValue(parent, value) {
+      var parentValue = parent.data.value.slice();
+      var name = this.data.name;
+      var max = parent.data.max;
+
+      if (value) {
+        if (max && parentValue.length >= max) {
+          return;
+        }
+
+        if (parentValue.indexOf(name) === -1) {
+          parentValue.push(name);
+          emit(parent, parentValue);
+        }
+      } else {
+        var index = parentValue.indexOf(name);
+
+        if (index !== -1) {
+          parentValue.splice(index, 1);
+          emit(parent, parentValue);
+        }
+      }
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/checkbox/index.json b/mini-app/weapp/vant/checkbox/index.json
new file mode 100644
index 000000000..aed2ff4bf
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/checkbox/index.wxml b/mini-app/weapp/vant/checkbox/index.wxml
new file mode 100644
index 000000000..bf478c642
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox/index.wxml
@@ -0,0 +1,16 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+
+<view class="van-checkbox custom-class">
+  <view class="van-checkbox__icon-wrap" bindtap="toggle">
+    <slot wx:if="{{ useIconSlot }}" name="icon"></slot>
+    <van-icon wx:else="" name="success" size="0.8em" class="{{ utils.bem('checkbox__icon', [shape, { disabled: disabled || parentDisabled, checked: value }]) }}" style="{{ computed.iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) }}" custom-class="icon-class" custom-style="line-height: 1.25em;"></van-icon>
+  </view>
+  <view class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}" bindtap="onClickLabel">
+    <slot></slot>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/checkbox/index.wxs b/mini-app/weapp/vant/checkbox/index.wxs
new file mode 100644
index 000000000..8a0274ea9
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox/index.wxs
@@ -0,0 +1,20 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function iconStyle(checkedColor, value, disabled, parentDisabled, iconSize) {
+  var styles = {
+    'font-size': addUnit(iconSize),
+  };
+
+  if (checkedColor && value && !disabled && !parentDisabled) {
+    styles['border-color'] = checkedColor;
+    styles['background-color'] = checkedColor;
+  }
+
+  return style(styles);
+}
+
+module.exports = {
+  iconStyle: iconStyle,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/checkbox/index.wxss b/mini-app/weapp/vant/checkbox/index.wxss
new file mode 100644
index 000000000..d84c418b9
--- /dev/null
+++ b/mini-app/weapp/vant/checkbox/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-checkbox{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.van-checkbox__icon-wrap,.van-checkbox__label{line-height:20px;line-height:var(--checkbox-size,20px)}.van-checkbox__icon-wrap{-webkit-flex:none;flex:none}.van-checkbox__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:1em;height:1em;color:transparent;text-align:center;transition-property:color,border-color,background-color;font-size:20px;font-size:var(--checkbox-size,20px);border:1px solid #c8c9cc;border:1px solid var(--checkbox-border-color,#c8c9cc);transition-duration:.2s;transition-duration:var(--checkbox-transition-duration,.2s)}.van-checkbox__icon--round{border-radius:100%}.van-checkbox__icon--checked{color:#fff;color:var(--white,#fff);background-color:#1989fa;background-color:var(--checkbox-checked-icon-color,#1989fa);border-color:#1989fa;border-color:var(--checkbox-checked-icon-color,#1989fa)}.van-checkbox__icon--disabled{background-color:#ebedf0;background-color:var(--checkbox-disabled-background-color,#ebedf0);border-color:#c8c9cc;border-color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__icon--disabled.van-checkbox__icon--checked{color:#c8c9cc;color:var(--checkbox-disabled-icon-color,#c8c9cc)}.van-checkbox__label{word-wrap:break-word;margin-left:10px;margin-left:var(--checkbox-label-margin,10px);color:#323233;color:var(--checkbox-label-color,#323233)}.van-checkbox__label--left{float:left;margin:0 10px 0 0;margin:0 var(--checkbox-label-margin,10px) 0 0}.van-checkbox__label--disabled{color:#c8c9cc;color:var(--checkbox-disabled-label-color,#c8c9cc)}.van-checkbox__label:empty{margin:0}
diff --git a/mini-app/weapp/vant/col/index.js b/mini-app/weapp/vant/col/index.js
new file mode 100644
index 000000000..f60a63f7f
--- /dev/null
+++ b/mini-app/weapp/vant/col/index.js
@@ -0,0 +1,30 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  relation: {
+    name: 'row',
+    type: 'ancestor',
+    current: 'col'
+  },
+  props: {
+    span: Number,
+    offset: Number
+  },
+  data: {
+    viewStyle: ''
+  },
+  methods: {
+    setGutter: function setGutter(gutter) {
+      var padding = "".concat(gutter / 2, "px");
+      var viewStyle = gutter ? "padding-left: ".concat(padding, "; padding-right: ").concat(padding, ";") : '';
+
+      if (viewStyle !== this.data.viewStyle) {
+        this.setData({
+          viewStyle: viewStyle
+        });
+      }
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/col/index.json b/mini-app/weapp/vant/col/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/col/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/col/index.wxml b/mini-app/weapp/vant/col/index.wxml
new file mode 100644
index 000000000..d14769055
--- /dev/null
+++ b/mini-app/weapp/vant/col/index.wxml
@@ -0,0 +1,8 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class {{ utils.bem('col', [span]) }} {{ offset ? 'van-col--offset-' + offset : '' }}" style="{{ viewStyle }}">
+  <slot></slot>
+</view>
diff --git a/mini-app/weapp/vant/col/index.wxss b/mini-app/weapp/vant/col/index.wxss
new file mode 100644
index 000000000..923417c6e
--- /dev/null
+++ b/mini-app/weapp/vant/col/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-col{float:left;box-sizing:border-box}.van-col--1{width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{width:100%}.van-col--offset-24{margin-left:100%}
diff --git a/mini-app/weapp/vant/common/color.js b/mini-app/weapp/vant/common/color.js
new file mode 100644
index 000000000..3a4e4a300
--- /dev/null
+++ b/mini-app/weapp/vant/common/color.js
@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRAY_DARK = exports.GRAY = exports.ORANGE = exports.GREEN = exports.WHITE = exports.BLUE = exports.RED = void 0;
+var RED = '#ee0a24';
+exports.RED = RED;
+var BLUE = '#1989fa';
+exports.BLUE = BLUE;
+var WHITE = '#fff';
+exports.WHITE = WHITE;
+var GREEN = '#07c160';
+exports.GREEN = GREEN;
+var ORANGE = '#ff976a';
+exports.ORANGE = ORANGE;
+var GRAY = '#323233';
+exports.GRAY = GRAY;
+var GRAY_DARK = '#969799';
+exports.GRAY_DARK = GRAY_DARK;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/common/component.js b/mini-app/weapp/vant/common/component.js
new file mode 100644
index 000000000..80b0d2e65
--- /dev/null
+++ b/mini-app/weapp/vant/common/component.js
@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VantComponent = VantComponent;
+
+var _basic = require('./../mixins/basic.js');
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var relationFunctions = {
+  ancestor: {
+    linked: function linked(parent) {
+      // @ts-ignore
+      this.parent = parent;
+    },
+    unlinked: function unlinked() {
+      // @ts-ignore
+      this.parent = null;
+    }
+  },
+  descendant: {
+    linked: function linked(child) {
+      // @ts-ignore
+      this.children = this.children || []; // @ts-ignore
+
+      this.children.push(child);
+    },
+    unlinked: function unlinked(child) {
+      // @ts-ignore
+      this.children = (this.children || []).filter(function (it) {
+        return it !== child;
+      });
+    }
+  }
+};
+
+function mapKeys(source, target, map) {
+  Object.keys(map).forEach(function (key) {
+    if (source[key]) {
+      target[map[key]] = source[key];
+    }
+  });
+}
+
+function makeRelation(options, vantOptions, relation) {
+  var type = relation.type,
+      name = relation.name,
+      _linked = relation.linked,
+      _unlinked = relation.unlinked,
+      _linkChanged = relation.linkChanged;
+  var beforeCreate = vantOptions.beforeCreate,
+      destroyed = vantOptions.destroyed;
+
+  if (type === 'descendant') {
+    options.created = function () {
+      beforeCreate && beforeCreate.bind(this)();
+      this.children = this.children || [];
+    };
+
+    options.detached = function () {
+      this.children = [];
+      destroyed && destroyed.bind(this)();
+    };
+  }
+
+  options.relations = Object.assign(options.relations || {}, _defineProperty({}, "../".concat(name, "/index"), {
+    type: type,
+    linked: function linked(node) {
+      relationFunctions[type].linked.bind(this)(node);
+      _linked && _linked.bind(this)(node);
+    },
+    linkChanged: function linkChanged(node) {
+      _linkChanged && _linkChanged.bind(this)(node);
+    },
+    unlinked: function unlinked(node) {
+      relationFunctions[type].unlinked.bind(this)(node);
+      _unlinked && _unlinked.bind(this)(node);
+    }
+  }));
+}
+
+function VantComponent() {
+  var vantOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var options = {};
+  mapKeys(vantOptions, options, {
+    data: 'data',
+    props: 'properties',
+    mixins: 'behaviors',
+    methods: 'methods',
+    beforeCreate: 'created',
+    created: 'attached',
+    mounted: 'ready',
+    relations: 'relations',
+    destroyed: 'detached',
+    classes: 'externalClasses'
+  });
+  var relation = vantOptions.relation;
+
+  if (relation) {
+    makeRelation(options, vantOptions, relation);
+  } // add default externalClasses
+
+
+  options.externalClasses = options.externalClasses || [];
+  options.externalClasses.push('custom-class'); // add default behaviors
+
+  options.behaviors = options.behaviors || [];
+  options.behaviors.push(_basic.basic); // map field to form-field behavior
+
+  if (vantOptions.field) {
+    options.behaviors.push('wx://form-field');
+  }
+
+  if (options.properties) {
+    Object.keys(options.properties).forEach(function (name) {
+      if (Array.isArray(options.properties[name])) {
+        // miniprogram do not allow multi type
+        options.properties[name] = null;
+      }
+    });
+  } // add default options
+
+
+  options.options = {
+    multipleSlots: true,
+    addGlobalClass: true
+  };
+  Component(options);
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/common/index.wxss b/mini-app/weapp/vant/common/index.wxss
new file mode 100644
index 000000000..976825d7b
--- /dev/null
+++ b/mini-app/weapp/vant/common/index.wxss
@@ -0,0 +1 @@
+.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{display:table;clear:both;content:""}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/common/utils.js b/mini-app/weapp/vant/common/utils.js
new file mode 100644
index 000000000..a8041e0b8
--- /dev/null
+++ b/mini-app/weapp/vant/common/utils.js
@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.range = range;
+exports.nextTick = nextTick;
+exports.getSystemInfoSync = getSystemInfoSync;
+exports.addUnit = addUnit;
+exports.requestAnimationFrame = requestAnimationFrame;
+exports.pickExclude = pickExclude;
+exports.getRect = getRect;
+exports.getAllRect = getAllRect;
+exports.groupSetData = groupSetData;
+exports.toPromise = toPromise;
+
+var _validator = require('./validator.js');
+
+var _version = require('./version.js');
+
+function range(num, min, max) {
+  return Math.min(Math.max(num, min), max);
+}
+
+function nextTick(cb) {
+  if ((0, _version.canIUseNextTick)()) {
+    wx.nextTick(cb);
+  } else {
+    setTimeout(function () {
+      cb();
+    }, 1000 / 30);
+  }
+}
+
+var systemInfo;
+
+function getSystemInfoSync() {
+  if (systemInfo == null) {
+    systemInfo = wx.getSystemInfoSync();
+  }
+
+  return systemInfo;
+}
+
+function addUnit(value) {
+  if (!(0, _validator.isDef)(value)) {
+    return undefined;
+  }
+
+  value = String(value);
+  return (0, _validator.isNumber)(value) ? "".concat(value, "px") : value;
+}
+
+function requestAnimationFrame(cb) {
+  var systemInfo = getSystemInfoSync();
+
+  if (systemInfo.platform === 'devtools') {
+    return setTimeout(function () {
+      cb();
+    }, 1000 / 30);
+  }
+
+  return wx.createSelectorQuery().selectViewport().boundingClientRect().exec(function () {
+    cb();
+  });
+}
+
+function pickExclude(obj, keys) {
+  if (!(0, _validator.isPlainObject)(obj)) {
+    return {};
+  }
+
+  return Object.keys(obj).reduce(function (prev, key) {
+    if (!keys.includes(key)) {
+      prev[key] = obj[key];
+    }
+
+    return prev;
+  }, {});
+}
+
+function getRect(context, selector) {
+  return new Promise(function (resolve) {
+    wx.createSelectorQuery()["in"](context).select(selector).boundingClientRect().exec(function () {
+      var rect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return resolve(rect[0]);
+    });
+  });
+}
+
+function getAllRect(context, selector) {
+  return new Promise(function (resolve) {
+    wx.createSelectorQuery()["in"](context).selectAll(selector).boundingClientRect().exec(function () {
+      var rect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+      return resolve(rect[0]);
+    });
+  });
+}
+
+function groupSetData(context, cb) {
+  if ((0, _version.canIUseGroupSetData)()) {
+    context.groupSetData(cb);
+  } else {
+    cb();
+  }
+}
+
+function toPromise(promiseLike) {
+  if ((0, _validator.isPromise)(promiseLike)) {
+    return promiseLike;
+  }
+
+  return Promise.resolve(promiseLike);
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/common/validator.js b/mini-app/weapp/vant/common/validator.js
new file mode 100644
index 000000000..5e3d5d080
--- /dev/null
+++ b/mini-app/weapp/vant/common/validator.js
@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isFunction = isFunction;
+exports.isPlainObject = isPlainObject;
+exports.isPromise = isPromise;
+exports.isDef = isDef;
+exports.isObj = isObj;
+exports.isNumber = isNumber;
+exports.isBoolean = isBoolean;
+exports.isImageUrl = isImageUrl;
+exports.isVideoUrl = isVideoUrl;
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function isFunction(val) {
+  return typeof val === 'function';
+}
+
+function isPlainObject(val) {
+  return val !== null && _typeof(val) === 'object' && !Array.isArray(val);
+}
+
+function isPromise(val) {
+  return isPlainObject(val) && isFunction(val.then) && isFunction(val["catch"]);
+}
+
+function isDef(value) {
+  return value !== undefined && value !== null;
+}
+
+function isObj(x) {
+  var type = _typeof(x);
+
+  return x !== null && (type === 'object' || type === 'function');
+}
+
+function isNumber(value) {
+  return /^\d+(\.\d+)?$/.test(value);
+}
+
+function isBoolean(value) {
+  return typeof value === 'boolean';
+}
+
+var IMAGE_REGEXP = /\.(jpeg|jpg|gif|png|svg|webp|jfif|bmp|dpg)/i;
+var VIDEO_REGEXP = /\.(mp4|mpg|mpeg|dat|asf|avi|rm|rmvb|mov|wmv|flv|mkv)/i;
+
+function isImageUrl(url) {
+  return IMAGE_REGEXP.test(url);
+}
+
+function isVideoUrl(url) {
+  return VIDEO_REGEXP.test(url);
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/common/version.js b/mini-app/weapp/vant/common/version.js
new file mode 100644
index 000000000..9df4bd31f
--- /dev/null
+++ b/mini-app/weapp/vant/common/version.js
@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.canIUseModel = canIUseModel;
+exports.canIUseFormFieldButton = canIUseFormFieldButton;
+exports.canIUseAnimate = canIUseAnimate;
+exports.canIUseGroupSetData = canIUseGroupSetData;
+exports.canIUseNextTick = canIUseNextTick;
+
+var _utils = require('./utils.js');
+
+function compareVersion(v1, v2) {
+  v1 = v1.split('.');
+  v2 = v2.split('.');
+  var len = Math.max(v1.length, v2.length);
+
+  while (v1.length < len) {
+    v1.push('0');
+  }
+
+  while (v2.length < len) {
+    v2.push('0');
+  }
+
+  for (var i = 0; i < len; i++) {
+    var num1 = parseInt(v1[i], 10);
+    var num2 = parseInt(v2[i], 10);
+
+    if (num1 > num2) {
+      return 1;
+    }
+
+    if (num1 < num2) {
+      return -1;
+    }
+  }
+
+  return 0;
+}
+
+function canIUseModel() {
+  var system = (0, _utils.getSystemInfoSync)();
+  return compareVersion(system.SDKVersion, '2.9.3') >= 0;
+}
+
+function canIUseFormFieldButton() {
+  var system = (0, _utils.getSystemInfoSync)();
+  return compareVersion(system.SDKVersion, '2.10.3') >= 0;
+}
+
+function canIUseAnimate() {
+  var system = (0, _utils.getSystemInfoSync)();
+  return compareVersion(system.SDKVersion, '2.9.0') >= 0;
+}
+
+function canIUseGroupSetData() {
+  var system = (0, _utils.getSystemInfoSync)();
+  return compareVersion(system.SDKVersion, '2.4.0') >= 0;
+}
+
+function canIUseNextTick() {
+  return wx.canIUse('nextTick');
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/datetime-picker/index.js b/mini-app/weapp/vant/datetime-picker/index.js
new file mode 100644
index 000000000..f8df8413d
--- /dev/null
+++ b/mini-app/weapp/vant/datetime-picker/index.js
@@ -0,0 +1,398 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _validator = require('./../common/validator.js');
+
+var _shared = require('./../picker/shared.js');
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var currentYear = new Date().getFullYear();
+
+function isValidDate(date) {
+  return (0, _validator.isDef)(date) && !isNaN(new Date(date).getTime());
+}
+
+function range(num, min, max) {
+  return Math.min(Math.max(num, min), max);
+}
+
+function padZero(val) {
+  return "00".concat(val).slice(-2);
+}
+
+function times(n, iteratee) {
+  var index = -1;
+  var result = Array(n < 0 ? 0 : n);
+
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+
+  return result;
+}
+
+function getTrueValue(formattedValue) {
+  if (formattedValue === undefined) {
+    formattedValue = '1';
+  }
+
+  while (isNaN(parseInt(formattedValue, 10))) {
+    formattedValue = formattedValue.slice(1);
+  }
+
+  return parseInt(formattedValue, 10);
+}
+
+function getMonthEndDay(year, month) {
+  return 32 - new Date(year, month - 1, 32).getDate();
+}
+
+var defaultFormatter = function defaultFormatter(type, value) {
+  return value;
+};
+
+(0, _component.VantComponent)({
+  classes: ['active-class', 'toolbar-class', 'column-class'],
+  props: Object.assign(Object.assign({}, _shared.pickerProps), {
+    value: {
+      type: null,
+      observer: 'updateValue'
+    },
+    filter: null,
+    type: {
+      type: String,
+      value: 'datetime',
+      observer: 'updateValue'
+    },
+    showToolbar: {
+      type: Boolean,
+      value: true
+    },
+    formatter: {
+      type: null,
+      value: defaultFormatter
+    },
+    minDate: {
+      type: Number,
+      value: new Date(currentYear - 10, 0, 1).getTime(),
+      observer: 'updateValue'
+    },
+    maxDate: {
+      type: Number,
+      value: new Date(currentYear + 10, 11, 31).getTime(),
+      observer: 'updateValue'
+    },
+    minHour: {
+      type: Number,
+      value: 0,
+      observer: 'updateValue'
+    },
+    maxHour: {
+      type: Number,
+      value: 23,
+      observer: 'updateValue'
+    },
+    minMinute: {
+      type: Number,
+      value: 0,
+      observer: 'updateValue'
+    },
+    maxMinute: {
+      type: Number,
+      value: 59,
+      observer: 'updateValue'
+    }
+  }),
+  data: {
+    innerValue: Date.now(),
+    columns: []
+  },
+  methods: {
+    updateValue: function updateValue() {
+      var _this = this;
+
+      var data = this.data;
+      var val = this.correctValue(data.value);
+      var isEqual = val === data.innerValue;
+
+      if (!isEqual) {
+        this.updateColumnValue(val).then(function () {
+          _this.$emit('input', val);
+        });
+      } else {
+        this.updateColumns();
+      }
+    },
+    getPicker: function getPicker() {
+      if (this.picker == null) {
+        this.picker = this.selectComponent('.van-datetime-picker');
+        var picker = this.picker;
+        var setColumnValues = picker.setColumnValues;
+
+        picker.setColumnValues = function () {
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
+          }
+
+          return setColumnValues.apply(picker, [].concat(args, [false]));
+        };
+      }
+
+      return this.picker;
+    },
+    updateColumns: function updateColumns() {
+      var _this$data$formatter = this.data.formatter,
+          formatter = _this$data$formatter === void 0 ? defaultFormatter : _this$data$formatter;
+      var results = this.getOriginColumns().map(function (column) {
+        return {
+          values: column.values.map(function (value) {
+            return formatter(column.type, value);
+          })
+        };
+      });
+      return this.set({
+        columns: results
+      });
+    },
+    getOriginColumns: function getOriginColumns() {
+      var filter = this.data.filter;
+      var results = this.getRanges().map(function (_ref) {
+        var type = _ref.type,
+            range = _ref.range;
+        var values = times(range[1] - range[0] + 1, function (index) {
+          var value = range[0] + index;
+          value = type === 'year' ? "".concat(value) : padZero(value);
+          return value;
+        });
+
+        if (filter) {
+          values = filter(type, values);
+        }
+
+        return {
+          type: type,
+          values: values
+        };
+      });
+      return results;
+    },
+    getRanges: function getRanges() {
+      var data = this.data;
+
+      if (data.type === 'time') {
+        return [{
+          type: 'hour',
+          range: [data.minHour, data.maxHour]
+        }, {
+          type: 'minute',
+          range: [data.minMinute, data.maxMinute]
+        }];
+      }
+
+      var _this$getBoundary = this.getBoundary('max', data.innerValue),
+          maxYear = _this$getBoundary.maxYear,
+          maxDate = _this$getBoundary.maxDate,
+          maxMonth = _this$getBoundary.maxMonth,
+          maxHour = _this$getBoundary.maxHour,
+          maxMinute = _this$getBoundary.maxMinute;
+
+      var _this$getBoundary2 = this.getBoundary('min', data.innerValue),
+          minYear = _this$getBoundary2.minYear,
+          minDate = _this$getBoundary2.minDate,
+          minMonth = _this$getBoundary2.minMonth,
+          minHour = _this$getBoundary2.minHour,
+          minMinute = _this$getBoundary2.minMinute;
+
+      var result = [{
+        type: 'year',
+        range: [minYear, maxYear]
+      }, {
+        type: 'month',
+        range: [minMonth, maxMonth]
+      }, {
+        type: 'day',
+        range: [minDate, maxDate]
+      }, {
+        type: 'hour',
+        range: [minHour, maxHour]
+      }, {
+        type: 'minute',
+        range: [minMinute, maxMinute]
+      }];
+      if (data.type === 'date') result.splice(3, 2);
+      if (data.type === 'year-month') result.splice(2, 3);
+      return result;
+    },
+    correctValue: function correctValue(value) {
+      var data = this.data; // validate value
+
+      var isDateType = data.type !== 'time';
+
+      if (isDateType && !isValidDate(value)) {
+        value = data.minDate;
+      } else if (!isDateType && !value) {
+        var minHour = data.minHour;
+        value = "".concat(padZero(minHour), ":00");
+      } // time type
+
+
+      if (!isDateType) {
+        var _value$split = value.split(':'),
+            _value$split2 = _slicedToArray(_value$split, 2),
+            hour = _value$split2[0],
+            minute = _value$split2[1];
+
+        hour = padZero(range(hour, data.minHour, data.maxHour));
+        minute = padZero(range(minute, data.minMinute, data.maxMinute));
+        return "".concat(hour, ":").concat(minute);
+      } // date type
+
+
+      value = Math.max(value, data.minDate);
+      value = Math.min(value, data.maxDate);
+      return value;
+    },
+    getBoundary: function getBoundary(type, innerValue) {
+      var _ref2;
+
+      var value = new Date(innerValue);
+      var boundary = new Date(this.data["".concat(type, "Date")]);
+      var year = boundary.getFullYear();
+      var month = 1;
+      var date = 1;
+      var hour = 0;
+      var minute = 0;
+
+      if (type === 'max') {
+        month = 12;
+        date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
+        hour = 23;
+        minute = 59;
+      }
+
+      if (value.getFullYear() === year) {
+        month = boundary.getMonth() + 1;
+
+        if (value.getMonth() + 1 === month) {
+          date = boundary.getDate();
+
+          if (value.getDate() === date) {
+            hour = boundary.getHours();
+
+            if (value.getHours() === hour) {
+              minute = boundary.getMinutes();
+            }
+          }
+        }
+      }
+
+      return _ref2 = {}, _defineProperty(_ref2, "".concat(type, "Year"), year), _defineProperty(_ref2, "".concat(type, "Month"), month), _defineProperty(_ref2, "".concat(type, "Date"), date), _defineProperty(_ref2, "".concat(type, "Hour"), hour), _defineProperty(_ref2, "".concat(type, "Minute"), minute), _ref2;
+    },
+    onCancel: function onCancel() {
+      this.$emit('cancel');
+    },
+    onConfirm: function onConfirm() {
+      this.$emit('confirm', this.data.innerValue);
+    },
+    onChange: function onChange() {
+      var _this2 = this;
+
+      var data = this.data;
+      var value;
+      var picker = this.getPicker();
+      var originColumns = this.getOriginColumns();
+
+      if (data.type === 'time') {
+        var indexes = picker.getIndexes();
+        value = "".concat(+originColumns[0].values[indexes[0]], ":").concat(+originColumns[1].values[indexes[1]]);
+      } else {
+        var _indexes = picker.getIndexes();
+
+        var values = _indexes.map(function (value, index) {
+          return originColumns[index].values[value];
+        });
+
+        var year = getTrueValue(values[0]);
+        var month = getTrueValue(values[1]);
+        var maxDate = getMonthEndDay(year, month);
+        var date = getTrueValue(values[2]);
+
+        if (data.type === 'year-month') {
+          date = 1;
+        }
+
+        date = date > maxDate ? maxDate : date;
+        var hour = 0;
+        var minute = 0;
+
+        if (data.type === 'datetime') {
+          hour = getTrueValue(values[3]);
+          minute = getTrueValue(values[4]);
+        }
+
+        value = new Date(year, month - 1, date, hour, minute);
+      }
+
+      value = this.correctValue(value);
+      this.updateColumnValue(value).then(function () {
+        _this2.$emit('input', value);
+
+        _this2.$emit('change', picker);
+      });
+    },
+    updateColumnValue: function updateColumnValue(value) {
+      var _this3 = this;
+
+      var values = [];
+      var type = this.data.type;
+      var formatter = this.data.formatter || defaultFormatter;
+      var picker = this.getPicker();
+
+      if (type === 'time') {
+        var pair = value.split(':');
+        values = [formatter('hour', pair[0]), formatter('minute', pair[1])];
+      } else {
+        var date = new Date(value);
+        values = [formatter('year', "".concat(date.getFullYear())), formatter('month', padZero(date.getMonth() + 1))];
+
+        if (type === 'date') {
+          values.push(formatter('day', padZero(date.getDate())));
+        }
+
+        if (type === 'datetime') {
+          values.push(formatter('day', padZero(date.getDate())), formatter('hour', padZero(date.getHours())), formatter('minute', padZero(date.getMinutes())));
+        }
+      }
+
+      return this.set({
+        innerValue: value
+      }).then(function () {
+        return _this3.updateColumns();
+      }).then(function () {
+        return picker.setValues(values);
+      });
+    }
+  },
+  created: function created() {
+    var _this4 = this;
+
+    var innerValue = this.correctValue(this.data.value);
+    this.updateColumnValue(innerValue).then(function () {
+      _this4.$emit('input', innerValue);
+    });
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/datetime-picker/index.json b/mini-app/weapp/vant/datetime-picker/index.json
new file mode 100644
index 000000000..1c776a368
--- /dev/null
+++ b/mini-app/weapp/vant/datetime-picker/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-picker": "./../picker/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/datetime-picker/index.wxml b/mini-app/weapp/vant/datetime-picker/index.wxml
new file mode 100644
index 000000000..ade22024e
--- /dev/null
+++ b/mini-app/weapp/vant/datetime-picker/index.wxml
@@ -0,0 +1,16 @@
+<van-picker
+  class="van-datetime-picker"
+  active-class="active-class"
+  toolbar-class="toolbar-class"
+  column-class="column-class"
+  title="{{ title }}"
+  columns="{{ columns }}"
+  item-height="{{ itemHeight }}"
+  show-toolbar="{{ showToolbar }}"
+  visible-item-count="{{ visibleItemCount }}"
+  confirm-button-text="{{ confirmButtonText }}"
+  cancel-button-text="{{ cancelButtonText }}"
+  bind:change="onChange"
+  bind:confirm="onConfirm"
+  bind:cancel="onCancel"
+/>
diff --git a/mini-app/weapp/vant/datetime-picker/index.wxss b/mini-app/weapp/vant/datetime-picker/index.wxss
new file mode 100644
index 000000000..ecfdfde88
--- /dev/null
+++ b/mini-app/weapp/vant/datetime-picker/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
diff --git a/mini-app/weapp/vant/dialog/index.js b/mini-app/weapp/vant/dialog/index.js
new file mode 100644
index 000000000..b6222761a
--- /dev/null
+++ b/mini-app/weapp/vant/dialog/index.js
@@ -0,0 +1,142 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _button = require('./../mixins/button.js');
+
+var _openType = require('./../mixins/open-type.js');
+
+var _color = require('./../common/color.js');
+
+var _utils = require('./../common/utils.js');
+
+(0, _component.VantComponent)({
+  mixins: [_button.button, _openType.openType],
+  props: {
+    show: {
+      type: Boolean,
+      observer: function observer(show) {
+        !show && this.stopLoading();
+      }
+    },
+    title: String,
+    message: String,
+    theme: {
+      type: String,
+      value: 'default'
+    },
+    useSlot: Boolean,
+    className: String,
+    customStyle: String,
+    asyncClose: Boolean,
+    messageAlign: String,
+    beforeClose: null,
+    overlayStyle: String,
+    useTitleSlot: Boolean,
+    showCancelButton: Boolean,
+    closeOnClickOverlay: Boolean,
+    confirmButtonOpenType: String,
+    width: null,
+    zIndex: {
+      type: Number,
+      value: 2000
+    },
+    confirmButtonText: {
+      type: String,
+      value: '确认'
+    },
+    cancelButtonText: {
+      type: String,
+      value: '取消'
+    },
+    confirmButtonColor: {
+      type: String,
+      value: _color.RED
+    },
+    cancelButtonColor: {
+      type: String,
+      value: _color.GRAY
+    },
+    showConfirmButton: {
+      type: Boolean,
+      value: true
+    },
+    overlay: {
+      type: Boolean,
+      value: true
+    },
+    transition: {
+      type: String,
+      value: 'scale'
+    }
+  },
+  data: {
+    loading: {
+      confirm: false,
+      cancel: false
+    }
+  },
+  methods: {
+    onConfirm: function onConfirm() {
+      this.handleAction('confirm');
+    },
+    onCancel: function onCancel() {
+      this.handleAction('cancel');
+    },
+    onClickOverlay: function onClickOverlay() {
+      this.onClose('overlay');
+    },
+    close: function close(action) {
+      var _this = this;
+
+      this.setData({
+        show: false
+      });
+      wx.nextTick(function () {
+        _this.$emit('close', action);
+
+        var callback = _this.data.callback;
+
+        if (callback) {
+          callback(action, _this);
+        }
+      });
+    },
+    stopLoading: function stopLoading() {
+      this.setData({
+        loading: {
+          confirm: false,
+          cancel: false
+        }
+      });
+    },
+    handleAction: function handleAction(action) {
+      var _this2 = this;
+
+      this.$emit(action, {
+        dialog: this
+      });
+      var _this$data = this.data,
+          asyncClose = _this$data.asyncClose,
+          beforeClose = _this$data.beforeClose;
+
+      if (!asyncClose && !beforeClose) {
+        this.close(action);
+        return;
+      } // this.setData({
+      //   [`loading.${action}`]: true,
+      // });
+
+
+      if (beforeClose) {
+        (0, _utils.toPromise)(beforeClose(action)).then(function (value) {
+          if (value) {
+            _this2.close(action);
+          } else {
+            _this2.stopLoading();
+          }
+        });
+      }
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/dialog/index.json b/mini-app/weapp/vant/dialog/index.json
new file mode 100644
index 000000000..19461b7ce
--- /dev/null
+++ b/mini-app/weapp/vant/dialog/index.json
@@ -0,0 +1,9 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-button": "./../button/index",
+        "van-popup": "./../popup/index",
+        "van-goods-action": "./../goods-action/index",
+        "van-goods-action-button": "./../goods-action-button/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/dialog/index.wxml b/mini-app/weapp/vant/dialog/index.wxml
new file mode 100644
index 000000000..59608f296
--- /dev/null
+++ b/mini-app/weapp/vant/dialog/index.wxml
@@ -0,0 +1,34 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<van-popup show="{{ show }}" z-index="{{ zIndex }}" overlay="{{ overlay }}" transition="{{ transition }}" custom-class="van-dialog van-dialog--{{ theme }} {{ className }}" custom-style="width: {{ utils.addUnit(width) }};{{ customStyle }}" overlay-style="{{ overlayStyle }}" close-on-click-overlay="{{ closeOnClickOverlay }}" bind:close="onClickOverlay">
+  <view wx:if="{{ title || useTitleSlot  }}" class="{{ utils.bem('dialog__header', { isolated: !(message || useSlot) }) }}">
+    <slot wx:if="{{ useTitleSlot }}" name="title"></slot>
+    <block wx:elif="{{ title }}">{{ title }}</block>
+  </view>
+
+  <slot wx:if="{{ useSlot }}"></slot>
+  <view wx:elif="{{ message }}" class="{{ utils.bem('dialog__message', [theme, messageAlign, { hasTitle: title }]) }}">
+    <text class="van-dialog__message-text">{{ message }}</text>
+  </view>
+
+  <van-goods-action wx:if="{{ theme === 'round-button' }}" custom-class="van-dialog__footer--round-button">
+    <van-goods-action-button wx:if="{{ showCancelButton }}" size="large" loading="{{ loading.cancel }}" class="van-dialog__button van-hairline--right" custom-class="van-dialog__cancel" custom-style="color: {{ cancelButtonColor }}" bind:click="onCancel">
+      {{ cancelButtonText }}
+    </van-goods-action-button>
+    <van-goods-action-button wx:if="{{ showConfirmButton }}" size="large" class="van-dialog__button" loading="{{ loading.confirm }}" custom-class="van-dialog__confirm" custom-style="color: {{ confirmButtonColor }}" open-type="{{ confirmButtonOpenType }}" lang="{{ lang }}" business-id="{{ businessId }}" session-from="{{ sessionFrom }}" send-message-title="{{ sendMessageTitle }}" send-message-path="{{ sendMessagePath }}" send-message-img="{{ sendMessageImg }}" show-message-card="{{ showMessageCard }}" app-parameter="{{ appParameter }}" bind:click="onConfirm" bindgetuserinfo="bindGetUserInfo" bindcontact="bindContact" bindgetphonenumber="bindGetPhoneNumber" binderror="bindError" bindlaunchapp="bindLaunchApp" bindopensetting="bindOpenSetting">
+      {{ confirmButtonText }}
+    </van-goods-action-button>
+  </van-goods-action>
+
+  <view wx:else="" class="van-hairline--top van-dialog__footer">
+    <van-button wx:if="{{ showCancelButton }}" size="large" loading="{{ loading.cancel }}" class="van-dialog__button van-hairline--right" custom-class="van-dialog__cancel" custom-style="color: {{ cancelButtonColor }}" bind:click="onCancel">
+      {{ cancelButtonText }}
+    </van-button>
+    <van-button wx:if="{{ showConfirmButton }}" size="large" class="van-dialog__button" loading="{{ loading.confirm }}" custom-class="van-dialog__confirm" custom-style="color: {{ confirmButtonColor }}" open-type="{{ confirmButtonOpenType }}" lang="{{ lang }}" business-id="{{ businessId }}" session-from="{{ sessionFrom }}" send-message-title="{{ sendMessageTitle }}" send-message-path="{{ sendMessagePath }}" send-message-img="{{ sendMessageImg }}" show-message-card="{{ showMessageCard }}" app-parameter="{{ appParameter }}" bind:click="onConfirm" bindgetuserinfo="bindGetUserInfo" bindcontact="bindContact" bindgetphonenumber="bindGetPhoneNumber" binderror="bindError" bindlaunchapp="bindLaunchApp" bindopensetting="bindOpenSetting">
+      {{ confirmButtonText }}
+    </van-button>
+  </view>
+</van-popup>
diff --git a/mini-app/weapp/vant/dialog/index.wxss b/mini-app/weapp/vant/dialog/index.wxss
new file mode 100644
index 000000000..b2bbca8cf
--- /dev/null
+++ b/mini-app/weapp/vant/dialog/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-dialog{top:45%!important;overflow:hidden;width:320px;width:var(--dialog-width,320px);font-size:16px;font-size:var(--dialog-font-size,16px);border-radius:16px;border-radius:var(--dialog-border-radius,16px);background-color:#fff;background-color:var(--dialog-background-color,#fff)}@media (max-width:321px){.van-dialog{width:90%;width:var(--dialog-small-screen-width,90%)}}.van-dialog__header{text-align:center;padding-top:24px;padding-top:var(--dialog-header-padding-top,24px);font-weight:500;font-weight:var(--dialog-header-font-weight,500);line-height:24px;line-height:var(--dialog-header-line-height,24px)}.van-dialog__header--isolated{padding:24px 0;padding:var(--dialog-header-isolated-padding,24px 0)}.van-dialog__message{overflow-y:auto;text-align:center;-webkit-overflow-scrolling:touch;font-size:14px;font-size:var(--dialog-message-font-size,14px);line-height:20px;line-height:var(--dialog-message-line-height,20px);max-height:60vh;max-height:var(--dialog-message-max-height,60vh);padding:24px;padding:var(--dialog-message-padding,24px)}.van-dialog__message-text{word-wrap:break-word}.van-dialog__message--hasTitle{padding-top:8px;padding-top:var(--dialog-has-title-message-padding-top,8px);color:#646566;color:var(--dialog-has-title-message-text-color,#646566)}.van-dialog__message--round-button{padding-bottom:16px;color:#323233}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:-webkit-flex;display:flex}.van-dialog__footer--round-button{position:relative!important;padding:8px 24px 16px!important}.van-dialog__button{-webkit-flex:1;flex:1}.van-dialog__cancel,.van-dialog__confirm{border:0!important}.van-dialog-bounce-enter{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
diff --git a/mini-app/weapp/vant/divider/index.js b/mini-app/weapp/vant/divider/index.js
new file mode 100644
index 000000000..844f0bb34
--- /dev/null
+++ b/mini-app/weapp/vant/divider/index.js
@@ -0,0 +1,36 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    dashed: {
+      type: Boolean,
+      value: false
+    },
+    hairline: {
+      type: Boolean,
+      value: false
+    },
+    contentPosition: {
+      type: String,
+      value: ''
+    },
+    fontSize: {
+      type: Number,
+      value: ''
+    },
+    borderColor: {
+      type: String,
+      value: ''
+    },
+    textColor: {
+      type: String,
+      value: ''
+    },
+    customStyle: {
+      type: String,
+      value: ''
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/divider/index.json b/mini-app/weapp/vant/divider/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/divider/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/divider/index.wxml b/mini-app/weapp/vant/divider/index.wxml
new file mode 100644
index 000000000..fa7475d96
--- /dev/null
+++ b/mini-app/weapp/vant/divider/index.wxml
@@ -0,0 +1,8 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class {{ utils.bem('divider', [{dashed, hairline}, contentPosition]) }}" style="{{ borderColor  ? 'border-color: ' + borderColor + ';' : '' }}{{ textColor ? 'color: ' + textColor + ';' : '' }} {{ fontSize ? 'font-size: ' + fontSize + 'px;' : '' }} {{ customStyle }}">
+  <slot></slot>
+</view>
diff --git a/mini-app/weapp/vant/divider/index.wxss b/mini-app/weapp/vant/divider/index.wxss
new file mode 100644
index 000000000..d042df676
--- /dev/null
+++ b/mini-app/weapp/vant/divider/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-divider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin:16px 0;margin:var(--divider-margin,16px 0);color:#969799;color:var(--divider-text-color,#969799);font-size:14px;font-size:var(--divider-font-size,14px);line-height:24px;line-height:var(--divider-line-height,24px);border:0 solid #ebedf0;border-color:var(--divider-border-color,#ebedf0)}.van-divider:after,.van-divider:before{display:block;-webkit-flex:1;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:1px 0 0}.van-divider:before{content:""}.van-divider--hairline:after,.van-divider--hairline:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center:before,.van-divider--left:before,.van-divider--right:before{margin-right:16px;margin-right:var(--divider-content-padding,16px)}.van-divider--center:after,.van-divider--left:after,.van-divider--right:after{content:"";margin-left:16px;margin-left:var(--divider-content-padding,16px)}.van-divider--left:before{max-width:10%;max-width:var(--divider-content-left-width,10%)}.van-divider--right:after{max-width:10%;max-width:var(--divider-content-right-width,10%)}
diff --git a/mini-app/weapp/vant/field/index.js b/mini-app/weapp/vant/field/index.js
new file mode 100644
index 000000000..fd30c0c09
--- /dev/null
+++ b/mini-app/weapp/vant/field/index.js
@@ -0,0 +1,145 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _props = require('./props.js');
+
+(0, _component.VantComponent)({
+  field: true,
+  classes: ['input-class', 'right-icon-class', 'label-class'],
+  props: Object.assign(Object.assign(Object.assign(Object.assign({}, _props.commonProps), _props.inputProps), _props.textareaProps), {
+    size: String,
+    icon: String,
+    label: String,
+    error: Boolean,
+    center: Boolean,
+    isLink: Boolean,
+    leftIcon: String,
+    rightIcon: String,
+    autosize: [Boolean, Object],
+    required: Boolean,
+    iconClass: String,
+    clickable: Boolean,
+    inputAlign: String,
+    customStyle: String,
+    errorMessage: String,
+    arrowDirection: String,
+    showWordLimit: Boolean,
+    errorMessageAlign: String,
+    readonly: {
+      type: Boolean,
+      observer: 'setShowClear'
+    },
+    clearable: {
+      type: Boolean,
+      observer: 'setShowClear'
+    },
+    border: {
+      type: Boolean,
+      value: true
+    },
+    titleWidth: {
+      type: String,
+      value: '6.2em'
+    }
+  }),
+  data: {
+    focused: false,
+    innerValue: '',
+    showClear: false
+  },
+  created: function created() {
+    this.value = this.data.value;
+    this.setData({
+      innerValue: this.value
+    });
+  },
+  methods: {
+    onInput: function onInput(event) {
+      var _ref = event.detail || {},
+          _ref$value = _ref.value,
+          value = _ref$value === void 0 ? '' : _ref$value;
+
+      this.value = value;
+      this.setShowClear();
+      this.emitChange();
+    },
+    onFocus: function onFocus(event) {
+      this.focused = true;
+      this.setShowClear();
+      this.$emit('focus', event.detail);
+    },
+    onBlur: function onBlur(event) {
+      this.focused = false;
+      this.setShowClear();
+      this.$emit('blur', event.detail);
+    },
+    onClickIcon: function onClickIcon() {
+      this.$emit('click-icon');
+    },
+    onClear: function onClear() {
+      var _this = this;
+
+      this.setData({
+        innerValue: ''
+      });
+      this.value = '';
+      this.setShowClear();
+      wx.nextTick(function () {
+        _this.emitChange();
+
+        _this.$emit('clear', '');
+      });
+    },
+    onConfirm: function onConfirm(event) {
+      var _ref2 = event.detail || {},
+          _ref2$value = _ref2.value,
+          value = _ref2$value === void 0 ? '' : _ref2$value;
+
+      this.value = value;
+      this.setShowClear();
+      this.$emit('confirm', value);
+    },
+    setValue: function setValue(value) {
+      this.value = value;
+      this.setShowClear();
+
+      if (value === '') {
+        this.setData({
+          innerValue: ''
+        });
+      }
+
+      this.emitChange();
+    },
+    onLineChange: function onLineChange(event) {
+      this.$emit('linechange', event.detail);
+    },
+    onKeyboardHeightChange: function onKeyboardHeightChange(event) {
+      this.$emit('keyboardheightchange', event.detail);
+    },
+    emitChange: function emitChange() {
+      var _this2 = this;
+
+      this.setData({
+        value: this.value
+      });
+      wx.nextTick(function () {
+        _this2.$emit('input', _this2.value);
+
+        _this2.$emit('change', _this2.value);
+      });
+    },
+    setShowClear: function setShowClear() {
+      var _this$data = this.data,
+          clearable = _this$data.clearable,
+          readonly = _this$data.readonly;
+      var focused = this.focused,
+          value = this.value;
+      this.setData({
+        showClear: !!clearable && !!focused && !!value && !readonly
+      });
+    },
+    noop: function noop() {}
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/field/index.json b/mini-app/weapp/vant/field/index.json
new file mode 100644
index 000000000..f4f8f0b1c
--- /dev/null
+++ b/mini-app/weapp/vant/field/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-cell": "./../cell/index",
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/field/index.wxml b/mini-app/weapp/vant/field/index.wxml
new file mode 100644
index 000000000..8ef1e47a7
--- /dev/null
+++ b/mini-app/weapp/vant/field/index.wxml
@@ -0,0 +1,34 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+
+<van-cell size="{{ size }}" icon="{{ leftIcon }}" center="{{ center }}" border="{{ border }}" is-link="{{ isLink }}" required="{{ required }}" clickable="{{ clickable }}" title-width="{{ titleWidth }}" title-style="margin-right: 12px;" custom-style="{{ customStyle }}" arrow-direction="{{ arrowDirection }}" custom-class="van-field">
+  <slot name="left-icon" slot="icon"></slot>
+  <view wx:if="{{ label }}" class="label-class {{ utils.bem('field__label', { disabled }) }}" slot="title">
+    {{ label }}
+  </view>
+  <slot wx:else="" name="label" slot="title"></slot>
+  <view class="{{ utils.bem('field__body', [type]) }}">
+    <textarea wx:if="{{ type === 'textarea' }}" class="input-class {{ utils.bem('field__input', [inputAlign, type, { disabled, error }]) }}" fixed="{{ fixed }}" focus="{{ focus }}" cursor="{{ cursor }}" value="{{ innerValue }}" auto-focus="{{ autoFocus }}" disabled="{{ disabled || readonly }}" maxlength="{{ maxlength }}" placeholder="{{ placeholder }}" placeholder-style="{{ placeholderStyle }}" placeholder-class="{{ utils.bem('field__placeholder', { error, disabled }) }}" auto-height="{{ !!autosize }}" style="{{ computed.inputStyle(autosize) }}" cursor-spacing="{{ cursorSpacing }}" adjust-position="{{ adjustPosition }}" show-confirm-bar="{{ showConfirmBar }}" hold-keyboard="{{ holdKeyboard }}" selection-end="{{ selectionEnd }}" selection-start="{{ selectionStart }}" disable-default-padding="{{ disableDefaultPadding }}" bindinput="onInput" bindblur="onBlur" bindfocus="onFocus" bindconfirm="onConfirm" bindlinechange="onLineChange" bindkeyboardheightchange="onKeyboardHeightChange">
+    </textarea>
+    <input wx:else="" class="input-class {{ utils.bem('field__input', [inputAlign, { disabled, error }]) }}" type="{{ type }}" focus="{{ focus }}" cursor="{{ cursor }}" value="{{ innerValue }}" auto-focus="{{ autoFocus }}" disabled="{{ disabled || readonly }}" maxlength="{{ maxlength }}" placeholder="{{ placeholder }}" placeholder-style="{{ placeholderStyle }}" placeholder-class="{{ utils.bem('field__placeholder', { error }) }}" confirm-type="{{ confirmType }}" confirm-hold="{{ confirmHold }}" hold-keyboard="{{ holdKeyboard }}" cursor-spacing="{{ cursorSpacing }}" adjust-position="{{ adjustPosition }}" selection-end="{{ selectionEnd }}" selection-start="{{ selectionStart }}" password="{{ password || type === 'password' }}" bindinput="onInput" bindblur="onBlur" bindfocus="onFocus" bindconfirm="onConfirm" bindkeyboardheightchange="onKeyboardHeightChange"></input>
+    <van-icon wx:if="{{ showClear }}" name="clear" class="van-field__clear-root van-field__icon-root" catch:touchstart="onClear"></van-icon>
+    <view class="van-field__icon-container" bind:tap="onClickIcon">
+      <van-icon wx:if="{{ rightIcon || icon }}" name="{{ rightIcon || icon }}" class="van-field__icon-root {{ iconClass }}" custom-class="right-icon-class"></van-icon>
+      <slot name="right-icon"></slot>
+      <slot name="icon"></slot>
+    </view>
+    <view class="van-field__button">
+      <slot name="button"></slot>
+    </view>
+  </view>
+  <view wx:if="{{ showWordLimit && maxlength }}" class="van-field__word-limit">
+    <view class="{{ utils.bem('field__word-num', { full: value.length >= maxlength }) }}">{{ value.length >= maxlength ? maxlength : value.length }}</view>/{{ maxlength }}
+  </view>
+  <view wx:if="{{ errorMessage }}" class="{{ utils.bem('field__error-message', [errorMessageAlign, { disabled, error }]) }}">
+    {{ errorMessage }}
+  </view>
+</van-cell>
diff --git a/mini-app/weapp/vant/field/index.wxs b/mini-app/weapp/vant/field/index.wxs
new file mode 100644
index 000000000..758003cc0
--- /dev/null
+++ b/mini-app/weapp/vant/field/index.wxs
@@ -0,0 +1,21 @@
+/* eslint-disable */
+var utils = require('../wxs/utils.wxs');
+
+function inputStyle(autosize) {
+  if (autosize && autosize.constructor === 'Object') {
+    var style = '';
+    if (autosize.minHeight) {
+      style += 'min-height:' + utils.addUnit(autosize.minHeight) + ';';
+    }
+    if (autosize.maxHeight) {
+      style += 'max-height:' + utils.addUnit(autosize.maxHeight) + ';';
+    }
+    return style;
+  }
+
+  return '';
+}
+
+module.exports = {
+  inputStyle: inputStyle
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/field/index.wxss b/mini-app/weapp/vant/field/index.wxss
new file mode 100644
index 000000000..42452a302
--- /dev/null
+++ b/mini-app/weapp/vant/field/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-field{--cell-icon-size:16px;--cell-icon-size:var(--field-icon-size,16px)}.van-field__label{color:#646566;color:var(--field-label-color,#646566)}.van-field__label--disabled{color:#c8c9cc;color:var(--field-disabled-text-color,#c8c9cc)}.van-field__body{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.van-field__body--textarea{padding:3.6px 0;line-height:1.2em}.van-field__body--textarea,.van-field__input{box-sizing:border-box;min-height:24px;min-height:var(--cell-line-height,24px)}.van-field__input{position:relative;display:block;width:100%;margin:0;padding:0;line-height:inherit;text-align:left;background-color:initial;border:0;resize:none;color:#323233;color:var(--field-input-text-color,#323233);height:24px;height:var(--cell-line-height,24px)}.van-field__input--textarea{height:18px;height:var(--field-text-area-min-height,18px);min-height:18px;min-height:var(--field-text-area-min-height,18px)}.van-field__input--error{color:#ee0a24;color:var(--field-input-error-text-color,#ee0a24)}.van-field__input--disabled{background-color:initial;opacity:1;color:#c8c9cc;color:var(--field-input-disabled-text-color,#c8c9cc)}.van-field__input--center{text-align:center}.van-field__input--right{text-align:right}.van-field__placeholder{position:absolute;top:0;right:0;left:0;pointer-events:none;color:#c8c9cc;color:var(--field-placeholder-text-color,#c8c9cc)}.van-field__placeholder--error{color:#ee0a24;color:var(--field-error-message-color,#ee0a24)}.van-field__icon-root{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:24px;min-height:var(--cell-line-height,24px)}.van-field__clear-root,.van-field__icon-container{line-height:inherit;vertical-align:middle;padding:0 8px;padding:0 var(--padding-xs,8px);margin-right:-8px;margin-right:-var(--padding-xs,8px)}.van-field__button,.van-field__clear-root,.van-field__icon-container{-webkit-flex-shrink:0;flex-shrink:0}.van-field__clear-root{font-size:16px;font-size:var(--field-clear-icon-size,16px);color:#c8c9cc;color:var(--field-clear-icon-color,#c8c9cc)}.van-field__icon-container{font-size:16px;font-size:var(--field-icon-size,16px);color:#969799;color:var(--field-icon-container-color,#969799)}.van-field__icon-container:empty{display:none}.van-field__button{padding-left:8px;padding-left:var(--padding-xs,8px)}.van-field__button:empty{display:none}.van-field__error-message{text-align:left;font-size:12px;font-size:var(--field-error-message-text-font-size,12px);color:#ee0a24;color:var(--field-error-message-color,#ee0a24)}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{text-align:right;margin-top:4px;margin-top:var(--padding-base,4px);color:#646566;color:var(--field-word-limit-color,#646566);font-size:12px;font-size:var(--field-word-limit-font-size,12px);line-height:16px;line-height:var(--field-word-limit-line-height,16px)}.van-field__word-num{display:inline}.van-field__word-num--full{color:#ee0a24;color:var(--field-word-num-full-color,#ee0a24)}
diff --git a/mini-app/weapp/vant/field/props.js b/mini-app/weapp/vant/field/props.js
new file mode 100644
index 000000000..d3a1599e5
--- /dev/null
+++ b/mini-app/weapp/vant/field/props.js
@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textareaProps = exports.inputProps = exports.commonProps = void 0;
+var commonProps = {
+  value: {
+    type: String,
+    observer: function observer(value) {
+      if (value !== this.value) {
+        this.setData({
+          innerValue: value
+        });
+        this.value = value;
+      }
+    }
+  },
+  placeholder: String,
+  placeholderStyle: String,
+  placeholderClass: String,
+  disabled: Boolean,
+  maxlength: {
+    type: Number,
+    value: -1
+  },
+  cursorSpacing: {
+    type: Number,
+    value: 50
+  },
+  autoFocus: Boolean,
+  focus: Boolean,
+  cursor: {
+    type: Number,
+    value: -1
+  },
+  selectionStart: {
+    type: Number,
+    value: -1
+  },
+  selectionEnd: {
+    type: Number,
+    value: -1
+  },
+  adjustPosition: {
+    type: Boolean,
+    value: true
+  },
+  holdKeyboard: Boolean
+};
+exports.commonProps = commonProps;
+var inputProps = {
+  type: {
+    type: String,
+    value: 'text'
+  },
+  password: Boolean,
+  confirmType: String,
+  confirmHold: Boolean
+};
+exports.inputProps = inputProps;
+var textareaProps = {
+  autoHeight: Boolean,
+  fixed: Boolean,
+  showConfirmBar: {
+    type: Boolean,
+    value: true
+  },
+  disableDefaultPadding: {
+    type: Boolean,
+    value: true
+  }
+};
+exports.textareaProps = textareaProps;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/goods-action-button/index.js b/mini-app/weapp/vant/goods-action-button/index.js
new file mode 100644
index 000000000..d04747f70
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-button/index.js
@@ -0,0 +1,49 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _link = require('./../mixins/link.js');
+
+var _button = require('./../mixins/button.js');
+
+var _openType = require('./../mixins/open-type.js');
+
+(0, _component.VantComponent)({
+  mixins: [_link.link, _button.button, _openType.openType],
+  relation: {
+    type: 'ancestor',
+    name: 'goods-action',
+    current: 'goods-action-button'
+  },
+  props: {
+    text: String,
+    color: String,
+    loading: Boolean,
+    disabled: Boolean,
+    plain: Boolean,
+    type: {
+      type: String,
+      value: 'danger'
+    }
+  },
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event.detail);
+      this.jumpLink();
+    },
+    updateStyle: function updateStyle() {
+      if (this.parent == null) {
+        return;
+      }
+
+      var _this$parent$children = this.parent.children,
+          children = _this$parent$children === void 0 ? [] : _this$parent$children;
+      var length = children.length;
+      var index = children.indexOf(this);
+      this.setData({
+        isFirst: index === 0,
+        isLast: index === length - 1
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/goods-action-button/index.json b/mini-app/weapp/vant/goods-action-button/index.json
new file mode 100644
index 000000000..05b22eac8
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-button/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-button": "./../button/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/goods-action-button/index.wxml b/mini-app/weapp/vant/goods-action-button/index.wxml
new file mode 100644
index 000000000..5154cda6c
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-button/index.wxml
@@ -0,0 +1,8 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+<van-button id="{{ id }}" lang="{{ lang }}" type="{{ type }}" color="{{ color }}" plain="{{ plain }}" loading="{{ loading }}" disabled="{{ disabled }}" open-type="{{ openType }}" class="{{ utils.bem('goods-action-button', [type, { first: isFirst, last: isLast, plain: plain }])}}" custom-class="van-goods-action-button__inner" business-id="{{ businessId }}" session-from="{{ sessionFrom }}" app-parameter="{{ appParameter }}" send-message-img="{{ sendMessageImg }}" send-message-path="{{ sendMessagePath }}" show-message-card="{{ showMessageCard }}" send-message-title="{{ sendMessageTitle }}" bind:click="onClick" binderror="bindError" bindcontact="bindContact" bindopensetting="bindOpenSetting" bindgetuserinfo="bindGetUserInfo" bindgetphonenumber="bindGetPhoneNumber" bindlaunchapp="bindLaunchApp">
+  {{ text }}
+  <slot></slot>
+</van-button>
diff --git a/mini-app/weapp/vant/goods-action-button/index.wxss b/mini-app/weapp/vant/goods-action-button/index.wxss
new file mode 100644
index 000000000..1ec05c379
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-button/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{-webkit-flex:1;flex:1}.van-goods-action-button{--button-warning-background-color:linear-gradient(90deg,#ffd01e,#ff8917);--button-warning-background-color:var(--goods-action-button-warning-color,linear-gradient(90deg,#ffd01e,#ff8917));--button-danger-background-color:linear-gradient(90deg,#ff6034,#ee0a24);--button-danger-background-color:var(--goods-action-button-danger-color,linear-gradient(90deg,#ff6034,#ee0a24));--button-default-height:40px;--button-default-height:var(--goods-action-button-height,40px);--button-line-height:20px;--button-line-height:var(--goods-action-button-line-height,20px);--button-plain-background-color:#fff;--button-plain-background-color:var(--goods-action-button-plain-color,#fff);display:block;--button-border-width:0}.van-goods-action-button--first{margin-left:5px;--button-border-radius:20px 0 0 20px;--button-border-radius:var(--goods-action-button-border-radius,20px) 0 0 var(--goods-action-button-border-radius,20px)}.van-goods-action-button--last{margin-right:5px;--button-border-radius:0 20px 20px 0;--button-border-radius:0 var(--goods-action-button-border-radius,20px) var(--goods-action-button-border-radius,20px) 0}.van-goods-action-button--first.van-goods-action-button--last{--button-border-radius:20px;--button-border-radius:var(--goods-action-button-border-radius,20px)}.van-goods-action-button--plain{--button-border-width:1px}.van-goods-action-button__inner{width:100%;font-weight:500!important;font-weight:var(--font-weight-bold,500)!important}@media (max-width:321px){.van-goods-action-button{font-size:13px}}
diff --git a/mini-app/weapp/vant/goods-action-icon/index.js b/mini-app/weapp/vant/goods-action-icon/index.js
new file mode 100644
index 000000000..e1e55031b
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-icon/index.js
@@ -0,0 +1,28 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _button = require('./../mixins/button.js');
+
+var _link = require('./../mixins/link.js');
+
+var _openType = require('./../mixins/open-type.js');
+
+(0, _component.VantComponent)({
+  classes: ['icon-class', 'text-class'],
+  mixins: [_link.link, _button.button, _openType.openType],
+  props: {
+    text: String,
+    dot: Boolean,
+    info: String,
+    icon: String,
+    disabled: Boolean,
+    loading: Boolean
+  },
+  methods: {
+    onClick: function onClick(event) {
+      this.$emit('click', event.detail);
+      this.jumpLink();
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/goods-action-icon/index.json b/mini-app/weapp/vant/goods-action-icon/index.json
new file mode 100644
index 000000000..faf81542d
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-icon/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index",
+        "van-button": "./../button/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/goods-action-icon/index.wxml b/mini-app/weapp/vant/goods-action-icon/index.wxml
new file mode 100644
index 000000000..1983cae46
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-icon/index.wxml
@@ -0,0 +1,35 @@
+<van-button
+  square
+  id="{{ id }}"
+  size="large"
+  lang="{{ lang }}"
+  loading="{{ loading }}"
+  disabled="{{ disabled }}"
+  open-type="{{ openType }}"
+  business-id="{{ businessId }}"
+  custom-class="van-goods-action-icon"
+  session-from="{{ sessionFrom }}"
+  app-parameter="{{ appParameter }}"
+  send-message-img="{{ sendMessageImg }}"
+  send-message-path="{{ sendMessagePath }}"
+  show-message-card="{{ showMessageCard }}"
+  send-message-title="{{ sendMessageTitle }}"
+  bind:click="onClick"
+  binderror="bindError"
+  bindcontact="bindContact"
+  bindopensetting="bindOpenSetting"
+  bindgetuserinfo="bindGetUserInfo"
+  bindgetphonenumber="bindGetPhoneNumber"
+  bindlaunchapp="bindLaunchApp"
+>
+  <van-icon
+    wx:if="{{ icon }}"
+    name="{{ icon }}"
+    dot="{{ dot }}"
+    info="{{ info }}"
+    class="van-goods-action-icon__icon"
+    custom-class="icon-class"
+  />
+  <slot wx:else name="icon" />
+  <text class="text-class">{{ text }}</text>
+</van-button>
diff --git a/mini-app/weapp/vant/goods-action-icon/index.wxss b/mini-app/weapp/vant/goods-action-icon/index.wxss
new file mode 100644
index 000000000..bbdf89aa5
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action-icon/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-goods-action-icon{display:-webkit-flex!important;display:flex!important;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center!important;justify-content:center!important;line-height:1!important;border:none!important;font-size:10px!important;font-size:var(--goods-action-icon-font-size,10px)!important;color:#646566!important;color:var(--goods-action-icon-text-color,#646566)!important;min-width:48px;min-width:var(--goods-action-icon-width,48px);height:50px!important;height:var(--goods-action-icon-height,50px)!important}.van-goods-action-icon__icon{display:-webkit-flex;display:flex;margin:0 auto 5px;color:#323233;color:var(--goods-action-icon-color,#323233);font-size:18px;font-size:var(--goods-action-icon-size,18px)}
diff --git a/mini-app/weapp/vant/goods-action/index.js b/mini-app/weapp/vant/goods-action/index.js
new file mode 100644
index 000000000..f389edf1c
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action/index.js
@@ -0,0 +1,37 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  relation: {
+    type: 'descendant',
+    name: 'goods-action-button',
+    current: 'goods-action',
+    linked: function linked() {
+      this.updateStyle();
+    },
+    unlinked: function unlinked() {
+      this.updateStyle();
+    },
+    linkChanged: function linkChanged() {
+      this.updateStyle();
+    }
+  },
+  props: {
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true
+    }
+  },
+  methods: {
+    updateStyle: function updateStyle() {
+      var _this = this;
+
+      wx.nextTick(function () {
+        _this.children.forEach(function (child) {
+          child.updateStyle();
+        });
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/goods-action/index.json b/mini-app/weapp/vant/goods-action/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/goods-action/index.wxml b/mini-app/weapp/vant/goods-action/index.wxml
new file mode 100644
index 000000000..23a04be54
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action/index.wxml
@@ -0,0 +1,8 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class {{ utils.bem('goods-action', { safe: safeAreaInsetBottom }) }}">
+  <slot></slot>
+</view>
diff --git a/mini-app/weapp/vant/goods-action/index.wxss b/mini-app/weapp/vant/goods-action/index.wxss
new file mode 100644
index 000000000..07ff6e9ff
--- /dev/null
+++ b/mini-app/weapp/vant/goods-action/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-goods-action{position:fixed;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;box-sizing:initial;height:50px;height:var(--goods-action-height,50px);background-color:#fff;background-color:var(--goods-action-background-color,#fff)}.van-goods-action--safe{padding-bottom:env(safe-area-inset-bottom)}
diff --git a/mini-app/weapp/vant/grid-item/index.js b/mini-app/weapp/vant/grid-item/index.js
new file mode 100644
index 000000000..1405e9c6d
--- /dev/null
+++ b/mini-app/weapp/vant/grid-item/index.js
@@ -0,0 +1,64 @@
+"use strict";
+
+var _link = require('./../mixins/link.js');
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  relation: {
+    name: 'grid',
+    type: 'ancestor',
+    current: 'grid-item'
+  },
+  classes: ['content-class', 'icon-class', 'text-class'],
+  mixins: [_link.link],
+  props: {
+    icon: String,
+    iconColor: String,
+    dot: Boolean,
+    info: null,
+    badge: null,
+    text: String,
+    useSlot: Boolean
+  },
+  data: {
+    viewStyle: ''
+  },
+  mounted: function mounted() {
+    this.updateStyle();
+  },
+  methods: {
+    updateStyle: function updateStyle() {
+      if (!this.parent) {
+        return;
+      }
+
+      var _this$parent = this.parent,
+          data = _this$parent.data,
+          children = _this$parent.children;
+      var columnNum = data.columnNum,
+          border = data.border,
+          square = data.square,
+          gutter = data.gutter,
+          clickable = data.clickable,
+          center = data.center,
+          direction = data.direction,
+          iconSize = data.iconSize;
+      this.setData({
+        center: center,
+        border: border,
+        square: square,
+        gutter: gutter,
+        clickable: clickable,
+        direction: direction,
+        iconSize: iconSize,
+        index: children.indexOf(this),
+        columnNum: columnNum
+      });
+    },
+    onClick: function onClick() {
+      this.$emit('click');
+      this.jumpLink();
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/grid-item/index.json b/mini-app/weapp/vant/grid-item/index.json
new file mode 100644
index 000000000..aed2ff4bf
--- /dev/null
+++ b/mini-app/weapp/vant/grid-item/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/grid-item/index.wxml b/mini-app/weapp/vant/grid-item/index.wxml
new file mode 100644
index 000000000..aaf09a01f
--- /dev/null
+++ b/mini-app/weapp/vant/grid-item/index.wxml
@@ -0,0 +1,24 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+
+<view class="custom-class {{ utils.bem('grid-item', { square }) }}" style="{{ computed.wrapperStyle({ square, gutter, columnNum, index }) }}" bindtap="onClick">
+  <view class="content-class {{ utils.bem('grid-item__content', [direction, { center, square, clickable, surround: border && gutter }]) }} {{ border ? 'van-hairline--surround' : '' }}" style="{{ computed.contentStyle({ square, gutter }) }}">
+    <block wx:if="{{ useSlot }}">
+      <slot></slot>
+    </block>
+    <block wx:else="">
+      <view class="van-grid-item__icon icon-class">
+        <van-icon wx:if="{{ icon }}" name="{{ icon }}" color="{{ iconColor }}" dot="{{ dot }}" info="{{ badge || info }}" size="{{ iconSize }}"></van-icon>
+        <slot wx:else="" name="icon"></slot>
+      </view>
+      <view class="van-grid-item__text text-class">
+        <text wx:if="{{ text }}">{{ text }}</text>
+        <slot wx:else="" name="text"></slot>
+      </view>
+    </block>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/grid-item/index.wxs b/mini-app/weapp/vant/grid-item/index.wxs
new file mode 100644
index 000000000..31c7b45a9
--- /dev/null
+++ b/mini-app/weapp/vant/grid-item/index.wxs
@@ -0,0 +1,32 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function wrapperStyle(data) {
+  var width = 100 / data.columnNum + '%';
+
+  return style({
+    width: width,
+    'padding-top': data.square ? width : null,
+    'padding-right': addUnit(data.gutter),
+    'margin-top':
+      data.index >= data.columnNum && !data.square
+        ? addUnit(data.gutter)
+        : null,
+  });
+}
+
+function contentStyle(data) {
+  return data.square
+    ? style({
+        right: addUnit(data.gutter),
+        bottom: addUnit(data.gutter),
+        height: 'auto',
+      })
+    : '';
+}
+
+module.exports = {
+  wrapperStyle: wrapperStyle,
+  contentStyle: contentStyle,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/grid-item/index.wxss b/mini-app/weapp/vant/grid-item/index.wxss
new file mode 100644
index 000000000..ff7f5dfc3
--- /dev/null
+++ b/mini-app/weapp/vant/grid-item/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-grid-item{position:relative;float:left;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;padding:var(--grid-item-content-padding,16px 8px);background-color:#fff;background-color:var(--grid-item-content-background-color,#fff)}.van-grid-item__content:after{z-index:1;border-width:0 1px 1px 0;border-bottom-width:var(--border-width-base,1px);border-right-width:var(--border-width-base,1px);border-top-width:0}.van-grid-item__content--surround:after{border-width:1px;border-width:var(--border-width-base,1px)}.van-grid-item__content--center{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--horizontal{-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--clickable:active{background-color:#f2f3f5;background-color:var(--grid-item-content-active-color,#f2f3f5)}.van-grid-item__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:26px;font-size:var(--grid-item-icon-size,26px);height:26px;height:var(--grid-item-icon-size,26px)}.van-grid-item__text{word-wrap:break-word;color:#646566;color:var(--grid-item-text-color,#646566);font-size:12px;font-size:var(--grid-item-text-font-size,12px)}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}
diff --git a/mini-app/weapp/vant/grid/index.js b/mini-app/weapp/vant/grid/index.js
new file mode 100644
index 000000000..8864ffdb0
--- /dev/null
+++ b/mini-app/weapp/vant/grid/index.js
@@ -0,0 +1,56 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  relation: {
+    name: 'grid-item',
+    type: 'descendant',
+    current: 'grid'
+  },
+  props: {
+    square: {
+      type: Boolean,
+      observer: 'updateChildren'
+    },
+    gutter: {
+      type: [Number, String],
+      value: 0,
+      observer: 'updateChildren'
+    },
+    clickable: {
+      type: Boolean,
+      observer: 'updateChildren'
+    },
+    columnNum: {
+      type: Number,
+      value: 4,
+      observer: 'updateChildren'
+    },
+    center: {
+      type: Boolean,
+      value: true,
+      observer: 'updateChildren'
+    },
+    border: {
+      type: Boolean,
+      value: true,
+      observer: 'updateChildren'
+    },
+    direction: {
+      type: String,
+      observer: 'updateChildren'
+    },
+    iconSize: {
+      type: String,
+      observer: 'updateChildren'
+    }
+  },
+  methods: {
+    updateChildren: function updateChildren() {
+      this.children.forEach(function (child) {
+        child.updateStyle();
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/grid/index.json b/mini-app/weapp/vant/grid/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/grid/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/grid/index.wxml b/mini-app/weapp/vant/grid/index.wxml
new file mode 100644
index 000000000..5c4d12ce4
--- /dev/null
+++ b/mini-app/weapp/vant/grid/index.wxml
@@ -0,0 +1,8 @@
+<!----------   wxs start ----------->
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="van-grid custom-class {{ border && !gutter ? 'van-hairline--top' : '' }}" style="{{ computed.rootStyle({ gutter }) }}">
+  <slot></slot>
+</view>
diff --git a/mini-app/weapp/vant/grid/index.wxs b/mini-app/weapp/vant/grid/index.wxs
new file mode 100644
index 000000000..02c181328
--- /dev/null
+++ b/mini-app/weapp/vant/grid/index.wxs
@@ -0,0 +1,13 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style({
+    'padding-left': addUnit(data.gutter),
+  });
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/grid/index.wxss b/mini-app/weapp/vant/grid/index.wxss
new file mode 100644
index 000000000..f0b1757e6
--- /dev/null
+++ b/mini-app/weapp/vant/grid/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-grid{position:relative;box-sizing:border-box;overflow:hidden}
diff --git a/mini-app/weapp/vant/icon/index.js b/mini-app/weapp/vant/icon/index.js
new file mode 100644
index 000000000..a9ed66140
--- /dev/null
+++ b/mini-app/weapp/vant/icon/index.js
@@ -0,0 +1,23 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    dot: Boolean,
+    info: null,
+    size: null,
+    color: String,
+    customStyle: String,
+    classPrefix: {
+      type: String,
+      value: 'van-icon'
+    },
+    name: String
+  },
+  methods: {
+    onClick: function onClick() {
+      this.$emit('click');
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/icon/index.json b/mini-app/weapp/vant/icon/index.json
new file mode 100644
index 000000000..81d20d76c
--- /dev/null
+++ b/mini-app/weapp/vant/icon/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-info": "./../info/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/icon/index.wxml b/mini-app/weapp/vant/icon/index.wxml
new file mode 100644
index 000000000..ab1967a1e
--- /dev/null
+++ b/mini-app/weapp/vant/icon/index.wxml
@@ -0,0 +1,9 @@
+<!----------   wxs start ----------->
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="{{ computed.rootClass({ classPrefix, name }) }}" style="{{ computed.rootStyle({ customStyle, color, size }) }}" bindtap="onClick">
+  <van-info wx:if="{{ info !== null || dot }}" dot="{{ dot }}" info="{{ info }}" custom-class="van-icon__info"></van-info>
+  <image wx:if="{{ computed.isImage(name) }}" src="{{ name }}" mode="aspectFit" class="van-icon__image"></image>
+</view>
diff --git a/mini-app/weapp/vant/icon/index.wxs b/mini-app/weapp/vant/icon/index.wxs
new file mode 100644
index 000000000..bdf9dc72d
--- /dev/null
+++ b/mini-app/weapp/vant/icon/index.wxs
@@ -0,0 +1,39 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function isImage(name) {
+  return name.indexOf('/') !== -1;
+}
+
+function rootClass(data) {
+  var classes = ['custom-class'];
+
+  if (data.classPrefix != null) {
+    classes.push(data.classPrefix);
+  }
+
+  if (isImage(data.name)) {
+    classes.push('van-icon--image');
+  } else if (data.classPrefix != null) {
+    classes.push(data.classPrefix + '-' + data.name);
+  }
+
+  return classes.join(' ');
+}
+
+function rootStyle(data) {
+  return style([
+    {
+      color: data.color,
+      'font-size': addUnit(data.size),
+    },
+    data.customStyle,
+  ]);
+}
+
+module.exports = {
+  isImage: isImage,
+  rootClass: rootClass,
+  rootStyle: rootStyle,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/icon/index.wxss b/mini-app/weapp/vant/icon/index.wxss
new file mode 100644
index 000000000..e35ffee6e
--- /dev/null
+++ b/mini-app/weapp/vant/icon/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';@font-face{font-weight:400;font-family:vant-icon;font-style:normal;font-display:auto;src:url(https://img.yzcdn.cn/vant/vant-icon-96970a.woff2) format("woff2"),url(https://img.yzcdn.cn/vant/vant-icon-96970a.woff) format("woff"),url(https://img.yzcdn.cn/vant/vant-icon-96970a.ttf) format("truetype")}.van-icon{position:relative;font:normal normal normal 14px/1 vant-icon;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}.van-icon,.van-icon:before{display:inline-block}.van-icon-add-o:before{content:"\F000"}.van-icon-add-square:before{content:"\F001"}.van-icon-add:before{content:"\F002"}.van-icon-after-sale:before{content:"\F003"}.van-icon-aim:before{content:"\F004"}.van-icon-alipay:before{content:"\F005"}.van-icon-apps-o:before{content:"\F006"}.van-icon-arrow-down:before{content:"\F007"}.van-icon-arrow-left:before{content:"\F008"}.van-icon-arrow-up:before{content:"\F009"}.van-icon-arrow:before{content:"\F00A"}.van-icon-ascending:before{content:"\F00B"}.van-icon-audio:before{content:"\F00C"}.van-icon-award-o:before{content:"\F00D"}.van-icon-award:before{content:"\F00E"}.van-icon-back-top:before{content:"\F0E6"}.van-icon-bag-o:before{content:"\F00F"}.van-icon-bag:before{content:"\F010"}.van-icon-balance-list-o:before{content:"\F011"}.van-icon-balance-list:before{content:"\F012"}.van-icon-balance-o:before{content:"\F013"}.van-icon-balance-pay:before{content:"\F014"}.van-icon-bar-chart-o:before{content:"\F015"}.van-icon-bars:before{content:"\F016"}.van-icon-bell:before{content:"\F017"}.van-icon-bill-o:before{content:"\F018"}.van-icon-bill:before{content:"\F019"}.van-icon-birthday-cake-o:before{content:"\F01A"}.van-icon-bookmark-o:before{content:"\F01B"}.van-icon-bookmark:before{content:"\F01C"}.van-icon-browsing-history-o:before{content:"\F01D"}.van-icon-browsing-history:before{content:"\F01E"}.van-icon-brush-o:before{content:"\F01F"}.van-icon-bulb-o:before{content:"\F020"}.van-icon-bullhorn-o:before{content:"\F021"}.van-icon-calendar-o:before{content:"\F022"}.van-icon-card:before{content:"\F023"}.van-icon-cart-circle-o:before{content:"\F024"}.van-icon-cart-circle:before{content:"\F025"}.van-icon-cart-o:before{content:"\F026"}.van-icon-cart:before{content:"\F027"}.van-icon-cash-back-record:before{content:"\F028"}.van-icon-cash-on-deliver:before{content:"\F029"}.van-icon-cashier-o:before{content:"\F02A"}.van-icon-certificate:before{content:"\F02B"}.van-icon-chart-trending-o:before{content:"\F02C"}.van-icon-chat-o:before{content:"\F02D"}.van-icon-chat:before{content:"\F02E"}.van-icon-checked:before{content:"\F02F"}.van-icon-circle:before{content:"\F030"}.van-icon-clear:before{content:"\F031"}.van-icon-clock-o:before{content:"\F032"}.van-icon-clock:before{content:"\F033"}.van-icon-close:before{content:"\F034"}.van-icon-closed-eye:before{content:"\F035"}.van-icon-cluster-o:before{content:"\F036"}.van-icon-cluster:before{content:"\F037"}.van-icon-column:before{content:"\F038"}.van-icon-comment-circle-o:before{content:"\F039"}.van-icon-comment-circle:before{content:"\F03A"}.van-icon-comment-o:before{content:"\F03B"}.van-icon-comment:before{content:"\F03C"}.van-icon-completed:before{content:"\F03D"}.van-icon-contact:before{content:"\F03E"}.van-icon-coupon-o:before{content:"\F03F"}.van-icon-coupon:before{content:"\F040"}.van-icon-credit-pay:before{content:"\F041"}.van-icon-cross:before{content:"\F042"}.van-icon-debit-pay:before{content:"\F043"}.van-icon-delete:before{content:"\F044"}.van-icon-descending:before{content:"\F045"}.van-icon-description:before{content:"\F046"}.van-icon-desktop-o:before{content:"\F047"}.van-icon-diamond-o:before{content:"\F048"}.van-icon-diamond:before{content:"\F049"}.van-icon-discount:before{content:"\F04A"}.van-icon-down:before{content:"\F04B"}.van-icon-ecard-pay:before{content:"\F04C"}.van-icon-edit:before{content:"\F04D"}.van-icon-ellipsis:before{content:"\F04E"}.van-icon-empty:before{content:"\F04F"}.van-icon-enlarge:before{content:"\F0E4"}.van-icon-envelop-o:before{content:"\F050"}.van-icon-exchange:before{content:"\F051"}.van-icon-expand-o:before{content:"\F052"}.van-icon-expand:before{content:"\F053"}.van-icon-eye-o:before{content:"\F054"}.van-icon-eye:before{content:"\F055"}.van-icon-fail:before{content:"\F056"}.van-icon-failure:before{content:"\F057"}.van-icon-filter-o:before{content:"\F058"}.van-icon-fire-o:before{content:"\F059"}.van-icon-fire:before{content:"\F05A"}.van-icon-flag-o:before{content:"\F05B"}.van-icon-flower-o:before{content:"\F05C"}.van-icon-free-postage:before{content:"\F05D"}.van-icon-friends-o:before{content:"\F05E"}.van-icon-friends:before{content:"\F05F"}.van-icon-gem-o:before{content:"\F060"}.van-icon-gem:before{content:"\F061"}.van-icon-gift-card-o:before{content:"\F062"}.van-icon-gift-card:before{content:"\F063"}.van-icon-gift-o:before{content:"\F064"}.van-icon-gift:before{content:"\F065"}.van-icon-gold-coin-o:before{content:"\F066"}.van-icon-gold-coin:before{content:"\F067"}.van-icon-good-job-o:before{content:"\F068"}.van-icon-good-job:before{content:"\F069"}.van-icon-goods-collect-o:before{content:"\F06A"}.van-icon-goods-collect:before{content:"\F06B"}.van-icon-graphic:before{content:"\F06C"}.van-icon-home-o:before{content:"\F06D"}.van-icon-hot-o:before{content:"\F06E"}.van-icon-hot-sale-o:before{content:"\F06F"}.van-icon-hot-sale:before{content:"\F070"}.van-icon-hot:before{content:"\F071"}.van-icon-hotel-o:before{content:"\F072"}.van-icon-idcard:before{content:"\F073"}.van-icon-info-o:before{content:"\F074"}.van-icon-info:before{content:"\F075"}.van-icon-invition:before{content:"\F076"}.van-icon-label-o:before{content:"\F077"}.van-icon-label:before{content:"\F078"}.van-icon-like-o:before{content:"\F079"}.van-icon-like:before{content:"\F07A"}.van-icon-live:before{content:"\F07B"}.van-icon-location-o:before{content:"\F07C"}.van-icon-location:before{content:"\F07D"}.van-icon-lock:before{content:"\F07E"}.van-icon-logistics:before{content:"\F07F"}.van-icon-manager-o:before{content:"\F080"}.van-icon-manager:before{content:"\F081"}.van-icon-map-marked:before{content:"\F082"}.van-icon-medal-o:before{content:"\F083"}.van-icon-medal:before{content:"\F084"}.van-icon-minus:before{content:"\F0E8"}.van-icon-more-o:before{content:"\F085"}.van-icon-more:before{content:"\F086"}.van-icon-music-o:before{content:"\F087"}.van-icon-music:before{content:"\F088"}.van-icon-new-arrival-o:before{content:"\F089"}.van-icon-new-arrival:before{content:"\F08A"}.van-icon-new-o:before{content:"\F08B"}.van-icon-new:before{content:"\F08C"}.van-icon-newspaper-o:before{content:"\F08D"}.van-icon-notes-o:before{content:"\F08E"}.van-icon-orders-o:before{content:"\F08F"}.van-icon-other-pay:before{content:"\F090"}.van-icon-paid:before{content:"\F091"}.van-icon-passed:before{content:"\F092"}.van-icon-pause-circle-o:before{content:"\F093"}.van-icon-pause-circle:before{content:"\F094"}.van-icon-pause:before{content:"\F095"}.van-icon-peer-pay:before{content:"\F096"}.van-icon-pending-payment:before{content:"\F097"}.van-icon-phone-circle-o:before{content:"\F098"}.van-icon-phone-circle:before{content:"\F099"}.van-icon-phone-o:before{content:"\F09A"}.van-icon-phone:before{content:"\F09B"}.van-icon-photo-fail:before{content:"\F0E5"}.van-icon-photo-o:before{content:"\F09C"}.van-icon-photo:before{content:"\F09D"}.van-icon-photograph:before{content:"\F09E"}.van-icon-play-circle-o:before{content:"\F09F"}.van-icon-play-circle:before{content:"\F0A0"}.van-icon-play:before{content:"\F0A1"}.van-icon-plus:before{content:"\F0A2"}.van-icon-point-gift-o:before{content:"\F0A3"}.van-icon-point-gift:before{content:"\F0A4"}.van-icon-points:before{content:"\F0A5"}.van-icon-printer:before{content:"\F0A6"}.van-icon-qr-invalid:before{content:"\F0A7"}.van-icon-qr:before{content:"\F0A8"}.van-icon-question-o:before{content:"\F0A9"}.van-icon-question:before{content:"\F0AA"}.van-icon-records:before{content:"\F0AB"}.van-icon-refund-o:before{content:"\F0AC"}.van-icon-replay:before{content:"\F0AD"}.van-icon-scan:before{content:"\F0AE"}.van-icon-search:before{content:"\F0AF"}.van-icon-send-gift-o:before{content:"\F0B0"}.van-icon-send-gift:before{content:"\F0B1"}.van-icon-service-o:before{content:"\F0B2"}.van-icon-service:before{content:"\F0B3"}.van-icon-setting-o:before{content:"\F0B4"}.van-icon-setting:before{content:"\F0B5"}.van-icon-share-o:before{content:"\F0E7"}.van-icon-share:before{content:"\F0B6"}.van-icon-shop-collect-o:before{content:"\F0B7"}.van-icon-shop-collect:before{content:"\F0B8"}.van-icon-shop-o:before{content:"\F0B9"}.van-icon-shop:before{content:"\F0BA"}.van-icon-shopping-cart-o:before{content:"\F0BB"}.van-icon-shopping-cart:before{content:"\F0BC"}.van-icon-shrink:before{content:"\F0BD"}.van-icon-sign:before{content:"\F0BE"}.van-icon-smile-comment-o:before{content:"\F0BF"}.van-icon-smile-comment:before{content:"\F0C0"}.van-icon-smile-o:before{content:"\F0C1"}.van-icon-smile:before{content:"\F0C2"}.van-icon-star-o:before{content:"\F0C3"}.van-icon-star:before{content:"\F0C4"}.van-icon-stop-circle-o:before{content:"\F0C5"}.van-icon-stop-circle:before{content:"\F0C6"}.van-icon-stop:before{content:"\F0C7"}.van-icon-success:before{content:"\F0C8"}.van-icon-thumb-circle-o:before{content:"\F0C9"}.van-icon-thumb-circle:before{content:"\F0CA"}.van-icon-todo-list-o:before{content:"\F0CB"}.van-icon-todo-list:before{content:"\F0CC"}.van-icon-tosend:before{content:"\F0CD"}.van-icon-tv-o:before{content:"\F0CE"}.van-icon-umbrella-circle:before{content:"\F0CF"}.van-icon-underway-o:before{content:"\F0D0"}.van-icon-underway:before{content:"\F0D1"}.van-icon-upgrade:before{content:"\F0D2"}.van-icon-user-circle-o:before{content:"\F0D3"}.van-icon-user-o:before{content:"\F0D4"}.van-icon-video-o:before{content:"\F0D5"}.van-icon-video:before{content:"\F0D6"}.van-icon-vip-card-o:before{content:"\F0D7"}.van-icon-vip-card:before{content:"\F0D8"}.van-icon-volume-o:before{content:"\F0D9"}.van-icon-volume:before{content:"\F0DA"}.van-icon-wap-home-o:before{content:"\F0DB"}.van-icon-wap-home:before{content:"\F0DC"}.van-icon-wap-nav:before{content:"\F0DD"}.van-icon-warn-o:before{content:"\F0DE"}.van-icon-warning-o:before{content:"\F0DF"}.van-icon-warning:before{content:"\F0E0"}.van-icon-weapp-nav:before{content:"\F0E1"}.van-icon-wechat:before{content:"\F0E2"}.van-icon-youzan-shield:before{content:"\F0E3"}:host{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.van-icon--image{width:1em;height:1em}.van-icon__image{width:100%;height:100%}.van-icon__info{z-index:1}
diff --git a/mini-app/weapp/vant/image/index.js b/mini-app/weapp/vant/image/index.js
new file mode 100644
index 000000000..05a7bc5b9
--- /dev/null
+++ b/mini-app/weapp/vant/image/index.js
@@ -0,0 +1,66 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _button = require('./../mixins/button.js');
+
+var _openType = require('./../mixins/open-type.js');
+
+(0, _component.VantComponent)({
+  mixins: [_button.button, _openType.openType],
+  classes: ['custom-class', 'loading-class', 'error-class', 'image-class'],
+  props: {
+    src: {
+      type: String,
+      observer: function observer() {
+        this.setData({
+          error: false,
+          loading: true
+        });
+      }
+    },
+    round: Boolean,
+    width: null,
+    height: null,
+    radius: null,
+    lazyLoad: Boolean,
+    useErrorSlot: Boolean,
+    useLoadingSlot: Boolean,
+    showMenuByLongpress: Boolean,
+    fit: {
+      type: String,
+      value: 'fill'
+    },
+    showError: {
+      type: Boolean,
+      value: true
+    },
+    showLoading: {
+      type: Boolean,
+      value: true
+    }
+  },
+  data: {
+    error: false,
+    loading: true,
+    viewStyle: ''
+  },
+  methods: {
+    onLoad: function onLoad(event) {
+      this.setData({
+        loading: false
+      });
+      this.$emit('load', event.detail);
+    },
+    onError: function onError(event) {
+      this.setData({
+        loading: false,
+        error: true
+      });
+      this.$emit('error', event.detail);
+    },
+    onClick: function onClick(event) {
+      this.$emit('click', event.detail);
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/image/index.json b/mini-app/weapp/vant/image/index.json
new file mode 100644
index 000000000..27a6d281c
--- /dev/null
+++ b/mini-app/weapp/vant/image/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index",
+        "van-loading": "./../loading/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/image/index.wxml b/mini-app/weapp/vant/image/index.wxml
new file mode 100644
index 000000000..575f320c6
--- /dev/null
+++ b/mini-app/weapp/vant/image/index.wxml
@@ -0,0 +1,19 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+
+<view style="{{ computed.rootStyle({ width, height, radius }) }}" class="custom-class {{ utils.bem('image', { round })}}" bind:tap="onClick">
+  <image wx:if="{{ !error }}" src="{{ src }}" mode="{{ computed.mode(fit) }}" lazy-load="{{ lazyLoad }}" class="image-class van-image__img" show-menu-by-longpress="{{ showMenuByLongpress }}" bind:load="onLoad" bind:error="onError"></image>
+
+  <view wx:if="{{ loading && showLoading }}" class="loading-class van-image__loading">
+    <slot wx:if="{{ useLoadingSlot }}" name="loading"></slot>
+    <van-icon wx:else="" name="photo" custom-class="van-image__loading-icon"></van-icon>
+  </view>
+  <view wx:if="{{ error && showError }}" class="error-class van-image__error">
+    <slot wx:if="{{ useErrorSlot }}" name="error"></slot>
+    <van-icon wx:else="" name="photo-fail" custom-class="van-image__error-icon"></van-icon>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/image/index.wxs b/mini-app/weapp/vant/image/index.wxs
new file mode 100644
index 000000000..4336f49d1
--- /dev/null
+++ b/mini-app/weapp/vant/image/index.wxs
@@ -0,0 +1,32 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function rootStyle(data) {
+  return style([
+    {
+      width: addUnit(data.width),
+      height: addUnit(data.height),
+      'border-radius': addUnit(data.radius),
+    },
+    data.radius ? 'overflow: hidden' : null,
+  ]);
+}
+
+var FIT_MODE_MAP = {
+  none: 'center',
+  fill: 'scaleToFill',
+  cover: 'aspectFill',
+  contain: 'aspectFit',
+  widthFix: 'widthFix',
+  heightFix: 'heightFix',
+};
+
+function mode(fit) {
+  return FIT_MODE_MAP[fit];
+}
+
+module.exports = {
+  rootStyle: rootStyle,
+  mode: mode,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/image/index.wxss b/mini-app/weapp/vant/image/index.wxss
new file mode 100644
index 000000000..137d57081
--- /dev/null
+++ b/mini-app/weapp/vant/image/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#969799;color:var(--image-placeholder-text-color,#969799);font-size:14px;font-size:var(--image-placeholder-font-size,14px);background-color:#f7f8fa;background-color:var(--image-placeholder-background-color,#f7f8fa)}.van-image__loading-icon{color:#dcdee0;color:var(--image-loading-icon-color,#dcdee0);font-size:32px!important;font-size:var(--image-loading-icon-size,32px)!important}.van-image__error-icon{color:#dcdee0;color:var(--image-error-icon-color,#dcdee0);font-size:32px!important;font-size:var(--image-error-icon-size,32px)!important}
diff --git a/mini-app/weapp/vant/info/index.js b/mini-app/weapp/vant/info/index.js
new file mode 100644
index 000000000..e4177ea60
--- /dev/null
+++ b/mini-app/weapp/vant/info/index.js
@@ -0,0 +1,11 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    dot: Boolean,
+    info: null,
+    customStyle: String
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/info/index.json b/mini-app/weapp/vant/info/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/info/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/info/index.wxml b/mini-app/weapp/vant/info/index.wxml
new file mode 100644
index 000000000..f7e86a73b
--- /dev/null
+++ b/mini-app/weapp/vant/info/index.wxml
@@ -0,0 +1,6 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view wx:if="{{ info !== null && info !== '' || dot }}" class="van-info {{ utils.bem('info', { dot }) }} custom-class" style="{{ customStyle }}">{{ dot ? '' : info }}</view>
diff --git a/mini-app/weapp/vant/info/index.wxss b/mini-app/weapp/vant/info/index.wxss
new file mode 100644
index 000000000..35ec72788
--- /dev/null
+++ b/mini-app/weapp/vant/info/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-info{position:absolute;top:0;right:0;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;white-space:nowrap;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:100%;transform-origin:100%;height:16px;height:var(--info-size,16px);min-width:16px;min-width:var(--info-size,16px);padding:0 3px;padding:var(--info-padding,0 3px);color:#fff;color:var(--info-color,#fff);font-weight:500;font-weight:var(--info-font-weight,500);font-size:12px;font-size:var(--info-font-size,12px);font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif;font-family:var(--info-font-family,-apple-system-font,Helvetica Neue,Arial,sans-serif);background-color:#ee0a24;background-color:var(--info-background-color,#ee0a24);border:1px solid #fff;border:var(--info-border-width,1px) solid var(--white,#fff);border-radius:16px;border-radius:var(--info-size,16px)}.van-info--dot{min-width:0;border-radius:100%;width:8px;width:var(--info-dot-size,8px);height:8px;height:var(--info-dot-size,8px);background-color:#ee0a24;background-color:var(--info-dot-color,#ee0a24)}
diff --git a/mini-app/weapp/vant/loading/index.js b/mini-app/weapp/vant/loading/index.js
new file mode 100644
index 000000000..f2a70b770
--- /dev/null
+++ b/mini-app/weapp/vant/loading/index.js
@@ -0,0 +1,21 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    color: String,
+    vertical: Boolean,
+    type: {
+      type: String,
+      value: 'circular'
+    },
+    size: String,
+    textSize: String
+  },
+  data: {
+    array12: Array.from({
+      length: 12
+    })
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/loading/index.json b/mini-app/weapp/vant/loading/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/loading/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/loading/index.wxml b/mini-app/weapp/vant/loading/index.wxml
new file mode 100644
index 000000000..d32e5bad7
--- /dev/null
+++ b/mini-app/weapp/vant/loading/index.wxml
@@ -0,0 +1,13 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class van-loading {{ vertical ? 'van-loading--vertical' : '' }}">
+  <view class="van-loading__spinner van-loading__spinner--{{ type }}" style="color: {{ color }}; width: {{ utils.addUnit(size) }}; height: {{ utils.addUnit(size) }}">
+    <view wx:if="{{ type === 'spinner' }}" wx:for="{{ array12 }}" wx:key="index" class="van-loading__dot"></view>
+  </view>
+  <view class="van-loading__text" style="font-size: {{ utils.addUnit(textSize) }};">
+    <slot></slot>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/loading/index.wxss b/mini-app/weapp/vant/loading/index.wxss
new file mode 100644
index 000000000..86ca372b5
--- /dev/null
+++ b/mini-app/weapp/vant/loading/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{font-size:0;line-height:1}.van-loading{display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#c8c9cc;color:var(--loading-spinner-color,#c8c9cc)}.van-loading__spinner{position:relative;box-sizing:border-box;width:30px;width:var(--loading-spinner-size,30px);max-width:100%;max-height:100%;height:30px;height:var(--loading-spinner-size,30px);-webkit-animation:van-rotate .8s linear infinite;animation:van-rotate .8s linear infinite;-webkit-animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite}.van-loading__spinner--spinner{-webkit-animation-timing-function:steps(12);animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-top-color:initial;border-radius:100%}.van-loading__text{margin-left:8px;margin-left:var(--padding-xs,8px);color:#969799;color:var(--loading-text-color,#969799);font-size:14px;font-size:var(--loading-text-font-size,14px);line-height:20px;line-height:var(--loading-text-line-height,20px)}.van-loading__text:empty{display:none}.van-loading--vertical{-webkit-flex-direction:column;flex-direction:column}.van-loading--vertical .van-loading__text{margin:8px 0 0;margin:var(--padding-xs,8px) 0 0}.van-loading__dot{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__dot:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__dot:first-of-type{-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:1}.van-loading__dot:nth-of-type(2){-webkit-transform:rotate(60deg);transform:rotate(60deg);opacity:.9375}.van-loading__dot:nth-of-type(3){-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.875}.van-loading__dot:nth-of-type(4){-webkit-transform:rotate(120deg);transform:rotate(120deg);opacity:.8125}.van-loading__dot:nth-of-type(5){-webkit-transform:rotate(150deg);transform:rotate(150deg);opacity:.75}.van-loading__dot:nth-of-type(6){-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:.6875}.van-loading__dot:nth-of-type(7){-webkit-transform:rotate(210deg);transform:rotate(210deg);opacity:.625}.van-loading__dot:nth-of-type(8){-webkit-transform:rotate(240deg);transform:rotate(240deg);opacity:.5625}.van-loading__dot:nth-of-type(9){-webkit-transform:rotate(270deg);transform:rotate(270deg);opacity:.5}.van-loading__dot:nth-of-type(10){-webkit-transform:rotate(300deg);transform:rotate(300deg);opacity:.4375}.van-loading__dot:nth-of-type(11){-webkit-transform:rotate(330deg);transform:rotate(330deg);opacity:.375}.van-loading__dot:nth-of-type(12){-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:.3125}@-webkit-keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes van-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
diff --git a/mini-app/weapp/vant/mixins/basic.js b/mini-app/weapp/vant/mixins/basic.js
new file mode 100644
index 000000000..b5d103a31
--- /dev/null
+++ b/mini-app/weapp/vant/mixins/basic.js
@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.basic = void 0;
+var basic = Behavior({
+  methods: {
+    $emit: function $emit(name, detail, options) {
+      this.triggerEvent(name, detail, options);
+    },
+    set: function set(data, callback) {
+      this.setData(data, callback);
+      return new Promise(function (resolve) {
+        return wx.nextTick(resolve);
+      });
+    }
+  }
+});
+exports.basic = basic;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/mixins/button.js b/mini-app/weapp/vant/mixins/button.js
new file mode 100644
index 000000000..f3a4292cd
--- /dev/null
+++ b/mini-app/weapp/vant/mixins/button.js
@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.button = void 0;
+var button = Behavior({
+  externalClasses: ['hover-class'],
+  properties: {
+    id: String,
+    lang: String,
+    businessId: Number,
+    sessionFrom: String,
+    sendMessageTitle: String,
+    sendMessagePath: String,
+    sendMessageImg: String,
+    showMessageCard: Boolean,
+    appParameter: String,
+    ariaLabel: String
+  }
+});
+exports.button = button;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/mixins/link.js b/mini-app/weapp/vant/mixins/link.js
new file mode 100644
index 000000000..6fedf3f52
--- /dev/null
+++ b/mini-app/weapp/vant/mixins/link.js
@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.link = void 0;
+var link = Behavior({
+  properties: {
+    url: String,
+    linkType: {
+      type: String,
+      value: 'navigateTo'
+    }
+  },
+  methods: {
+    jumpLink: function jumpLink() {
+      var urlKey = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'url';
+      var url = this.data[urlKey];
+
+      if (url) {
+        if (this.data.linkType === 'navigateTo' && getCurrentPages().length > 9) {
+          wx.redirectTo({
+            url: url
+          });
+        } else {
+          wx[this.data.linkType]({
+            url: url
+          });
+        }
+      }
+    }
+  }
+});
+exports.link = link;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/mixins/open-type.js b/mini-app/weapp/vant/mixins/open-type.js
new file mode 100644
index 000000000..d51028edf
--- /dev/null
+++ b/mini-app/weapp/vant/mixins/open-type.js
@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openType = void 0;
+// @ts-nocheck
+var openType = Behavior({
+  properties: {
+    openType: String
+  },
+  methods: {
+    bindGetUserInfo: function bindGetUserInfo(event) {
+      this.$emit('getuserinfo', event.detail);
+    },
+    bindContact: function bindContact(event) {
+      this.$emit('contact', event.detail);
+    },
+    bindGetPhoneNumber: function bindGetPhoneNumber(event) {
+      this.$emit('getphonenumber', event.detail);
+    },
+    bindError: function bindError(event) {
+      this.$emit('error', event.detail);
+    },
+    bindLaunchApp: function bindLaunchApp(event) {
+      this.$emit('launchapp', event.detail);
+    },
+    bindOpenSetting: function bindOpenSetting(event) {
+      this.$emit('opensetting', event.detail);
+    }
+  }
+});
+exports.openType = openType;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/mixins/transition.js b/mini-app/weapp/vant/mixins/transition.js
new file mode 100644
index 000000000..50b17c4b6
--- /dev/null
+++ b/mini-app/weapp/vant/mixins/transition.js
@@ -0,0 +1,151 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transition = transition;
+
+var _utils = require('./../common/utils.js');
+
+var _validator = require('./../common/validator.js');
+
+// @ts-nocheck
+var getClassNames = function getClassNames(name) {
+  return {
+    enter: "van-".concat(name, "-enter van-").concat(name, "-enter-active enter-class enter-active-class"),
+    'enter-to': "van-".concat(name, "-enter-to van-").concat(name, "-enter-active enter-to-class enter-active-class"),
+    leave: "van-".concat(name, "-leave van-").concat(name, "-leave-active leave-class leave-active-class"),
+    'leave-to': "van-".concat(name, "-leave-to van-").concat(name, "-leave-active leave-to-class leave-active-class")
+  };
+};
+
+function transition(showDefaultValue) {
+  return Behavior({
+    properties: {
+      customStyle: String,
+      // @ts-ignore
+      show: {
+        type: Boolean,
+        value: showDefaultValue,
+        observer: 'observeShow'
+      },
+      // @ts-ignore
+      duration: {
+        type: null,
+        value: 300,
+        observer: 'observeDuration'
+      },
+      name: {
+        type: String,
+        value: 'fade'
+      }
+    },
+    data: {
+      type: '',
+      inited: false,
+      display: false
+    },
+    methods: {
+      observeShow: function observeShow(value, old) {
+        if (value === old) {
+          return;
+        }
+
+        value ? this.enter() : this.leave();
+      },
+      enter: function enter() {
+        var _this = this;
+
+        var _this$data = this.data,
+            duration = _this$data.duration,
+            name = _this$data.name;
+        var classNames = getClassNames(name);
+        var currentDuration = (0, _validator.isObj)(duration) ? duration.enter : duration;
+        this.status = 'enter';
+        this.$emit('before-enter');
+        (0, _utils.requestAnimationFrame)(function () {
+          _this.checkStatus('enter');
+
+          _this.$emit('enter');
+
+          _this.setData({
+            inited: true,
+            display: true,
+            classes: classNames.enter,
+            currentDuration: currentDuration
+          });
+
+          (0, _utils.requestAnimationFrame)(function () {
+            _this.checkStatus('enter');
+
+            _this.transitionEnded = false;
+
+            _this.setData({
+              classes: classNames['enter-to']
+            });
+          });
+        });
+      },
+      leave: function leave() {
+        var _this2 = this;
+
+        if (!this.data.display) {
+          return;
+        }
+
+        var _this$data2 = this.data,
+            duration = _this$data2.duration,
+            name = _this$data2.name;
+        var classNames = getClassNames(name);
+        var currentDuration = (0, _validator.isObj)(duration) ? duration.leave : duration;
+        this.status = 'leave';
+        this.$emit('before-leave');
+        (0, _utils.requestAnimationFrame)(function () {
+          _this2.checkStatus('leave');
+
+          _this2.$emit('leave');
+
+          _this2.setData({
+            classes: classNames.leave,
+            currentDuration: currentDuration
+          });
+
+          (0, _utils.requestAnimationFrame)(function () {
+            _this2.checkStatus('leave');
+
+            _this2.transitionEnded = false;
+            setTimeout(function () {
+              return _this2.onTransitionEnd();
+            }, currentDuration);
+
+            _this2.setData({
+              classes: classNames['leave-to']
+            });
+          });
+        });
+      },
+      checkStatus: function checkStatus(status) {
+        if (status !== this.status) {
+          throw new Error("incongruent status: ".concat(status));
+        }
+      },
+      onTransitionEnd: function onTransitionEnd() {
+        if (this.transitionEnded) {
+          return;
+        }
+
+        this.transitionEnded = true;
+        this.$emit("after-".concat(this.status));
+        var _this$data3 = this.data,
+            show = _this$data3.show,
+            display = _this$data3.display;
+
+        if (!show && display) {
+          this.setData({
+            display: false
+          });
+        }
+      }
+    }
+  });
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/nav-bar/index.js b/mini-app/weapp/vant/nav-bar/index.js
new file mode 100644
index 000000000..2b053ec96
--- /dev/null
+++ b/mini-app/weapp/vant/nav-bar/index.js
@@ -0,0 +1,76 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _utils = require('./../common/utils.js');
+
+(0, _component.VantComponent)({
+  classes: ['title-class'],
+  props: {
+    title: String,
+    fixed: {
+      type: Boolean,
+      observer: 'setHeight'
+    },
+    placeholder: {
+      type: Boolean,
+      observer: 'setHeight'
+    },
+    leftText: String,
+    rightText: String,
+    customStyle: String,
+    leftArrow: Boolean,
+    border: {
+      type: Boolean,
+      value: true
+    },
+    zIndex: {
+      type: Number,
+      value: 1
+    },
+    safeAreaInsetTop: {
+      type: Boolean,
+      value: true
+    }
+  },
+  data: {
+    height: 46
+  },
+  created: function created() {
+    var _getSystemInfoSync = (0, _utils.getSystemInfoSync)(),
+        statusBarHeight = _getSystemInfoSync.statusBarHeight;
+
+    this.setData({
+      statusBarHeight: statusBarHeight,
+      height: 46 + statusBarHeight
+    });
+  },
+  mounted: function mounted() {
+    this.setHeight();
+  },
+  methods: {
+    onClickLeft: function onClickLeft() {
+      this.$emit('click-left');
+    },
+    onClickRight: function onClickRight() {
+      this.$emit('click-right');
+    },
+    setHeight: function setHeight() {
+      var _this = this;
+
+      if (!this.data.fixed || !this.data.placeholder) {
+        return;
+      }
+
+      wx.nextTick(function () {
+        (0, _utils.getRect)(_this, '.van-nav-bar').then(function (res) {
+          if (res && 'height' in res) {
+            _this.setData({
+              height: res.height
+            });
+          }
+        });
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/nav-bar/index.json b/mini-app/weapp/vant/nav-bar/index.json
new file mode 100644
index 000000000..aed2ff4bf
--- /dev/null
+++ b/mini-app/weapp/vant/nav-bar/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/nav-bar/index.wxml b/mini-app/weapp/vant/nav-bar/index.wxml
new file mode 100644
index 000000000..32a65cc65
--- /dev/null
+++ b/mini-app/weapp/vant/nav-bar/index.wxml
@@ -0,0 +1,28 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+
+<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;"></view>
+
+<view class="{{ utils.bem('nav-bar', { fixed }) }} custom-class {{ border ? 'van-hairline--bottom' : '' }}" style="{{ computed.barStyle({ zIndex, statusBarHeight, safeAreaInsetTop }) }}; {{ customStyle }}">
+  <view class="van-nav-bar__content">
+    <view class="van-nav-bar__left" bind:tap="onClickLeft">
+      <block wx:if="{{ leftArrow || leftText }}">
+        <van-icon wx:if="{{ leftArrow }}" size="16px" name="arrow-left" custom-class="van-nav-bar__arrow"></van-icon>
+        <view wx:if="{{ leftText }}" class="van-nav-bar__text" hover-class="van-nav-bar__text--hover" hover-stay-time="70">{{ leftText }}</view>
+      </block>
+      <slot wx:else="" name="left"></slot>
+    </view>
+    <view class="van-nav-bar__title title-class van-ellipsis">
+      <block wx:if="{{ title }}">{{ title }}</block>
+      <slot wx:else="" name="title"></slot>
+    </view>
+    <view class="van-nav-bar__right" bind:tap="onClickRight">
+      <view wx:if="{{ rightText }}" class="van-nav-bar__text" hover-class="van-nav-bar__text--hover" hover-stay-time="70">{{ rightText }}</view>
+      <slot wx:else="" name="right"></slot>
+    </view>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/nav-bar/index.wxs b/mini-app/weapp/vant/nav-bar/index.wxs
new file mode 100644
index 000000000..1646e8d10
--- /dev/null
+++ b/mini-app/weapp/vant/nav-bar/index.wxs
@@ -0,0 +1,13 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function barStyle(data) {
+  return style({
+    'z-index': data.zIndex,
+    'padding-top': data.safeAreaInsetTop ? data.statusBarHeight + 'px' : 0,
+  });
+}
+
+module.exports = {
+  barStyle: barStyle,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/nav-bar/index.wxss b/mini-app/weapp/vant/nav-bar/index.wxss
new file mode 100644
index 000000000..077eaf691
--- /dev/null
+++ b/mini-app/weapp/vant/nav-bar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-nav-bar{position:relative;text-align:center;-webkit-user-select:none;user-select:none;height:46px;height:var(--nav-bar-height,46px);line-height:46px;line-height:var(--nav-bar-height,46px);background-color:#fff;background-color:var(--nav-bar-background-color,#fff)}.van-nav-bar__content{position:relative;height:100%}.van-nav-bar__text{display:inline-block;vertical-align:middle;margin:0 -16px;margin:0 -var(--padding-md,16px);padding:0 16px;padding:0 var(--padding-md,16px);color:#1989fa;color:var(--nav-bar-text-color,#1989fa)}.van-nav-bar__text--hover{background-color:#f2f3f5;background-color:var(--active-color,#f2f3f5)}.van-nav-bar__arrow{vertical-align:middle;font-size:16px!important;font-size:var(--nav-bar-arrow-size,16px)!important;color:#1989fa!important;color:var(--nav-bar-icon-color,#1989fa)!important}.van-nav-bar__arrow+.van-nav-bar__text{margin-left:-20px;padding-left:25px}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar__title{max-width:60%;margin:0 auto;color:#323233;color:var(--nav-bar-title-text-color,#323233);font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--nav-bar-title-font-size,16px)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;font-size:var(--font-size-md,14px)}.van-nav-bar__left{left:16px;left:var(--padding-md,16px)}.van-nav-bar__right{right:16px;right:var(--padding-md,16px)}
diff --git a/mini-app/weapp/vant/overlay/index.js b/mini-app/weapp/vant/overlay/index.js
new file mode 100644
index 000000000..ab8384681
--- /dev/null
+++ b/mini-app/weapp/vant/overlay/index.js
@@ -0,0 +1,25 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    show: Boolean,
+    customStyle: String,
+    duration: {
+      type: null,
+      value: 300
+    },
+    zIndex: {
+      type: Number,
+      value: 1
+    }
+  },
+  methods: {
+    onClick: function onClick() {
+      this.$emit('click');
+    },
+    // for prevent touchmove
+    noop: function noop() {}
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/overlay/index.json b/mini-app/weapp/vant/overlay/index.json
new file mode 100644
index 000000000..952cd9b9a
--- /dev/null
+++ b/mini-app/weapp/vant/overlay/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-transition": "./../transition/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/overlay/index.wxml b/mini-app/weapp/vant/overlay/index.wxml
new file mode 100644
index 000000000..9212348b0
--- /dev/null
+++ b/mini-app/weapp/vant/overlay/index.wxml
@@ -0,0 +1,10 @@
+<van-transition
+  show="{{ show }}"
+  custom-class="van-overlay"
+  custom-style="z-index: {{ zIndex }}; {{ customStyle }}"
+  duration="{{ duration }}"
+  bind:tap="onClick"
+  catch:touchmove="noop"
+>
+  <slot></slot>
+</van-transition>
diff --git a/mini-app/weapp/vant/overlay/index.wxss b/mini-app/weapp/vant/overlay/index.wxss
new file mode 100644
index 000000000..2ff84a59a
--- /dev/null
+++ b/mini-app/weapp/vant/overlay/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);background-color:var(--overlay-background-color,rgba(0,0,0,.7))}
diff --git a/mini-app/weapp/vant/panel/index.js b/mini-app/weapp/vant/panel/index.js
new file mode 100644
index 000000000..33c177f73
--- /dev/null
+++ b/mini-app/weapp/vant/panel/index.js
@@ -0,0 +1,13 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  classes: ['header-class', 'footer-class'],
+  props: {
+    desc: String,
+    title: String,
+    status: String,
+    useFooterSlot: Boolean
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/panel/index.json b/mini-app/weapp/vant/panel/index.json
new file mode 100644
index 000000000..7285edfcb
--- /dev/null
+++ b/mini-app/weapp/vant/panel/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-cell": "./../cell/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/panel/index.wxml b/mini-app/weapp/vant/panel/index.wxml
new file mode 100644
index 000000000..3f135d23d
--- /dev/null
+++ b/mini-app/weapp/vant/panel/index.wxml
@@ -0,0 +1,19 @@
+<view class="van-panel van-hairline--top-bottom custom-class">
+  <van-cell 
+    wx:if="{{ title || desc || status }}"
+    title="{{ title }}"
+    label="{{ desc }}"
+    value="{{ status }}"
+    custom-class="header-class"
+    value-class="van-panel__header-value"
+  />
+  <slot wx:else name="header" />
+
+  <view class="van-panel__content">
+    <slot />
+  </view>
+
+  <view wx:if="{{ useFooterSlot }}" class="van-panel__footer van-hairline--top footer-class">
+    <slot name="footer" />
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/panel/index.wxss b/mini-app/weapp/vant/panel/index.wxss
new file mode 100644
index 000000000..97cd75fb0
--- /dev/null
+++ b/mini-app/weapp/vant/panel/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-panel{background:#fff;background:var(--panel-background-color,#fff)}.van-panel__header-value{color:#ee0a24;color:var(--panel-header-value-color,#ee0a24)}.van-panel__footer{padding:8px 16px;padding:var(--panel-footer-padding,8px 16px)}
diff --git a/mini-app/weapp/vant/picker-column/index.js b/mini-app/weapp/vant/picker-column/index.js
new file mode 100644
index 000000000..8f74b94ac
--- /dev/null
+++ b/mini-app/weapp/vant/picker-column/index.js
@@ -0,0 +1,139 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _utils = require('./../common/utils.js');
+
+var _validator = require('./../common/validator.js');
+
+var DEFAULT_DURATION = 200;
+(0, _component.VantComponent)({
+  classes: ['active-class'],
+  props: {
+    valueKey: String,
+    className: String,
+    itemHeight: Number,
+    visibleItemCount: Number,
+    initialOptions: {
+      type: Array,
+      value: []
+    },
+    defaultIndex: {
+      type: Number,
+      value: 0,
+      observer: function observer(value) {
+        this.setIndex(value);
+      }
+    }
+  },
+  data: {
+    startY: 0,
+    offset: 0,
+    duration: 0,
+    startOffset: 0,
+    options: [],
+    currentIndex: 0
+  },
+  created: function created() {
+    var _this = this;
+
+    var _this$data = this.data,
+        defaultIndex = _this$data.defaultIndex,
+        initialOptions = _this$data.initialOptions;
+    this.set({
+      currentIndex: defaultIndex,
+      options: initialOptions
+    }).then(function () {
+      _this.setIndex(defaultIndex);
+    });
+  },
+  methods: {
+    getCount: function getCount() {
+      return this.data.options.length;
+    },
+    onTouchStart: function onTouchStart(event) {
+      this.setData({
+        startY: event.touches[0].clientY,
+        startOffset: this.data.offset,
+        duration: 0
+      });
+    },
+    onTouchMove: function onTouchMove(event) {
+      var data = this.data;
+      var deltaY = event.touches[0].clientY - data.startY;
+      this.setData({
+        offset: (0, _utils.range)(data.startOffset + deltaY, -(this.getCount() * data.itemHeight), data.itemHeight)
+      });
+    },
+    onTouchEnd: function onTouchEnd() {
+      var data = this.data;
+
+      if (data.offset !== data.startOffset) {
+        this.setData({
+          duration: DEFAULT_DURATION
+        });
+        var index = (0, _utils.range)(Math.round(-data.offset / data.itemHeight), 0, this.getCount() - 1);
+        this.setIndex(index, true);
+      }
+    },
+    onClickItem: function onClickItem(event) {
+      var index = event.currentTarget.dataset.index;
+      this.setIndex(index, true);
+    },
+    adjustIndex: function adjustIndex(index) {
+      var data = this.data;
+      var count = this.getCount();
+      index = (0, _utils.range)(index, 0, count);
+
+      for (var i = index; i < count; i++) {
+        if (!this.isDisabled(data.options[i])) return i;
+      }
+
+      for (var _i = index - 1; _i >= 0; _i--) {
+        if (!this.isDisabled(data.options[_i])) return _i;
+      }
+    },
+    isDisabled: function isDisabled(option) {
+      return (0, _validator.isObj)(option) && option.disabled;
+    },
+    getOptionText: function getOptionText(option) {
+      var data = this.data;
+      return (0, _validator.isObj)(option) && data.valueKey in option ? option[data.valueKey] : option;
+    },
+    setIndex: function setIndex(index, userAction) {
+      var _this2 = this;
+
+      var data = this.data;
+      index = this.adjustIndex(index) || 0;
+      var offset = -index * data.itemHeight;
+
+      if (index !== data.currentIndex) {
+        return this.set({
+          offset: offset,
+          currentIndex: index
+        }).then(function () {
+          userAction && _this2.$emit('change', index);
+        });
+      }
+
+      return this.set({
+        offset: offset
+      });
+    },
+    setValue: function setValue(value) {
+      var options = this.data.options;
+
+      for (var i = 0; i < options.length; i++) {
+        if (this.getOptionText(options[i]) === value) {
+          return this.setIndex(i);
+        }
+      }
+
+      return Promise.resolve();
+    },
+    getValue: function getValue() {
+      var data = this.data;
+      return data.options[data.currentIndex];
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/picker-column/index.json b/mini-app/weapp/vant/picker-column/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/picker-column/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/picker-column/index.wxml b/mini-app/weapp/vant/picker-column/index.wxml
new file mode 100644
index 000000000..b1a3abcf7
--- /dev/null
+++ b/mini-app/weapp/vant/picker-column/index.wxml
@@ -0,0 +1,10 @@
+<!----------   wxs start ----------->
+<wxs module="getOptionText" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="van-picker-column custom-class" style="height: {{ itemHeight * visibleItemCount }}px" bind:touchstart="onTouchStart" catch:touchmove="onTouchMove" bind:touchend="onTouchEnd" bind:touchcancel="onTouchEnd">
+  <view style="transition: transform {{ duration }}ms; line-height: {{ itemHeight }}px; transform: translate3d(0, {{ offset + (itemHeight * (visibleItemCount - 1)) / 2 }}px, 0)">
+    <view wx:for="{{ options }}" wx:for-item="option" wx:key="index" data-index="{{ index }}" style="height: {{ itemHeight }}px" class="van-ellipsis van-picker-column__item {{ option && option.disabled ? 'van-picker-column__item--disabled' : '' }} {{ index === currentIndex ? 'van-picker-column__item--selected active-class' : '' }}" bindtap="onClickItem">{{ getOptionText(option, valueKey) }}</view>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/picker-column/index.wxs b/mini-app/weapp/vant/picker-column/index.wxs
new file mode 100644
index 000000000..684c65bed
--- /dev/null
+++ b/mini-app/weapp/vant/picker-column/index.wxs
@@ -0,0 +1,8 @@
+function isObj(x) {
+  var type = typeof x;
+  return x !== null && (type === 'object' || type === 'function');
+}
+
+module.exports = function (option, valueKey) {
+  return isObj(option) && option[valueKey] != null ? option[valueKey] : option;
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/picker-column/index.wxss b/mini-app/weapp/vant/picker-column/index.wxss
new file mode 100644
index 000000000..eddd77444
--- /dev/null
+++ b/mini-app/weapp/vant/picker-column/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-picker-column{overflow:hidden;text-align:center;color:#000;color:var(--picker-option-text-color,#000);font-size:16px;font-size:var(--picker-option-font-size,16px)}.van-picker-column__item{padding:0 5px}.van-picker-column__item--selected{font-weight:500;font-weight:var(--font-weight-bold,500);color:#323233;color:var(--picker-option-selected-text-color,#323233)}.van-picker-column__item--disabled{opacity:.3;opacity:var(--picker-option-disabled-opacity,.3)}
diff --git a/mini-app/weapp/vant/picker/index.js b/mini-app/weapp/vant/picker/index.js
new file mode 100644
index 000000000..17c7b0fe3
--- /dev/null
+++ b/mini-app/weapp/vant/picker/index.js
@@ -0,0 +1,174 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _shared = require('./shared.js');
+
+(0, _component.VantComponent)({
+  classes: ['active-class', 'toolbar-class', 'column-class'],
+  props: Object.assign(Object.assign({}, _shared.pickerProps), {
+    valueKey: {
+      type: String,
+      value: 'text'
+    },
+    toolbarPosition: {
+      type: String,
+      value: 'top'
+    },
+    defaultIndex: {
+      type: Number,
+      value: 0
+    },
+    columns: {
+      type: Array,
+      value: [],
+      observer: function observer() {
+        var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+        this.simple = columns.length && !columns[0].values;
+        this.children = this.selectAllComponents('.van-picker__column');
+
+        if (Array.isArray(this.children) && this.children.length) {
+          this.setColumns()["catch"](function () {});
+        }
+      }
+    }
+  }),
+  beforeCreate: function beforeCreate() {
+    this.children = [];
+  },
+  methods: {
+    noop: function noop() {},
+    setColumns: function setColumns() {
+      var _this = this;
+
+      var data = this.data;
+      var columns = this.simple ? [{
+        values: data.columns
+      }] : data.columns;
+      var stack = columns.map(function (column, index) {
+        return _this.setColumnValues(index, column.values);
+      });
+      return Promise.all(stack);
+    },
+    emit: function emit(event) {
+      var type = event.currentTarget.dataset.type;
+
+      if (this.simple) {
+        this.$emit(type, {
+          value: this.getColumnValue(0),
+          index: this.getColumnIndex(0)
+        });
+      } else {
+        this.$emit(type, {
+          value: this.getValues(),
+          index: this.getIndexes()
+        });
+      }
+    },
+    onChange: function onChange(event) {
+      if (this.simple) {
+        this.$emit('change', {
+          picker: this,
+          value: this.getColumnValue(0),
+          index: this.getColumnIndex(0)
+        });
+      } else {
+        this.$emit('change', {
+          picker: this,
+          value: this.getValues(),
+          index: event.currentTarget.dataset.index
+        });
+      }
+    },
+    // get column instance by index
+    getColumn: function getColumn(index) {
+      return this.children[index];
+    },
+    // get column value by index
+    getColumnValue: function getColumnValue(index) {
+      var column = this.getColumn(index);
+      return column && column.getValue();
+    },
+    // set column value by index
+    setColumnValue: function setColumnValue(index, value) {
+      var column = this.getColumn(index);
+
+      if (column == null) {
+        return Promise.reject(new Error('setColumnValue: 对应列不存在'));
+      }
+
+      return column.setValue(value);
+    },
+    // get column option index by column index
+    getColumnIndex: function getColumnIndex(columnIndex) {
+      return (this.getColumn(columnIndex) || {}).data.currentIndex;
+    },
+    // set column option index by column index
+    setColumnIndex: function setColumnIndex(columnIndex, optionIndex) {
+      var column = this.getColumn(columnIndex);
+
+      if (column == null) {
+        return Promise.reject(new Error('setColumnIndex: 对应列不存在'));
+      }
+
+      return column.setIndex(optionIndex);
+    },
+    // get options of column by index
+    getColumnValues: function getColumnValues(index) {
+      return (this.children[index] || {}).data.options;
+    },
+    // set options of column by index
+    setColumnValues: function setColumnValues(index, options) {
+      var needReset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+      var column = this.children[index];
+
+      if (column == null) {
+        return Promise.reject(new Error('setColumnValues: 对应列不存在'));
+      }
+
+      var isSame = JSON.stringify(column.data.options) === JSON.stringify(options);
+
+      if (isSame) {
+        return Promise.resolve();
+      }
+
+      return column.set({
+        options: options
+      }).then(function () {
+        if (needReset) {
+          column.setIndex(0);
+        }
+      });
+    },
+    // get values of all columns
+    getValues: function getValues() {
+      return this.children.map(function (child) {
+        return child.getValue();
+      });
+    },
+    // set values of all columns
+    setValues: function setValues(values) {
+      var _this2 = this;
+
+      var stack = values.map(function (value, index) {
+        return _this2.setColumnValue(index, value);
+      });
+      return Promise.all(stack);
+    },
+    // get indexes of all columns
+    getIndexes: function getIndexes() {
+      return this.children.map(function (child) {
+        return child.data.currentIndex;
+      });
+    },
+    // set indexes of all columns
+    setIndexes: function setIndexes(indexes) {
+      var _this3 = this;
+
+      var stack = indexes.map(function (optionIndex, columnIndex) {
+        return _this3.setColumnIndex(columnIndex, optionIndex);
+      });
+      return Promise.all(stack);
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/picker/index.json b/mini-app/weapp/vant/picker/index.json
new file mode 100644
index 000000000..e09c6de4d
--- /dev/null
+++ b/mini-app/weapp/vant/picker/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "loading": "./../loading/index",
+        "picker-column": "./../picker-column/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/picker/index.wxml b/mini-app/weapp/vant/picker/index.wxml
new file mode 100644
index 000000000..b73ba027d
--- /dev/null
+++ b/mini-app/weapp/vant/picker/index.wxml
@@ -0,0 +1,49 @@
+<!----------   wxs start ----------->
+<wxs module="isSimple">
+function isSimple(columns) {
+    return columns.length && !columns[0].values;
+  }
+  module.exports = isSimple;
+</wxs>
+<!----------   wxs end   ----------->
+<import src="./toolbar.wxml" />
+
+<view class="van-picker custom-class">
+  <template is="toolbar" wx:if="{{ toolbarPosition === 'top' }}" data="{{ showToolbar, cancelButtonText, title, confirmButtonText }}"></template>
+  <view wx:if="{{ loading }}" class="van-picker__loading">
+    <loading color="#1989fa"/>
+  </view>
+  <view
+    class="van-picker__columns"
+    style="height: {{ itemHeight * visibleItemCount }}px"
+    catch:touchmove="noop"
+  >
+    <picker-column
+      class="van-picker__column"
+      wx:for="{{ isSimple(columns) ? [columns] : columns }}"
+      wx:key="index"
+      data-index="{{ index }}"
+      custom-class="column-class"
+      value-key="{{ valueKey }}"
+      initial-options="{{ isSimple(columns) ? item : item.values }}"
+      default-index="{{ item.defaultIndex || defaultIndex }}"
+      item-height="{{ itemHeight }}"
+      visible-item-count="{{ visibleItemCount }}"
+      active-class="active-class"
+      bind:change="onChange"
+    />
+    <view class="van-picker__mask" style="background-size: 100% {{ (itemHeight * visibleItemCount - itemHeight) / 2 }}px" />
+    <view
+      class="van-picker__frame van-hairline--top-bottom"
+      style="height: {{ itemHeight }}px"
+    />
+  </view>
+  <template is="toolbar" wx:if="{{ toolbarPosition === 'bottom' }}" data="{{ showToolbar, cancelButtonText, title, confirmButtonText }}"></template>
+</view>
+
+<wxs module="isSimple">
+  function isSimple(columns) {
+    return columns.length && !columns[0].values;
+  }
+  module.exports = isSimple;
+</wxs>
diff --git a/mini-app/weapp/vant/picker/index.wxss b/mini-app/weapp/vant/picker/index.wxss
new file mode 100644
index 000000000..df84efcb0
--- /dev/null
+++ b/mini-app/weapp/vant/picker/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-picker{position:relative;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;background-color:#fff;background-color:var(--picker-background-color,#fff)}.van-picker__toolbar{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:44px;height:var(--picker-toolbar-height,44px);line-height:44px;line-height:var(--picker-toolbar-height,44px)}.van-picker__cancel,.van-picker__confirm{padding:0 16px;padding:var(--picker-action-padding,0 16px);font-size:14px;font-size:var(--picker-action-font-size,14px)}.van-picker__cancel--hover,.van-picker__confirm--hover{opacity:.7}.van-picker__confirm{color:#576b95;color:var(--picker-confirm-action-color,#576b95)}.van-picker__cancel{color:#969799;color:var(--picker-cancel-action-color,#969799)}.van-picker__title{max-width:50%;text-align:center;font-weight:500;font-weight:var(--font-weight-bold,500);font-size:16px;font-size:var(--picker-option-font-size,16px)}.van-picker__columns{position:relative;display:-webkit-flex;display:flex}.van-picker__column{-webkit-flex:1 1;flex:1 1;width:0}.van-picker__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:hsla(0,0%,100%,.9);background-color:var(--picker-loading-mask-color,hsla(0,0%,100%,.9))}.van-picker__mask{top:0;left:0;z-index:2;width:100%;height:100%;background-image:linear-gradient(180deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4)),linear-gradient(0deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.4));background-repeat:no-repeat;background-position:top,bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden}.van-picker__frame,.van-picker__mask{position:absolute;pointer-events:none}.van-picker__frame{top:50%;right:16px;left:16px;z-index:1;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
diff --git a/mini-app/weapp/vant/picker/shared.js b/mini-app/weapp/vant/picker/shared.js
new file mode 100644
index 000000000..07d960aa6
--- /dev/null
+++ b/mini-app/weapp/vant/picker/shared.js
@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pickerProps = void 0;
+var pickerProps = {
+  title: String,
+  loading: Boolean,
+  showToolbar: Boolean,
+  cancelButtonText: {
+    type: String,
+    value: '取消'
+  },
+  confirmButtonText: {
+    type: String,
+    value: '确认'
+  },
+  visibleItemCount: {
+    type: Number,
+    value: 6
+  },
+  itemHeight: {
+    type: Number,
+    value: 44
+  }
+};
+exports.pickerProps = pickerProps;
\ No newline at end of file
diff --git a/mini-app/weapp/vant/popup/index.js b/mini-app/weapp/vant/popup/index.js
new file mode 100644
index 000000000..ff33e6b80
--- /dev/null
+++ b/mini-app/weapp/vant/popup/index.js
@@ -0,0 +1,86 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _transition = require('./../mixins/transition.js');
+
+(0, _component.VantComponent)({
+  classes: ['enter-class', 'enter-active-class', 'enter-to-class', 'leave-class', 'leave-active-class', 'leave-to-class', 'close-icon-class'],
+  mixins: [(0, _transition.transition)(false)],
+  props: {
+    round: Boolean,
+    closeable: Boolean,
+    customStyle: String,
+    overlayStyle: String,
+    transition: {
+      type: String,
+      observer: 'observeClass'
+    },
+    zIndex: {
+      type: Number,
+      value: 100
+    },
+    overlay: {
+      type: Boolean,
+      value: true
+    },
+    closeIcon: {
+      type: String,
+      value: 'cross'
+    },
+    closeIconPosition: {
+      type: String,
+      value: 'top-right'
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      value: true
+    },
+    position: {
+      type: String,
+      value: 'center',
+      observer: 'observeClass'
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true
+    },
+    safeAreaInsetTop: {
+      type: Boolean,
+      value: false
+    }
+  },
+  created: function created() {
+    this.observeClass();
+  },
+  methods: {
+    onClickCloseIcon: function onClickCloseIcon() {
+      this.$emit('close');
+    },
+    onClickOverlay: function onClickOverlay() {
+      this.$emit('click-overlay');
+
+      if (this.data.closeOnClickOverlay) {
+        this.$emit('close');
+      }
+    },
+    observeClass: function observeClass() {
+      var _this$data = this.data,
+          transition = _this$data.transition,
+          position = _this$data.position,
+          duration = _this$data.duration;
+      var updateData = {
+        name: transition || position
+      };
+
+      if (transition === 'none') {
+        updateData.duration = 0;
+        this.originDuration = duration;
+      } else if (this.originDuration != null) {
+        updateData.duration = this.originDuration;
+      }
+
+      this.setData(updateData);
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/popup/index.json b/mini-app/weapp/vant/popup/index.json
new file mode 100644
index 000000000..8de9ffe1f
--- /dev/null
+++ b/mini-app/weapp/vant/popup/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index",
+        "van-overlay": "./../overlay/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/popup/index.wxml b/mini-app/weapp/vant/popup/index.wxml
new file mode 100644
index 000000000..bd1165c92
--- /dev/null
+++ b/mini-app/weapp/vant/popup/index.wxml
@@ -0,0 +1,12 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="computed" src="./index.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+
+<van-overlay wx:if="{{ overlay }}" show="{{ show }}" z-index="{{ zIndex }}" custom-style="{{ overlayStyle }}" duration="{{ duration }}" bind:click="onClickOverlay"></van-overlay>
+<view wx:if="{{ inited }}" class="custom-class {{ classes }} {{ utils.bem('popup', [position, { round, safe: safeAreaInsetBottom, safeTop: safeAreaInsetTop }]) }}" style="{{ computed.popupClass({ zIndex, currentDuration, display, customStyle }) }}" bind:transitionend="onTransitionEnd">
+  <slot></slot>
+  <van-icon wx:if="{{ closeable }}" name="{{ closeIcon }}" class="close-icon-class van-popup__close-icon van-popup__close-icon--{{ closeIconPosition }}" bind:tap="onClickCloseIcon"></van-icon>
+</view>
diff --git a/mini-app/weapp/vant/popup/index.wxs b/mini-app/weapp/vant/popup/index.wxs
new file mode 100644
index 000000000..6327972c2
--- /dev/null
+++ b/mini-app/weapp/vant/popup/index.wxs
@@ -0,0 +1,18 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+
+function popupClass(data) {
+  return style([
+    {
+      'z-index': data.zIndex,
+      '-webkit-transition-duration': data.currentDuration + 'ms',
+      'transition-duration': data.currentDuration + 'ms',
+    },
+    data.display ? null : 'display: none',
+    data.customStyle,
+  ]);
+}
+
+module.exports = {
+  popupClass: popupClass,
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vant/popup/index.wxss b/mini-app/weapp/vant/popup/index.wxss
new file mode 100644
index 000000000..8a8ce3ca9
--- /dev/null
+++ b/mini-app/weapp/vant/popup/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-popup{position:fixed;box-sizing:border-box;max-height:100%;overflow-y:auto;transition-timing-function:ease;-webkit-animation:ease both;animation:ease both;-webkit-overflow-scrolling:touch;background-color:#fff;background-color:var(--popup-background-color,#fff)}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:16px;border-radius:var(--popup-round-border-radius,16px)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 16px 16px;border-radius:0 0 var(--popup-round-border-radius,16px) var(--popup-round-border-radius,16px)}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:16px 0 0 16px;border-radius:var(--popup-round-border-radius,16px) 0 0 var(--popup-round-border-radius,16px)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:16px 16px 0 0;border-radius:var(--popup-round-border-radius,16px) var(--popup-round-border-radius,16px) 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 16px 16px 0;border-radius:0 var(--popup-round-border-radius,16px) var(--popup-round-border-radius,16px) 0}.van-popup--bottom.van-popup--safe{padding-bottom:env(safe-area-inset-bottom)}.van-popup--safeTop{padding-top:env(safe-area-inset-top)}.van-popup__close-icon{position:absolute;z-index:1;z-index:var(--popup-close-icon-z-index,1);color:#969799;color:var(--popup-close-icon-color,#969799);font-size:18px;font-size:var(--popup-close-icon-size,18px)}.van-popup__close-icon--top-left{top:16px;top:var(--popup-close-icon-margin,16px);left:16px;left:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--top-right{top:16px;top:var(--popup-close-icon-margin,16px);right:16px;right:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--bottom-left{bottom:16px;bottom:var(--popup-close-icon-margin,16px);left:16px;left:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--bottom-right{right:16px;right:var(--popup-close-icon-margin,16px);bottom:16px;bottom:var(--popup-close-icon-margin,16px)}.van-popup__close-icon:active{opacity:.6}.van-scale-enter-active,.van-scale-leave-active{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-scale-enter,.van-scale-leave-to{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-fade-enter-active,.van-fade-leave-active{transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-center-enter-active,.van-center-leave-active{transition-property:opacity}.van-center-enter,.van-center-leave-to{opacity:0}.van-bottom-enter-active,.van-bottom-leave-active,.van-left-enter-active,.van-left-leave-active,.van-right-enter-active,.van-right-leave-active,.van-top-enter-active,.van-top-leave-active{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-bottom-enter,.van-bottom-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-top-enter,.van-top-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-left-enter,.van-left-leave-to{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-right-enter,.van-right-leave-to{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}
diff --git a/mini-app/weapp/vant/radio-group/index.js b/mini-app/weapp/vant/radio-group/index.js
new file mode 100644
index 000000000..fd207642f
--- /dev/null
+++ b/mini-app/weapp/vant/radio-group/index.js
@@ -0,0 +1,43 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  field: true,
+  relation: {
+    name: 'radio',
+    type: 'descendant',
+    current: 'radio-group',
+    linked: function linked(target) {
+      this.updateChild(target);
+    }
+  },
+  props: {
+    value: {
+      type: null,
+      observer: 'updateChildren'
+    },
+    disabled: {
+      type: Boolean,
+      observer: 'updateChildren'
+    }
+  },
+  methods: {
+    updateChildren: function updateChildren() {
+      var _this = this;
+
+      (this.children || []).forEach(function (child) {
+        return _this.updateChild(child);
+      });
+    },
+    updateChild: function updateChild(child) {
+      var _this$data = this.data,
+          value = _this$data.value,
+          disabled = _this$data.disabled;
+      child.setData({
+        value: value,
+        disabled: disabled || child.data.disabled
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/radio-group/index.json b/mini-app/weapp/vant/radio-group/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/radio-group/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/radio-group/index.wxml b/mini-app/weapp/vant/radio-group/index.wxml
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/mini-app/weapp/vant/radio-group/index.wxml
@@ -0,0 +1 @@
+<slot />
diff --git a/mini-app/weapp/vant/radio-group/index.wxss b/mini-app/weapp/vant/radio-group/index.wxss
new file mode 100644
index 000000000..ecfdfde88
--- /dev/null
+++ b/mini-app/weapp/vant/radio-group/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';
diff --git a/mini-app/weapp/vant/radio/index.js b/mini-app/weapp/vant/radio/index.js
new file mode 100644
index 000000000..d639940f8
--- /dev/null
+++ b/mini-app/weapp/vant/radio/index.js
@@ -0,0 +1,55 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  field: true,
+  relation: {
+    name: 'radio-group',
+    type: 'ancestor',
+    current: 'radio'
+  },
+  classes: ['icon-class', 'label-class'],
+  props: {
+    name: null,
+    value: null,
+    disabled: Boolean,
+    useIconSlot: Boolean,
+    checkedColor: String,
+    labelPosition: {
+      type: String,
+      value: 'right'
+    },
+    labelDisabled: Boolean,
+    shape: {
+      type: String,
+      value: 'round'
+    },
+    iconSize: {
+      type: null,
+      value: 20
+    }
+  },
+  methods: {
+    emitChange: function emitChange(value) {
+      var instance = this.parent || this;
+      instance.$emit('input', value);
+      instance.$emit('change', value);
+    },
+    onChange: function onChange() {
+      if (!this.data.disabled) {
+        this.emitChange(this.data.name);
+      }
+    },
+    onClickLabel: function onClickLabel() {
+      var _this$data = this.data,
+          disabled = _this$data.disabled,
+          labelDisabled = _this$data.labelDisabled,
+          name = _this$data.name;
+
+      if (!disabled && !labelDisabled) {
+        this.emitChange(name);
+      }
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/radio/index.json b/mini-app/weapp/vant/radio/index.json
new file mode 100644
index 000000000..aed2ff4bf
--- /dev/null
+++ b/mini-app/weapp/vant/radio/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/radio/index.wxml b/mini-app/weapp/vant/radio/index.wxml
new file mode 100644
index 000000000..499b68a1a
--- /dev/null
+++ b/mini-app/weapp/vant/radio/index.wxml
@@ -0,0 +1,17 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="van-radio custom-class">
+  <view wx:if="{{ labelPosition === 'left' }}" class="label-class {{ utils.bem('radio__label', [labelPosition, { disabled }]) }}" bindtap="onClickLabel">
+    <slot></slot>
+  </view>
+  <view class="van-radio__icon-wrap" style="font-size: {{ utils.addUnit(iconSize) }};" bindtap="onChange">
+    <slot wx:if="{{ useIconSlot }}" name="icon"></slot>
+    <van-icon wx:else="" name="success" class="{{ utils.bem('radio__icon', [shape, { disabled, checked: value === name }]) }}" style="font-size: {{ utils.addUnit(iconSize) }};{{ checkedColor && !disabled && value === name ? 'border-color:' + checkedColor + '; background-color:' + checkedColor + ';' : '' }}" custom-class="icon-class" custom-style="line-height: {{ utils.addUnit(iconSize) }};font-size: .8em;display: block;"></van-icon>
+  </view>
+  <view wx:if="{{ labelPosition === 'right' }}" class="label-class {{ utils.bem('radio__label', [labelPosition, { disabled }]) }}" bindtap="onClickLabel">
+    <slot></slot>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/radio/index.wxss b/mini-app/weapp/vant/radio/index.wxss
new file mode 100644
index 000000000..0d9ab173d
--- /dev/null
+++ b/mini-app/weapp/vant/radio/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-radio{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.van-radio__icon-wrap{-webkit-flex:none;flex:none}.van-radio__icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:1em;height:1em;color:transparent;text-align:center;transition-property:color,border-color,background-color;border:1px solid #c8c9cc;border:1px solid var(--radio-border-color,#c8c9cc);font-size:20px;font-size:var(--radio-size,20px);transition-duration:.2s;transition-duration:var(--radio-transition-duration,.2s)}.van-radio__icon--round{border-radius:100%}.van-radio__icon--checked{color:#fff;color:var(--white,#fff);background-color:#1989fa;background-color:var(--radio-checked-icon-color,#1989fa);border-color:#1989fa;border-color:var(--radio-checked-icon-color,#1989fa)}.van-radio__icon--disabled{background-color:#ebedf0;background-color:var(--radio-disabled-background-color,#ebedf0);border-color:#c8c9cc;border-color:var(--radio-disabled-icon-color,#c8c9cc)}.van-radio__icon--disabled.van-radio__icon--checked{color:#c8c9cc;color:var(--radio-disabled-icon-color,#c8c9cc)}.van-radio__label{word-wrap:break-word;margin-left:10px;margin-left:var(--radio-label-margin,10px);color:#323233;color:var(--radio-label-color,#323233);line-height:20px;line-height:var(--radio-size,20px)}.van-radio__label--left{float:left;margin:0 10px 0 0;margin:0 var(--radio-label-margin,10px) 0 0}.van-radio__label--disabled{color:#c8c9cc;color:var(--radio-disabled-label-color,#c8c9cc)}.van-radio__label:empty{margin:0}
diff --git a/mini-app/weapp/vant/row/index.js b/mini-app/weapp/vant/row/index.js
new file mode 100644
index 000000000..730a8423e
--- /dev/null
+++ b/mini-app/weapp/vant/row/index.js
@@ -0,0 +1,45 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  relation: {
+    name: 'col',
+    type: 'descendant',
+    current: 'row',
+    linked: function linked(target) {
+      if (this.data.gutter) {
+        target.setGutter(this.data.gutter);
+      }
+    }
+  },
+  props: {
+    gutter: {
+      type: Number,
+      observer: 'setGutter'
+    }
+  },
+  data: {
+    viewStyle: ''
+  },
+  mounted: function mounted() {
+    if (this.data.gutter) {
+      this.setGutter();
+    }
+  },
+  methods: {
+    setGutter: function setGutter() {
+      var _this = this;
+
+      var gutter = this.data.gutter;
+      var margin = "-".concat(Number(gutter) / 2, "px");
+      var viewStyle = gutter ? "margin-right: ".concat(margin, "; margin-left: ").concat(margin, ";") : '';
+      this.setData({
+        viewStyle: viewStyle
+      });
+      this.getRelationNodes('../col/index').forEach(function (col) {
+        col.setGutter(_this.data.gutter);
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/row/index.json b/mini-app/weapp/vant/row/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/row/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/row/index.wxml b/mini-app/weapp/vant/row/index.wxml
new file mode 100644
index 000000000..ab8fcf58b
--- /dev/null
+++ b/mini-app/weapp/vant/row/index.wxml
@@ -0,0 +1,3 @@
+<view class="custom-class van-row" style="{{ viewStyle }}">
+  <slot />
+</view>
diff --git a/mini-app/weapp/vant/row/index.wxss b/mini-app/weapp/vant/row/index.wxss
new file mode 100644
index 000000000..f8bfbdcc2
--- /dev/null
+++ b/mini-app/weapp/vant/row/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-row:after{display:table;clear:both;content:""}
diff --git a/mini-app/weapp/vant/stepper/index.js b/mini-app/weapp/vant/stepper/index.js
new file mode 100644
index 000000000..f2dde7b17
--- /dev/null
+++ b/mini-app/weapp/vant/stepper/index.js
@@ -0,0 +1,216 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _validator = require('./../common/validator.js');
+
+var LONG_PRESS_START_TIME = 600;
+var LONG_PRESS_INTERVAL = 200; // add num and avoid float number
+
+function add(num1, num2) {
+  var cardinal = Math.pow(10, 10);
+  return Math.round((num1 + num2) * cardinal) / cardinal;
+}
+
+function equal(value1, value2) {
+  return String(value1) === String(value2);
+}
+
+(0, _component.VantComponent)({
+  field: true,
+  classes: ['input-class', 'plus-class', 'minus-class'],
+  props: {
+    value: {
+      type: null,
+      observer: function observer(value) {
+        if (!equal(value, this.data.currentValue)) {
+          this.setData({
+            currentValue: this.format(value)
+          });
+        }
+      }
+    },
+    integer: {
+      type: Boolean,
+      observer: 'check'
+    },
+    disabled: Boolean,
+    inputWidth: null,
+    buttonSize: null,
+    asyncChange: Boolean,
+    disableInput: Boolean,
+    decimalLength: {
+      type: Number,
+      value: null,
+      observer: 'check'
+    },
+    min: {
+      type: null,
+      value: 1,
+      observer: 'check'
+    },
+    max: {
+      type: null,
+      value: Number.MAX_SAFE_INTEGER,
+      observer: 'check'
+    },
+    step: {
+      type: null,
+      value: 1
+    },
+    showPlus: {
+      type: Boolean,
+      value: true
+    },
+    showMinus: {
+      type: Boolean,
+      value: true
+    },
+    disablePlus: Boolean,
+    disableMinus: Boolean,
+    longPress: {
+      type: Boolean,
+      value: true
+    }
+  },
+  data: {
+    currentValue: ''
+  },
+  created: function created() {
+    this.setData({
+      currentValue: this.format(this.data.value)
+    });
+  },
+  methods: {
+    check: function check() {
+      var val = this.format(this.data.currentValue);
+
+      if (!equal(val, this.data.currentValue)) {
+        this.setData({
+          currentValue: val
+        });
+      }
+    },
+    isDisabled: function isDisabled(type) {
+      if (type === 'plus') {
+        return this.data.disabled || this.data.disablePlus || this.data.currentValue >= this.data.max;
+      }
+
+      return this.data.disabled || this.data.disableMinus || this.data.currentValue <= this.data.min;
+    },
+    onFocus: function onFocus(event) {
+      this.$emit('focus', event.detail);
+    },
+    onBlur: function onBlur(event) {
+      var value = this.format(event.detail.value);
+      this.emitChange(value);
+      this.$emit('blur', Object.assign(Object.assign({}, event.detail), {
+        value: value
+      }));
+    },
+    // filter illegal characters
+    filter: function filter(value) {
+      value = String(value).replace(/[^0-9.-]/g, '');
+
+      if (this.data.integer && value.indexOf('.') !== -1) {
+        value = value.split('.')[0];
+      }
+
+      return value;
+    },
+    // limit value range
+    format: function format(value) {
+      value = this.filter(value); // format range
+
+      value = value === '' ? 0 : +value;
+      value = Math.max(Math.min(this.data.max, value), this.data.min); // format decimal
+
+      if ((0, _validator.isDef)(this.data.decimalLength)) {
+        value = value.toFixed(this.data.decimalLength);
+      }
+
+      return value;
+    },
+    onInput: function onInput(event) {
+      var _ref = event.detail || {},
+          _ref$value = _ref.value,
+          value = _ref$value === void 0 ? '' : _ref$value; // allow input to be empty
+
+
+      if (value === '') {
+        return;
+      }
+
+      var formatted = this.filter(value); // limit max decimal length
+
+      if ((0, _validator.isDef)(this.data.decimalLength) && formatted.indexOf('.') !== -1) {
+        var pair = formatted.split('.');
+        formatted = "".concat(pair[0], ".").concat(pair[1].slice(0, this.data.decimalLength));
+      }
+
+      this.emitChange(formatted);
+    },
+    emitChange: function emitChange(value) {
+      if (!this.data.asyncChange) {
+        this.setData({
+          currentValue: value
+        });
+      }
+
+      this.$emit('change', value);
+    },
+    onChange: function onChange() {
+      var type = this.type;
+
+      if (this.isDisabled(type)) {
+        this.$emit('overlimit', type);
+        return;
+      }
+
+      var diff = type === 'minus' ? -this.data.step : +this.data.step;
+      var value = this.format(add(+this.data.currentValue, diff));
+      this.emitChange(value);
+      this.$emit(type);
+    },
+    longPressStep: function longPressStep() {
+      var _this = this;
+
+      this.longPressTimer = setTimeout(function () {
+        _this.onChange();
+
+        _this.longPressStep();
+      }, LONG_PRESS_INTERVAL);
+    },
+    onTap: function onTap(event) {
+      var type = event.currentTarget.dataset.type;
+      this.type = type;
+      this.onChange();
+    },
+    onTouchStart: function onTouchStart(event) {
+      var _this2 = this;
+
+      if (!this.data.longPress) {
+        return;
+      }
+
+      clearTimeout(this.longPressTimer);
+      var type = event.currentTarget.dataset.type;
+      this.type = type;
+      this.isLongPress = false;
+      this.longPressTimer = setTimeout(function () {
+        _this2.isLongPress = true;
+
+        _this2.onChange();
+
+        _this2.longPressStep();
+      }, LONG_PRESS_START_TIME);
+    },
+    onTouchEnd: function onTouchEnd() {
+      if (!this.data.longPress) {
+        return;
+      }
+
+      clearTimeout(this.longPressTimer);
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/stepper/index.json b/mini-app/weapp/vant/stepper/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/stepper/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/stepper/index.wxml b/mini-app/weapp/vant/stepper/index.wxml
new file mode 100644
index 000000000..d96b3425b
--- /dev/null
+++ b/mini-app/weapp/vant/stepper/index.wxml
@@ -0,0 +1,10 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="van-stepper custom-class">
+  <view wx:if="{{ showMinus }}" data-type="minus" style="width: {{ utils.addUnit(buttonSize) }}; height: {{ utils.addUnit(buttonSize) }}" class="minus-class {{ utils.bem('stepper__minus', { disabled: disabled || disableMinus || currentValue <= min }) }}" hover-class="van-stepper__minus--hover" hover-stay-time="70" bind:tap="onTap" bind:touchstart="onTouchStart" bind:touchend="onTouchEnd"></view>
+  <input type="{{ integer ? 'number' : 'digit' }}" class="input-class {{ utils.bem('stepper__input', { disabled: disabled || disableInput }) }}" style="width: {{ utils.addUnit(inputWidth) }}; height: {{ utils.addUnit(buttonSize) }}" value="{{ currentValue }}" focus="{{ focus }}" disabled="{{ disabled || disableInput }}" bindinput="onInput" bind:focus="onFocus" bind:blur="onBlur"></input>
+  <view wx:if="{{ showPlus }}" data-type="plus" style="width: {{ utils.addUnit(buttonSize) }}; height: {{ utils.addUnit(buttonSize) }}" class="plus-class {{ utils.bem('stepper__plus', { disabled: disabled || disablePlus || currentValue >= max }) }}" hover-class="van-stepper__plus--hover" hover-stay-time="70" bind:tap="onTap" bind:touchstart="onTouchStart" bind:touchend="onTouchEnd"></view>
+</view>
diff --git a/mini-app/weapp/vant/stepper/index.wxss b/mini-app/weapp/vant/stepper/index.wxss
new file mode 100644
index 000000000..b39cc1c09
--- /dev/null
+++ b/mini-app/weapp/vant/stepper/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-stepper{font-size:0}.van-stepper__minus,.van-stepper__plus{position:relative;display:inline-block;box-sizing:border-box;margin:1px;vertical-align:middle;border:0;background-color:#f2f3f5;background-color:var(--stepper-background-color,#f2f3f5);color:#323233;color:var(--stepper-button-icon-color,#323233);width:28px;width:var(--stepper-input-height,28px);height:28px;height:var(--stepper-input-height,28px);padding:4px;padding:var(--padding-base,4px)}.van-stepper__minus:before,.van-stepper__plus:before{width:9px;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:9px}.van-stepper__minus:after,.van-stepper__minus:before,.van-stepper__plus:after,.van-stepper__plus:before{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background-color:currentColor;content:""}.van-stepper__minus--hover,.van-stepper__plus--hover{background-color:#e8e8e8;background-color:var(--stepper-active-color,#e8e8e8)}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:#c8c9cc;color:var(--stepper-button-disabled-icon-color,#c8c9cc)}.van-stepper__minus--disabled,.van-stepper__minus--disabled.van-stepper__minus--hover,.van-stepper__minus--disabled.van-stepper__plus--hover,.van-stepper__plus--disabled,.van-stepper__plus--disabled.van-stepper__minus--hover,.van-stepper__plus--disabled.van-stepper__plus--hover{background-color:#f7f8fa;background-color:var(--stepper-button-disabled-color,#f7f8fa)}.van-stepper__minus{border-radius:4px 0 0 4px;border-radius:var(--stepper-border-radius,4px) 0 0 var(--stepper-border-radius,4px)}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 4px 4px 0;border-radius:0 var(--stepper-border-radius,4px) var(--stepper-border-radius,4px) 0}.van-stepper__input{display:inline-block;box-sizing:border-box;min-height:0;margin:1px;padding:1px;text-align:center;vertical-align:middle;border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none;font-size:14px;font-size:var(--stepper-input-font-size,14px);color:#323233;color:var(--stepper-input-text-color,#323233);background-color:#f2f3f5;background-color:var(--stepper-background-color,#f2f3f5);width:32px;width:var(--stepper-input-width,32px);height:28px;height:var(--stepper-input-height,28px)}.van-stepper__input--disabled{color:#c8c9cc;color:var(--stepper-input-disabled-text-color,#c8c9cc);background-color:#f2f3f5;background-color:var(--stepper-input-disabled-background-color,#f2f3f5)}
diff --git a/mini-app/weapp/vant/steps/index.js b/mini-app/weapp/vant/steps/index.js
new file mode 100644
index 000000000..12584ef6b
--- /dev/null
+++ b/mini-app/weapp/vant/steps/index.js
@@ -0,0 +1,37 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _color = require('./../common/color.js');
+
+(0, _component.VantComponent)({
+  classes: ['desc-class'],
+  props: {
+    icon: String,
+    steps: Array,
+    active: Number,
+    direction: {
+      type: String,
+      value: 'horizontal'
+    },
+    activeColor: {
+      type: String,
+      value: _color.GREEN
+    },
+    inactiveColor: {
+      type: String,
+      value: _color.GRAY_DARK
+    },
+    activeIcon: {
+      type: String,
+      value: 'checked'
+    },
+    inactiveIcon: String
+  },
+  methods: {
+    onClick: function onClick(event) {
+      var index = event.currentTarget.dataset.index;
+      this.$emit('click-step', index);
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/steps/index.json b/mini-app/weapp/vant/steps/index.json
new file mode 100644
index 000000000..aed2ff4bf
--- /dev/null
+++ b/mini-app/weapp/vant/steps/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/steps/index.wxml b/mini-app/weapp/vant/steps/index.wxml
new file mode 100644
index 000000000..33b7e873d
--- /dev/null
+++ b/mini-app/weapp/vant/steps/index.wxml
@@ -0,0 +1,39 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<wxs module="status">
+function get(index, active) {
+  if (index < active) {
+    return 'finish';
+  } else if (index === active) {
+    return 'process';
+  }
+
+  return 'inactive';
+}
+
+module.exports = get;
+</wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class {{ utils.bem('steps', [direction]) }}">
+  <view class="van-step__wrapper">
+    <view wx:for="{{ steps }}" wx:key="index" bindtap="onClick" data-index="{{ index }}" class="{{ utils.bem('step', [direction, status(index, active)]) }} van-hairline" style="{{ status(index, active) === 'inactive' ? 'color: ' + inactiveColor: '' }}">
+      <view class="van-step__title" style="{{ index === active ? 'color: ' + activeColor : '' }}">
+        <view>{{ item.text }}</view>
+        <view class="desc-class">{{ item.desc }}</view>
+      </view>
+      <view class="van-step__circle-container">
+        <block wx:if="{{ index !== active }}">
+          <van-icon wx:if="{{ item.inactiveIcon || inactiveIcon }}" color="{{ status(index, active) === 'inactive' ? inactiveColor: activeColor }}" name="{{ item.inactiveIcon || inactiveIcon }}" custom-class="van-step__icon"></van-icon>
+          <view wx:else="" class="van-step__circle" style="{{ 'background-color: ' + (index < active ? activeColor : inactiveColor) }}"></view>
+        </block>
+
+        <van-icon wx:else="" name="{{ item.activeIcon || activeIcon }}" color="{{ activeColor }}" custom-class="van-step__icon"></van-icon>
+      </view>
+      <view wx:if="{{ index !== steps.length - 1 }}" class="van-step__line" style="{{ 'background-color: ' + (index < active ? activeColor : inactiveColor) }}"></view>
+    </view>
+  </view>
+</view>
+
+
diff --git a/mini-app/weapp/vant/steps/index.wxss b/mini-app/weapp/vant/steps/index.wxss
new file mode 100644
index 000000000..6bbdb67ae
--- /dev/null
+++ b/mini-app/weapp/vant/steps/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-steps{overflow:hidden;background-color:#fff;background-color:var(--steps-background-color,#fff)}.van-steps--horizontal{padding:10px}.van-steps--horizontal .van-step__wrapper{position:relative;display:-webkit-flex;display:flex;overflow:hidden}.van-steps--vertical{padding-left:10px}.van-steps--vertical .van-step__wrapper{padding:0 0 0 20px}.van-step{position:relative;-webkit-flex:1;flex:1;font-size:14px;font-size:var(--step-font-size,14px);color:#969799;color:var(--step-text-color,#969799)}.van-step--finish{color:#323233;color:var(--step-finish-text-color,#323233)}.van-step__circle{border-radius:50%;width:5px;width:var(--step-circle-size,5px);height:5px;height:var(--step-circle-size,5px);background-color:#969799;background-color:var(--step-circle-color,#969799)}.van-step--horizontal{padding-bottom:14px}.van-step--horizontal:first-child .van-step__title{-webkit-transform:none;transform:none}.van-step--horizontal:first-child .van-step__circle-container{padding:0 8px 0 0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal:last-child{position:absolute;right:0;width:auto}.van-step--horizontal:last-child .van-step__title{text-align:right;-webkit-transform:none;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:0;padding:0 0 0 8px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.van-step--horizontal .van-step__circle-container{position:absolute;bottom:6px;z-index:1;-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0);background-color:#fff;background-color:var(--white,#fff);padding:0 8px;padding:0 var(--padding-xs,8px)}.van-step--horizontal .van-step__title{display:inline-block;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);font-size:12px;font-size:var(--step-horizontal-title-font-size,12px)}.van-step--horizontal .van-step__line{position:absolute;right:0;bottom:6px;left:0;height:1px;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);background-color:#ebedf0;background-color:var(--step-line-color,#ebedf0)}.van-step--horizontal.van-step--process{color:#323233;color:var(--step-process-text-color,#323233)}.van-step--horizontal.van-step--process .van-step__icon{display:block;line-height:1;font-size:12px;font-size:var(--step-icon-size,12px)}.van-step--vertical{padding:10px 10px 10px 0;line-height:18px}.van-step--vertical:after{border-bottom-width:1px}.van-step--vertical:last-child:after{border-bottom-width:none}.van-step--vertical:first-child:before{position:absolute;top:0;left:-15px;z-index:1;width:1px;height:20px;content:"";background-color:#fff;background-color:var(--white,#fff)}.van-step--vertical .van-step__circle,.van-step--vertical .van-step__icon,.van-step--vertical .van-step__line{position:absolute;top:19px;left:-14px;z-index:2;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-step--vertical .van-step__icon{line-height:1;font-size:12px;font-size:var(--step-icon-size,12px)}.van-step--vertical .van-step__line{z-index:1;width:1px;height:100%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);background-color:#ebedf0;background-color:var(--step-line-color,#ebedf0)}
diff --git a/mini-app/weapp/vant/submit-bar/index.js b/mini-app/weapp/vant/submit-bar/index.js
new file mode 100644
index 000000000..84ef618e6
--- /dev/null
+++ b/mini-app/weapp/vant/submit-bar/index.js
@@ -0,0 +1,62 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  classes: ['bar-class', 'price-class', 'button-class'],
+  props: {
+    tip: {
+      type: null,
+      observer: 'updateTip'
+    },
+    tipIcon: String,
+    type: Number,
+    price: {
+      type: null,
+      observer: 'updatePrice'
+    },
+    label: String,
+    loading: Boolean,
+    disabled: Boolean,
+    buttonText: String,
+    currency: {
+      type: String,
+      value: '¥'
+    },
+    buttonType: {
+      type: String,
+      value: 'danger'
+    },
+    decimalLength: {
+      type: Number,
+      value: 2,
+      observer: 'updatePrice'
+    },
+    suffixLabel: String,
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true
+    }
+  },
+  methods: {
+    updatePrice: function updatePrice() {
+      var _this$data = this.data,
+          price = _this$data.price,
+          decimalLength = _this$data.decimalLength;
+      var priceStrArr = typeof price === 'number' && (price / 100).toFixed(decimalLength).split('.');
+      this.setData({
+        hasPrice: typeof price === 'number',
+        integerStr: priceStrArr && priceStrArr[0],
+        decimalStr: decimalLength && priceStrArr ? ".".concat(priceStrArr[1]) : ''
+      });
+    },
+    updateTip: function updateTip() {
+      this.setData({
+        hasTip: typeof this.data.tip === 'string'
+      });
+    },
+    onSubmit: function onSubmit(event) {
+      this.$emit('submit', event.detail);
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/submit-bar/index.json b/mini-app/weapp/vant/submit-bar/index.json
new file mode 100644
index 000000000..faf81542d
--- /dev/null
+++ b/mini-app/weapp/vant/submit-bar/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index",
+        "van-button": "./../button/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/submit-bar/index.wxml b/mini-app/weapp/vant/submit-bar/index.wxml
new file mode 100644
index 000000000..808c35325
--- /dev/null
+++ b/mini-app/weapp/vant/submit-bar/index.wxml
@@ -0,0 +1,33 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="van-submit-bar custom-class">
+  <slot name="top"></slot>
+
+  <view class="van-submit-bar__tip">
+    <van-icon wx:if="{{ tipIcon }}" size="12px" name="{{ tipIcon }}" custom-class="van-submit-bar__tip-icon"></van-icon>
+    <view wx:if="{{ hasTip }}" class="van-submit-bar__tip-text">
+      {{ tip }}
+    </view>
+    <slot name="tip"></slot>
+  </view>
+
+  <view class="bar-class van-submit-bar__bar">
+    <slot></slot>
+    <view wx:if="{{ hasPrice }}" class="van-submit-bar__text">
+      <text>{{ label || '合计：' }}</text>
+      <text class="van-submit-bar__price price-class">
+        <text class="van-submit-bar__currency">{{ currency }} </text>
+        <text class="van-submit-bar__price-integer">{{ integerStr }}</text><text>{{decimalStr}}</text>
+      </text>
+      <text class="van-submit-bar__suffix-label">{{ suffixLabel }}</text>
+    </view>
+    <van-button round="" type="{{ buttonType }}" loading="{{ loading }}" disabled="{{ disabled }}" class="van-submit-bar__button" custom-class="button-class" custom-style="width: 100%;" bind:click="onSubmit">
+      {{ loading ? '' : buttonText }}
+    </van-button>
+  </view>
+
+  <view wx:if="{{ safeAreaInsetBottom }}" class="van-submit-bar__safe"></view>
+</view>
diff --git a/mini-app/weapp/vant/submit-bar/index.wxss b/mini-app/weapp/vant/submit-bar/index.wxss
new file mode 100644
index 000000000..36031bdcb
--- /dev/null
+++ b/mini-app/weapp/vant/submit-bar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-submit-bar{position:fixed;bottom:0;left:0;width:100%;-webkit-user-select:none;user-select:none;z-index:100;z-index:var(--submit-bar-z-index,100);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__tip{padding:10px;padding:var(--submit-bar-tip-padding,10px);color:#f56723;color:var(--submit-bar-tip-color,#f56723);font-size:12px;font-size:var(--submit-bar-tip-font-size,12px);line-height:1.5;line-height:var(--submit-bar-tip-line-height,1.5);background-color:#fff7cc;background-color:var(--submit-bar-tip-background-color,#fff7cc)}.van-submit-bar__tip:empty{display:none}.van-submit-bar__tip-icon{width:12px;height:12px;margin-right:4px;vertical-align:middle;font-size:12px;font-size:var(--submit-bar-tip-icon-size,12px);min-width:18px;min-width:calc(var(--submit-bar-tip-icon-size, 12px)*1.5)}.van-submit-bar__tip-text{display:inline;vertical-align:middle}.van-submit-bar__bar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 16px;padding:var(--submit-bar-padding,0 16px);height:50px;height:var(--submit-bar-height,50px);font-size:14px;font-size:var(--submit-bar-text-font-size,14px);background-color:#fff;background-color:var(--submit-bar-background-color,#fff)}.van-submit-bar__safe{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom)}.van-submit-bar__text{-webkit-flex:1;flex:1;text-align:right;color:#323233;color:var(--submit-bar-text-color,#323233);padding-right:12px;padding-right:var(--padding-sm,12px)}.van-submit-bar__price,.van-submit-bar__text{font-weight:500;font-weight:var(--font-weight-bold,500)}.van-submit-bar__price{color:#ee0a24;color:var(--submit-bar-price-color,#ee0a24);font-size:12px;font-size:var(--submit-bar-price-font-size,12px)}.van-submit-bar__price-integer{font-size:20px;font-family:Avenir-Heavy,PingFang SC,Helvetica Neue,Arial,sans-serif}.van-submit-bar__currency{font-size:12px;font-size:var(--submit-bar-currency-font-size,12px)}.van-submit-bar__suffix-label{margin-left:5px}.van-submit-bar__button{width:110px;width:var(--submit-bar-button-width,110px);font-weight:500;font-weight:var(--font-weight-bold,500);--button-default-height:40px!important;--button-default-height:var(--submit-bar-button-height,40px)!important;--button-line-height:40px!important;--button-line-height:var(--submit-bar-button-height,40px)!important}
diff --git a/mini-app/weapp/vant/tabbar-item/index.js b/mini-app/weapp/vant/tabbar-item/index.js
new file mode 100644
index 000000000..a25853e85
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar-item/index.js
@@ -0,0 +1,69 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    info: null,
+    name: null,
+    icon: String,
+    dot: Boolean,
+    iconPrefix: {
+      type: String,
+      value: 'van-icon'
+    }
+  },
+  relation: {
+    name: 'tabbar',
+    type: 'ancestor',
+    current: 'tabbar-item'
+  },
+  data: {
+    active: false
+  },
+  methods: {
+    onClick: function onClick() {
+      var parent = this.parent;
+
+      if (parent) {
+        var index = parent.children.indexOf(this);
+        var active = this.data.name || index;
+
+        if (active !== this.data.active) {
+          parent.$emit('change', active);
+        }
+      }
+
+      this.$emit('click');
+    },
+    updateFromParent: function updateFromParent() {
+      var parent = this.parent;
+
+      if (!parent) {
+        return;
+      }
+
+      var index = parent.children.indexOf(this);
+      var parentData = parent.data;
+      var data = this.data;
+      var active = (data.name || index) === parentData.active;
+      var patch = {};
+
+      if (active !== data.active) {
+        patch.active = active;
+      }
+
+      if (parentData.activeColor !== data.activeColor) {
+        patch.activeColor = parentData.activeColor;
+      }
+
+      if (parentData.inactiveColor !== data.inactiveColor) {
+        patch.inactiveColor = parentData.inactiveColor;
+      }
+
+      if (Object.keys(patch).length > 0) {
+        this.setData(patch);
+      }
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/tabbar-item/index.json b/mini-app/weapp/vant/tabbar-item/index.json
new file mode 100644
index 000000000..5f49a3c30
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar-item/index.json
@@ -0,0 +1,7 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index",
+        "van-info": "./../info/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/tabbar-item/index.wxml b/mini-app/weapp/vant/tabbar-item/index.wxml
new file mode 100644
index 000000000..15d9d937f
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar-item/index.wxml
@@ -0,0 +1,18 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="{{ utils.bem('tabbar-item', { active }) }} custom-class" style="color: {{ active ? activeColor : inactiveColor }}" bindtap="onClick">
+  <view class="van-tabbar-item__icon">
+    <van-icon wx:if="{{ icon }}" name="{{ icon }}" class-prefix="{{ iconPrefix }}" custom-class="van-tabbar-item__icon__inner"></van-icon>
+    <block wx:else="">
+      <slot wx:if="{{ active }}" name="icon-active"></slot>
+      <slot wx:else="" name="icon"></slot>
+    </block>
+    <van-info dot="{{ dot }}" info="{{ info }}" custom-class="van-tabbar-item__info"></van-info>
+  </view>
+  <view class="van-tabbar-item__text">
+    <slot></slot>
+  </view>
+</view>
diff --git a/mini-app/weapp/vant/tabbar-item/index.wxss b/mini-app/weapp/vant/tabbar-item/index.wxss
new file mode 100644
index 000000000..5dd9ce1ba
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar-item/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{-webkit-flex:1;flex:1}.van-tabbar-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;color:#646566;color:var(--tabbar-item-text-color,#646566);font-size:12px;font-size:var(--tabbar-item-font-size,12px);line-height:1;line-height:var(--tabbar-item-line-height,1)}.van-tabbar-item__icon{position:relative;margin-bottom:4px;margin-bottom:var(--tabbar-item-margin-bottom,4px);font-size:22px;font-size:var(--tabbar-item-icon-size,22px)}.van-tabbar-item__icon__inner{display:block;min-width:1em}.van-tabbar-item--active{color:#1989fa;color:var(--tabbar-item-active-color,#1989fa)}.van-tabbar-item__info{margin-top:2px}
diff --git a/mini-app/weapp/vant/tabbar/index.js b/mini-app/weapp/vant/tabbar/index.js
new file mode 100644
index 000000000..71cced6f3
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar/index.js
@@ -0,0 +1,86 @@
+"use strict";
+
+var _utils = require('./../common/utils.js');
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  relation: {
+    name: 'tabbar-item',
+    type: 'descendant',
+    current: 'tabbar',
+    linked: function linked(target) {
+      target.parent = this;
+      target.updateFromParent();
+    },
+    unlinked: function unlinked() {
+      this.updateChildren();
+    }
+  },
+  props: {
+    active: {
+      type: null,
+      observer: 'updateChildren'
+    },
+    activeColor: {
+      type: String,
+      observer: 'updateChildren'
+    },
+    inactiveColor: {
+      type: String,
+      observer: 'updateChildren'
+    },
+    fixed: {
+      type: Boolean,
+      value: true,
+      observer: 'setHeight'
+    },
+    placeholder: {
+      type: Boolean,
+      observer: 'setHeight'
+    },
+    border: {
+      type: Boolean,
+      value: true
+    },
+    zIndex: {
+      type: Number,
+      value: 1
+    },
+    safeAreaInsetBottom: {
+      type: Boolean,
+      value: true
+    }
+  },
+  data: {
+    height: 50
+  },
+  methods: {
+    updateChildren: function updateChildren() {
+      var children = this.children;
+
+      if (!Array.isArray(children) || !children.length) {
+        return;
+      }
+
+      children.forEach(function (child) {
+        return child.updateFromParent();
+      });
+    },
+    setHeight: function setHeight() {
+      var _this = this;
+
+      if (!this.data.fixed || !this.data.placeholder) {
+        return;
+      }
+
+      wx.nextTick(function () {
+        (0, _utils.getRect)(_this, '.van-tabbar').then(function (res) {
+          _this.setData({
+            height: res.height
+          });
+        });
+      });
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/tabbar/index.json b/mini-app/weapp/vant/tabbar/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/tabbar/index.wxml b/mini-app/weapp/vant/tabbar/index.wxml
new file mode 100644
index 000000000..b1d35bd80
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar/index.wxml
@@ -0,0 +1,10 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="{{ border ? 'van-hairline--top-bottom' : '' }} {{ utils.bem('tabbar', { fixed, safe: safeAreaInsetBottom }) }} custom-class" style="{{ zIndex ? 'z-index: ' + zIndex : '' }}">
+  <slot></slot>
+</view>
+
+<view wx:if="{{ fixed && placeholder }}" style="height: {{ height }}px;"></view>
diff --git a/mini-app/weapp/vant/tabbar/index.wxss b/mini-app/weapp/vant/tabbar/index.wxss
new file mode 100644
index 000000000..26339cf69
--- /dev/null
+++ b/mini-app/weapp/vant/tabbar/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-tabbar{display:-webkit-flex;display:flex;box-sizing:initial;width:100%;height:50px;height:var(--tabbar-height,50px);background-color:#fff;background-color:var(--tabbar-background-color,#fff)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}.van-tabbar--safe{padding-bottom:env(safe-area-inset-bottom)}
diff --git a/mini-app/weapp/vant/tag/index.js b/mini-app/weapp/vant/tag/index.js
new file mode 100644
index 000000000..18317dbbd
--- /dev/null
+++ b/mini-app/weapp/vant/tag/index.js
@@ -0,0 +1,24 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+(0, _component.VantComponent)({
+  props: {
+    size: String,
+    mark: Boolean,
+    color: String,
+    plain: Boolean,
+    round: Boolean,
+    textColor: String,
+    type: {
+      type: String,
+      value: 'default'
+    },
+    closeable: Boolean
+  },
+  methods: {
+    onClose: function onClose() {
+      this.$emit('close');
+    }
+  }
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/tag/index.json b/mini-app/weapp/vant/tag/index.json
new file mode 100644
index 000000000..aed2ff4bf
--- /dev/null
+++ b/mini-app/weapp/vant/tag/index.json
@@ -0,0 +1,6 @@
+{
+    "component": true,
+    "usingComponents": {
+        "van-icon": "./../icon/index"
+    }
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/tag/index.wxml b/mini-app/weapp/vant/tag/index.wxml
new file mode 100644
index 000000000..5fdb28a61
--- /dev/null
+++ b/mini-app/weapp/vant/tag/index.wxml
@@ -0,0 +1,9 @@
+<!----------   wxs start ----------->
+<wxs module="utils" src="../wxs/utils.wxs"></wxs>
+<!----------   wxs end   ----------->
+
+
+<view class="custom-class {{ utils.bem('tag', [type, size, { mark, plain, round }]) }}" style="{{ color && !plain ? 'background-color: ' + color + ';' : '' }}{{ textColor || (color && plain) ? 'color: ' + (textColor || color) : '' }}">
+  <slot></slot>
+  <van-icon wx:if="{{ closeable }}" name="cross" custom-class="van-tag__close" bind:click="onClose"></van-icon>
+</view>
diff --git a/mini-app/weapp/vant/tag/index.wxss b/mini-app/weapp/vant/tag/index.wxss
new file mode 100644
index 000000000..e1413b482
--- /dev/null
+++ b/mini-app/weapp/vant/tag/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-tag{position:relative;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;padding:0 4px;padding:var(--tag-padding,0 4px);color:#fff;color:var(--tag-text-color,#fff);font-size:12px;font-size:var(--tag-font-size,12px);line-height:16px;line-height:var(--tag-line-height,16px);border-radius:2px;border-radius:var(--tag-border-radius,2px)}.van-tag--default{background-color:#969799;background-color:var(--tag-default-color,#969799)}.van-tag--default.van-tag--plain{color:#969799;color:var(--tag-default-color,#969799)}.van-tag--danger{background-color:#ee0a24;background-color:var(--tag-danger-color,#ee0a24)}.van-tag--danger.van-tag--plain{color:#ee0a24;color:var(--tag-danger-color,#ee0a24)}.van-tag--primary{background-color:#1989fa;background-color:var(--tag-primary-color,#1989fa)}.van-tag--primary.van-tag--plain{color:#1989fa;color:var(--tag-primary-color,#1989fa)}.van-tag--success{background-color:#07c160;background-color:var(--tag-success-color,#07c160)}.van-tag--success.van-tag--plain{color:#07c160;color:var(--tag-success-color,#07c160)}.van-tag--warning{background-color:#ff976a;background-color:var(--tag-warning-color,#ff976a)}.van-tag--warning.van-tag--plain{color:#ff976a;color:var(--tag-warning-color,#ff976a)}.van-tag--plain{background-color:#fff;background-color:var(--tag-plain-background-color,#fff)}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:2px 6px;padding:var(--tag-medium-padding,2px 6px)}.van-tag--large{padding:4px 8px;padding:var(--tag-large-padding,4px 8px);font-size:14px;font-size:var(--tag-large-font-size,14px);border-radius:4px;border-radius:var(--tag-large-border-radius,4px)}.van-tag--mark{border-radius:0 999px 999px 0;border-radius:0 var(--tag-round-border-radius,999px) var(--tag-round-border-radius,999px) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:999px;border-radius:var(--tag-round-border-radius,999px)}.van-tag__close{min-width:1em;margin-left:2px}
diff --git a/mini-app/weapp/vant/transition/index.js b/mini-app/weapp/vant/transition/index.js
new file mode 100644
index 000000000..9ca9d17cd
--- /dev/null
+++ b/mini-app/weapp/vant/transition/index.js
@@ -0,0 +1,10 @@
+"use strict";
+
+var _component = require('./../common/component.js');
+
+var _transition = require('./../mixins/transition.js');
+
+(0, _component.VantComponent)({
+  classes: ['enter-class', 'enter-active-class', 'enter-to-class', 'leave-class', 'leave-active-class', 'leave-to-class'],
+  mixins: [(0, _transition.transition)(true)]
+});
\ No newline at end of file
diff --git a/mini-app/weapp/vant/transition/index.json b/mini-app/weapp/vant/transition/index.json
new file mode 100644
index 000000000..7e37c0353
--- /dev/null
+++ b/mini-app/weapp/vant/transition/index.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/mini-app/weapp/vant/transition/index.wxml b/mini-app/weapp/vant/transition/index.wxml
new file mode 100644
index 000000000..412e8afca
--- /dev/null
+++ b/mini-app/weapp/vant/transition/index.wxml
@@ -0,0 +1,8 @@
+<view
+  wx:if="{{ inited }}"
+  class="van-transition custom-class {{ classes }}"
+  style="-webkit-transition-duration:{{ currentDuration }}ms; transition-duration:{{ currentDuration }}ms; {{ display ? '' : 'display: none;' }} {{ customStyle }}"
+  bind:transitionend="onTransitionEnd"
+>
+  <slot />
+</view>
diff --git a/mini-app/weapp/vant/transition/index.wxss b/mini-app/weapp/vant/transition/index.wxss
new file mode 100644
index 000000000..b3a5f59ba
--- /dev/null
+++ b/mini-app/weapp/vant/transition/index.wxss
@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-transition{transition-timing-function:ease}.van-fade-enter-active,.van-fade-leave-active{transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-fade-down-enter-active,.van-fade-down-leave-active,.van-fade-left-enter-active,.van-fade-left-leave-active,.van-fade-right-enter-active,.van-fade-right-leave-active,.van-fade-up-enter-active,.van-fade-up-leave-active{transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-fade-up-enter,.van-fade-up-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:0}.van-fade-down-enter,.van-fade-down-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}.van-fade-left-enter,.van-fade-left-leave-to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.van-fade-right-enter,.van-fade-right-leave-to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.van-slide-down-enter-active,.van-slide-down-leave-active,.van-slide-left-enter-active,.van-slide-left-leave-active,.van-slide-right-enter-active,.van-slide-right-leave-active,.van-slide-up-enter-active,.van-slide-up-leave-active{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-slide-up-enter,.van-slide-up-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-slide-down-enter,.van-slide-down-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-slide-left-enter,.van-slide-left-leave-to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-slide-right-enter,.van-slide-right-leave-to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
diff --git a/mini-app/weapp/vant/wxs/add-unit.wxs b/mini-app/weapp/vant/wxs/add-unit.wxs
new file mode 100644
index 000000000..52f18b558
--- /dev/null
+++ b/mini-app/weapp/vant/wxs/add-unit.wxs
@@ -0,0 +1,12 @@
+/* eslint-disable */
+var REGEXP = getRegExp('^\d+(\.\d+)?$');
+
+function addUnit(value) {
+  if (value == null) {
+    return undefined;
+  }
+
+  return REGEXP.test('' + value) ? value + 'px' : value;
+}
+
+module.exports = addUnit;
diff --git a/mini-app/weapp/vant/wxs/array.wxs b/mini-app/weapp/vant/wxs/array.wxs
new file mode 100644
index 000000000..610089cd5
--- /dev/null
+++ b/mini-app/weapp/vant/wxs/array.wxs
@@ -0,0 +1,5 @@
+function isArray(array) {
+  return array && array.constructor === 'Array';
+}
+
+module.exports.isArray = isArray;
diff --git a/mini-app/weapp/vant/wxs/bem.wxs b/mini-app/weapp/vant/wxs/bem.wxs
new file mode 100644
index 000000000..1efa129ee
--- /dev/null
+++ b/mini-app/weapp/vant/wxs/bem.wxs
@@ -0,0 +1,39 @@
+/* eslint-disable */
+var array = require('./array.wxs');
+var object = require('./object.wxs');
+var PREFIX = 'van-';
+
+function join(name, mods) {
+  name = PREFIX + name;
+  mods = mods.map(function(mod) {
+    return name + '--' + mod;
+  });
+  mods.unshift(name);
+  return mods.join(' ');
+}
+
+function traversing(mods, conf) {
+  if (!conf) {
+    return;
+  }
+
+  if (typeof conf === 'string' || typeof conf === 'number') {
+    mods.push(conf);
+  } else if (array.isArray(conf)) {
+    conf.forEach(function(item) {
+      traversing(mods, item);
+    });
+  } else if (typeof conf === 'object') {
+    object.keys(conf).forEach(function(key) {
+      conf[key] && mods.push(key);
+    });
+  }
+}
+
+function bem(name, conf) {
+  var mods = [];
+  traversing(mods, conf);
+  return join(name, mods);
+}
+
+module.exports = bem;
diff --git a/mini-app/weapp/vant/wxs/memoize.wxs b/mini-app/weapp/vant/wxs/memoize.wxs
new file mode 100644
index 000000000..8f7f46dd2
--- /dev/null
+++ b/mini-app/weapp/vant/wxs/memoize.wxs
@@ -0,0 +1,55 @@
+/**
+ * Simple memoize
+ * wxs doesn't support fn.apply, so this memoize only support up to 2 args
+ */
+/* eslint-disable */
+
+function isPrimitive(value) {
+  var type = typeof value;
+  return (
+    type === 'boolean' ||
+    type === 'number' ||
+    type === 'string' ||
+    type === 'undefined' ||
+    value === null
+  );
+}
+
+// mock simple fn.call in wxs
+function call(fn, args) {
+  if (args.length === 2) {
+    return fn(args[0], args[1]);
+  }
+
+  if (args.length === 1) {
+    return fn(args[0]);
+  }
+
+  return fn();
+}
+
+function serializer(args) {
+  if (args.length === 1 && isPrimitive(args[0])) {
+    return args[0];
+  }
+  var obj = {};
+  for (var i = 0; i < args.length; i++) {
+    obj['key' + i] = args[i];
+  }
+  return JSON.stringify(obj);
+}
+
+function memoize(fn) {
+  var cache = {};
+
+  return function() {
+    var key = serializer(arguments);
+    if (cache[key] === undefined) {
+      cache[key] = call(fn, arguments);
+    }
+
+    return cache[key];
+  };
+}
+
+module.exports = memoize;
diff --git a/mini-app/weapp/vant/wxs/object.wxs b/mini-app/weapp/vant/wxs/object.wxs
new file mode 100644
index 000000000..e07710776
--- /dev/null
+++ b/mini-app/weapp/vant/wxs/object.wxs
@@ -0,0 +1,13 @@
+/* eslint-disable */
+var REGEXP = getRegExp('{|}|"', 'g');
+
+function keys(obj) {
+  return JSON.stringify(obj)
+    .replace(REGEXP, '')
+    .split(',')
+    .map(function(item) {
+      return item.split(':')[0];
+    });
+}
+
+module.exports.keys = keys;
diff --git a/mini-app/weapp/vant/wxs/style.wxs b/mini-app/weapp/vant/wxs/style.wxs
new file mode 100644
index 000000000..3139cde4a
--- /dev/null
+++ b/mini-app/weapp/vant/wxs/style.wxs
@@ -0,0 +1,32 @@
+/* eslint-disable */
+var object = require('./object.wxs');
+var array = require('./array.wxs');
+
+function style(styles) {
+  if (array.isArray(styles)) {
+    return styles
+      .filter(function (item) {
+        return item != null;
+      })
+      .map(function (item) {
+        return style(item);
+      })
+      .join(';');
+  }
+
+  if ('Object' === styles.constructor) {
+    return object
+      .keys(styles)
+      .filter(function (key) {
+        return styles[key] != null;
+      })
+      .map(function (key) {
+        return [key, [styles[key]]].join(':');
+      })
+      .join(';');
+  }
+
+  return styles;
+}
+
+module.exports = style;
diff --git a/mini-app/weapp/vant/wxs/utils.wxs b/mini-app/weapp/vant/wxs/utils.wxs
new file mode 100644
index 000000000..656e64eeb
--- /dev/null
+++ b/mini-app/weapp/vant/wxs/utils.wxs
@@ -0,0 +1,10 @@
+/* eslint-disable */
+var bem = require('./bem.wxs');
+var memoize = require('./memoize.wxs');
+var addUnit = require('./add-unit.wxs');
+
+module.exports = {
+  bem: memoize(bem),
+  memoize: memoize,
+  addUnit: addUnit
+};
\ No newline at end of file
diff --git a/mini-app/weapp/vendor.js b/mini-app/weapp/vendor.js
new file mode 100644
index 000000000..444d65592
--- /dev/null
+++ b/mini-app/weapp/vendor.js
@@ -0,0 +1,4880 @@
+
+var window = { Number: Number, Array: Array, Date: Date, Error: Error, Math: Math, Object: Object, Function: Function, RegExp: RegExp, String: String, TypeError: TypeError, parseInt: parseInt, parseFloat: parseFloat, isNaN: isNaN };
+var global = window;
+var process = { env: {} };
+(function(modules) {
+   // The module cache
+   var installedModules = {};
+   // The require function
+   function __wepy_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] = {
+           exports: {},
+           id: moduleId,
+           loaded: false
+       };
+       // Execute the module function
+       modules[moduleId].call(module.exports, module, module.exports, __wepy_require);
+       // Flag the module as loaded
+       module.loaded = true;
+       // Return the exports of the module
+       return module.exports;
+   }
+   // expose the modules object (__webpack_modules__)
+   __wepy_require.m = modules;
+   // expose the module cache
+   __wepy_require.c = installedModules;
+   // __webpack_public_path__
+   __wepy_require.p = "/";
+   // Load entry module and return exports
+   module.exports = __wepy_require;
+   return __wepy_require;
+})([
+/***** module 0 start *****/
+/***** /Users/tottimctj/Project/Xiao4r/hope_wine/node_modules/_@wepy_core@2.1.0@@wepy/core/dist/wepy.js *****/
+function(module, exports, __wepy_require) {'use strict';
+
+// can we use __proto__?
+function getHasProto() {
+  var hasProto = false;
+  if ('__proto__' in {}) {
+    var fn = function () {};
+    var arr = [];
+    arr.__proto__ = { push: fn };
+    hasProto = fn === arr.push;
+  }
+  return hasProto;
+}
+var hasProto = getHasProto();
+
+var _Set; // $flow-disable-line
+/* istanbul ignore if */ if (typeof Set !== 'undefined' && isNative(Set)) {
+  // use native Set when available.
+  _Set = Set;
+} else {
+  // a non-standard Set polyfill that only works with primitive keys.
+  _Set = /*@__PURE__*/(function () {
+    function Set() {
+      this.set = Object.create(null);
+    }
+    Set.prototype.has = function has (key) {
+      return this.set[key] === true;
+    };
+    Set.prototype.add = function add (key) {
+      this.set[key] = true;
+    };
+    Set.prototype.clear = function clear () {
+      this.set = Object.create(null);
+    };
+
+    return Set;
+  }());
+}
+
+/* istanbul ignore next */
+function isNative(Ctor) {
+  return typeof Ctor === 'function' && /native code/.test(Ctor.toString());
+}
+
+/**
+ * String type check
+ */
+var isStr = function (v) { return typeof v === 'string'; };
+/**
+ * Number type check
+ */
+var isNum = function (v) { return typeof v === 'number'; };
+/**
+ * Array type check
+ */
+var isArr = Array.isArray;
+/**
+ * undefined type check
+ */
+var isUndef = function (v) { return v === undefined; };
+/**
+ * Function type check
+ */
+var isFunc = function (v) { return typeof v === 'function'; };
+/**
+ * Quick object check - this is primarily used to tell
+ * Objects from primitive values when we know the value
+ * is a JSON-compliant type.
+ */
+function isObject(obj) {
+  return obj !== null && typeof obj === 'object';
+}
+
+var isObj = isObject;
+/**
+ * Strict object type check. Only returns true
+ * for plain JavaScript objects.
+ */
+var _toString = Object.prototype.toString;
+function isPlainObject(obj) {
+  return _toString.call(obj) === '[object Object]';
+}
+
+/**
+ * Check whether the object has the property.
+ */
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+function hasOwn(obj, key) {
+  return hasOwnProperty.call(obj, key);
+}
+
+/**
+ * Perform no operation.
+ * Stubbing args to make Flow happy without leaving useless transpiled code
+ * with ...rest (https://flow.org/blog/2017/05/07/Strict-Function-Call-Arity/)
+ */
+// eslint-disable-next-line
+function noop(a, b, c) {}
+
+/**
+ * Check if val is a valid array index.
+ */
+function isValidArrayIndex(val) {
+  var n = parseFloat(String(val));
+  return n >= 0 && Math.floor(n) === n && isFinite(val);
+}
+
+/**
+ * Convert an Array-lik object to a real Array
+ */
+function toArray(list, start) {
+  if ( start === void 0 ) start = 0;
+
+  var i = list.length - start;
+  var rst = new Array(i);
+  while (i--) {
+    rst[i] = list[i + start];
+  }
+  return rst;
+}
+
+/**
+ * Cached simply key function return
+ */
+var cached = function (fn) {
+  var cache = {};
+  return function (str) { return cache[str] || (cache[str] = fn(str)); };
+};
+
+var camelizeRE = /-(\w)/g;
+
+/**
+ * camelize words
+ * e.g. my-key => myKey
+ */
+var camelize = cached(function (str) { return str.replace(camelizeRE, function (_, c) { return (c ? c.toUpperCase() : ''); }); });
+
+/*
+ * extend objects
+ * e.g.
+ * extend({}, {a: 1}) : extend {a: 1} to {}
+ * extend(true, [], [1,2,3]) : deep extend [1,2,3] to an empty array
+ * extend(true, {}, {a: 1}, {b: 2}) : deep extend two objects to {}
+ */
+function extend() {
+  var arguments$1 = arguments;
+
+  var options,
+    name,
+    src,
+    copy,
+    copyIsArray,
+    clone,
+    target = arguments[0] || {},
+    i = 1,
+    length = arguments.length,
+    deep = false;
+
+  // Handle a deep copy situation
+  if (typeof target === 'boolean') {
+    deep = target;
+
+    // Skip the boolean and the target
+    target = arguments[i] || {};
+    i++;
+  }
+
+  // Handle case when target is a string or something (possible in deep copy)
+  if (typeof target !== 'object' && !(typeof target === 'function')) {
+    target = {};
+  }
+
+  // Extend jQuery itself if only one argument is passed
+  if (i === length) {
+    target = this;
+    i--;
+  }
+
+  for (; i < length; i++) {
+    // Only deal with non-null/undefined values
+    if ((options = arguments$1[i])) {
+      // Extend the base object
+      for (name in options) {
+        src = target[name];
+        copy = options[name];
+
+        // Prevent never-ending loop
+        if (target === copy) {
+          continue;
+        }
+
+        // Recurse if we're merging plain objects or arrays
+        if (deep && copy && (isPlainObject(copy) || (copyIsArray = Array.isArray(copy)))) {
+          if (copyIsArray) {
+            copyIsArray = false;
+            clone = src && Array.isArray(src) ? src : [];
+          } else {
+            clone = src && isPlainObject(src) ? src : {};
+          }
+
+          // Never move original objects, clone them
+          target[name] = extend(deep, clone, copy);
+
+          // Don't bring in undefined values => bring undefined values
+        } else {
+          target[name] = copy;
+        }
+      }
+    }
+  }
+
+  // Return the modified object
+  return target;
+}
+
+/*
+ * clone objects, return a cloned object default to use deep clone
+ * e.g.
+ * clone({a: 1})
+ * clone({a: b: {c : 1}}, false);
+ */
+function clone(sth, deep) {
+  if ( deep === void 0 ) deep = true;
+
+  if (isArr(sth)) {
+    return extend(deep, [], sth);
+  } else if ('' + sth === 'null') {
+    return sth;
+  } else if (isPlainObject(sth)) {
+    return extend(deep, {}, sth);
+  } else {
+    return sth;
+  }
+}
+
+var WEAPP_APP_LIFECYCLE = ['onLaunch', 'onShow', 'onHide', 'onError', 'onPageNotFound'];
+
+var WEAPP_PAGE_LIFECYCLE = [
+  'onLoad',
+  'onShow',
+  'onReady',
+  'onHide',
+  'onUnload',
+  'onPullDownRefresh',
+  'onReachBottom',
+  'onShareAppMessage',
+  'onPageScroll',
+  'onTabItemTap',
+  'onResize'
+];
+
+var WEAPP_COMPONENT_LIFECYCLE = ['beforeCreate', 'created', 'attached', 'ready', 'moved', 'detached'];
+
+var WEAPP_LIFECYCLE = []
+  .concat(WEAPP_APP_LIFECYCLE)
+  .concat(WEAPP_PAGE_LIFECYCLE)
+  .concat(WEAPP_COMPONENT_LIFECYCLE);
+
+var config = {};
+
+var warn = noop;
+
+var generateComponentTrace = function(vm) {
+  return ("Found in component: \"" + (vm.$is) + "\"");
+};
+
+{
+  var hasConsole = typeof console !== 'undefined';
+  // TODO
+  warn = function (msg, vm) {
+    if (hasConsole && !config.silent) {
+      // eslint-disable-next-line
+      console.error("[WePY warn]: " + msg + (vm ? generateComponentTrace(vm) : ''));
+    }
+  };
+}
+
+function handleError(err, vm, info) {
+  if (vm) {
+    var cur = vm;
+    while ((cur = cur.$parent)) {
+      var hooks = cur.$options.errorCaptured;
+      if (hooks) {
+        for (var i = 0; i < hooks.length; i++) {
+          try {
+            var capture = hooks[i].call(cur, err, vm, info) === false;
+            if (capture) { return; }
+          } catch (e) {
+            globalHandleError(e, cur, 'errorCaptured hook');
+          }
+        }
+      }
+    }
+  }
+  globalHandleError(err, vm, info);
+}
+
+function globalHandleError(err, vm, info) {
+  if (config.errorHandler) {
+    try {
+      return config.errorHandler.call(null, err, vm, info);
+    } catch (e) {
+      logError(e, null, 'config.errorHandler');
+    }
+  }
+  logError(err, vm, info);
+}
+
+function logError(err, vm, info) {
+  {
+    warn(("Error in " + info + ": \"" + (err.toString()) + "\""), vm);
+  }
+  /* istanbul ignore else */
+  if (typeof console !== 'undefined') {
+    // eslint-disable-next-line
+    console.error(err);
+  } else {
+    throw err;
+  }
+}
+
+var callbacks = [];
+var pending = false;
+
+function flushCallbacks() {
+  pending = false;
+  var copies = callbacks.slice(0);
+  callbacks.length = 0;
+  for (var i = 0; i < copies.length; i++) {
+    copies[i]();
+  }
+}
+
+// Here we have async deferring wrappers using both micro and macro tasks.
+// In < 2.4 we used micro tasks everywhere, but there are some scenarios where
+// micro tasks have too high a priority and fires in between supposedly
+// sequential events (e.g. #4521, #6690) or even between bubbling of the same
+// event (#6566). However, using macro tasks everywhere also has subtle problems
+// when state is changed right before repaint (e.g. #6813, out-in transitions).
+// Here we use micro task by default, but expose a way to force macro task when
+// needed (e.g. in event handlers attached by v-on).
+var microTimerFunc;
+var macroTimerFunc;
+var useMacroTask = false;
+
+// Determine (macro) Task defer implementation.
+// Technically setImmediate should be the ideal choice, but it's only available
+// in IE. The only polyfill that consistently queues the callback after all DOM
+// events triggered in the same loop is by using MessageChannel.
+/* istanbul ignore if */
+if (typeof setImmediate !== 'undefined' && isNative(setImmediate)) {
+  macroTimerFunc = function () {
+    setImmediate(flushCallbacks);
+  };
+} else if (
+  /* eslint-disable no-undef */
+  typeof MessageChannel !== 'undefined' &&
+  (isNative(MessageChannel) ||
+    // PhantomJS
+    MessageChannel.toString() === '[object MessageChannelConstructor]')
+) {
+  var channel = new MessageChannel();
+  var port = channel.port2;
+  channel.port1.onmessage = flushCallbacks;
+  macroTimerFunc = function () {
+    port.postMessage(1);
+  };
+  /* eslint-enable no-undef */
+} else {
+  /* istanbul ignore next */
+  macroTimerFunc = function () {
+    setTimeout(flushCallbacks, 0);
+  };
+}
+
+// Determine MicroTask defer implementation.
+/* istanbul ignore next, $flow-disable-line */
+if (typeof Promise !== 'undefined' && isNative(Promise)) {
+  var p = Promise.resolve();
+  microTimerFunc = function () {
+    p.then(flushCallbacks);
+    // in problematic UIWebViews, Promise.then doesn't completely break, but
+    // it can get stuck in a weird state where callbacks are pushed into the
+    // microtask queue but the queue isn't being flushed, until the browser
+    // needs to do some other work, e.g. handle a timer. Therefore we can
+    // "force" the microtask queue to be flushed by adding an empty timer.
+    // if (isIOS) setTimeout(noop)
+  };
+} else {
+  // fallback to macro
+  microTimerFunc = macroTimerFunc;
+}
+
+function nextTick(cb, ctx) {
+  var _resolve;
+  callbacks.push(function () {
+    if (cb) {
+      try {
+        cb.call(ctx);
+      } catch (e) {
+        handleError(e, ctx, 'nextTick');
+      }
+    } else if (_resolve) {
+      _resolve(ctx);
+    }
+  });
+  if (!pending) {
+    pending = true;
+    if (useMacroTask) {
+      macroTimerFunc();
+    } else {
+      microTimerFunc();
+    }
+  }
+  // $flow-disable-line
+  if (!cb && typeof Promise !== 'undefined') {
+    return new Promise(function (resolve) {
+      _resolve = resolve;
+    });
+  }
+}
+
+var renderCallbacks = [];
+
+function renderFlushCallbacks() {
+  var copies = renderCallbacks.slice(0);
+  renderCallbacks.length = 0;
+  for (var i = 0; i < copies.length; i++) {
+    copies[i]();
+  }
+}
+
+function renderNextTick(cb, ctx) {
+  var _resolve;
+  renderCallbacks.push(function () {
+    if (cb) {
+      try {
+        cb.call(ctx);
+      } catch (e) {
+        handleError(e, ctx, 'nextTick');
+      }
+    } else if (_resolve) {
+      _resolve(ctx);
+    }
+  });
+
+  if (!cb && typeof Promise !== 'undefined') {
+    return new Promise(function (resolve) {
+      _resolve = resolve;
+    });
+  }
+}
+
+/**
+ * Parse a v-model expression into a base path and a final key segment.
+ * Handles both dot-path and possible square brackets.
+ *
+ * Possible cases:
+ *
+ * - test
+ * - test[key]
+ * - test[test1[key]]
+ * - test["a"][key]
+ * - xxx.test[a[a].test1[key]]
+ * - test.xxx.a["asa"][test1[key]]
+ *
+ */
+
+/**
+ * Remove an item from an array
+ */
+function remove(arr, item) {
+  if (arr.length) {
+    var index = arr.indexOf(item);
+    if (index > -1) {
+      return arr.splice(index, 1);
+    }
+  }
+}
+
+/**
+ * Define a property.
+ */
+function def(obj, key, val, enumerable) {
+  Object.defineProperty(obj, key, {
+    value: val,
+    enumerable: !!enumerable,
+    writable: true,
+    configurable: true
+  });
+}
+
+/**
+ * Parse simple path.
+ */
+var bailRE = /[^\w.$]/;
+function parsePath(path) {
+  if (bailRE.test(path)) {
+    return;
+  }
+  var segments = path.split('.');
+  return function(obj) {
+    for (var i = 0; i < segments.length; i++) {
+      if (!obj) { return; }
+      obj = obj[segments[i]];
+    }
+    return obj;
+  };
+}
+
+// import type Watcher from './watcher'
+
+var uid = 0;
+
+/**
+ * A dep is an observable that can have multiple
+ * directives subscribing to it.
+ */
+var Dep = function Dep() {
+  this.id = uid++;
+  this.subs = [];
+};
+
+Dep.prototype.addSub = function addSub (sub) {
+  this.subs.push(sub);
+};
+
+Dep.prototype.removeSub = function removeSub (sub) {
+  remove(this.subs, sub);
+};
+
+Dep.prototype.depend = function depend () {
+  if (Dep.target) {
+    Dep.target.addDep(this);
+  }
+};
+
+Dep.prototype.notify = function notify () {
+  // stabilize the subscriber list first
+  var subs = this.subs.slice();
+  for (var i = 0, l = subs.length; i < l; i++) {
+    subs[i].update();
+  }
+};
+
+// the current target watcher being evaluated.
+// this is globally unique because there could be only one
+// watcher being evaluated at any time.
+Dep.target = null;
+var targetStack = [];
+
+function pushTarget(_target) {
+  if (Dep.target) { targetStack.push(Dep.target); }
+  Dep.target = _target;
+}
+
+function popTarget() {
+  Dep.target = targetStack.pop();
+}
+
+/**
+ * @desc ObserverPath 类以及相关处理函数
+ * Observer 所在位置对应在整棵 data tree 的路径集合
+ * @createDate 2019-07-21
+ */
+
+/**
+ * 生成完整路径
+ * @param key  {String|Number} 当为字符串时，说明是属性名，当为数字时，说明是索引
+ * @param parentPath {String} 父路径
+ * @return {string}
+ */
+var setPath = function (key, parentPath) {
+  return isNum(key) ? (parentPath + "[" + key + "]") : (parentPath + "." + key);
+};
+
+/**
+ * 得到 ObserverPath
+ * @param value 被观察对象
+ * @return {ObserverPath|null}
+ */
+var pickOp = function (value) {
+  return isObject(value) && hasOwn(value, '__ob__') ? value.__ob__.op : null;
+};
+
+var ObserverPath = function ObserverPath(key, ob, parentOp) {
+  this.ob = ob;
+  // eslint-disable-next-line eqeqeq
+  if (parentOp) {
+    var ref = getPathMap(key, parentOp.pathKeys, parentOp.pathMap);
+    var combinePathKeys = ref.combinePathKeys;
+    var combinePathMap = ref.combinePathMap;
+    this.pathKeys = combinePathKeys;
+    this.pathMap = combinePathMap;
+  } else {
+    this.pathKeys = null;
+    this.pathMap = null;
+  }
+};
+
+ObserverPath.prototype.traverseOp = function traverseOp (key, pathKeys, pathMap, handler) {
+  // 得到 newKey 和 pathMap 组合的路径集合
+  var ref = getPathMap(key, pathKeys, pathMap);
+    var combinePathMap = ref.combinePathMap;
+    var combinePathKeys = ref.combinePathKeys;
+  var handlePathKeys = [];
+  var handlePathMap = {};
+  var hasChange = false;
+
+  // 遍历 combinePathMap
+  for (var i = 0; i < combinePathKeys.length; i++) {
+    var pathObj = handler(combinePathMap[combinePathKeys[i]], this);
+    if (pathObj) {
+      hasChange = true;
+      handlePathKeys.push(pathObj.path);
+      handlePathMap[pathObj.path] = pathObj;
+    }
+  }
+
+  if (hasChange) {
+    var value = this.ob.value;
+    if (Array.isArray(value)) {
+      for (var i$1 = 0; i$1 < value.length; i$1++) {
+        var op = pickOp(value[i$1]);
+        op && op.traverseOp(i$1, handlePathKeys, handlePathMap, handler);
+      }
+    } else {
+      var keys = Object.keys(value);
+      for (var i$2 = 0; i$2 < keys.length; i$2++) {
+        var key$1 = keys[i$2];
+        var op$1 = pickOp(value[key$1]);
+        op$1 && op$1.traverseOp(key$1, handlePathKeys, handlePathMap, handler);
+      }
+    }
+  }
+};
+
+ObserverPath.prototype.addPath = function addPath (pathObj) {
+  this.pathKeys.push(pathObj.path);
+  this.pathMap[pathObj.path] = pathObj;
+};
+
+ObserverPath.prototype.delPath = function delPath (path) {
+  remove(this.pathKeys, path);
+  delete this.pathMap[path];
+};
+
+/**
+ * 添加新的 __ob__ 的 path
+ */
+function addPaths(newKey, op, parentOp) {
+  op.traverseOp(newKey, parentOp.pathKeys, parentOp.pathMap, handler);
+
+  function handler(pathObj, op) {
+    if (!(pathObj.path in op.pathMap)) {
+      // 新增一条 path
+      op.addPath(pathObj);
+      return pathObj;
+    } else {
+      return null;
+    }
+  }
+}
+
+/**
+ * 删除指定的 __ob__ 的 path
+ */
+function cleanPaths(oldKey, op, parentOp) {
+  op.traverseOp(oldKey, parentOp.pathKeys, parentOp.pathMap, handler);
+
+  function handler(pathObj, op) {
+    // 删除一条 path
+    op.delPath(pathObj.path);
+    return pathObj;
+  }
+}
+
+/**
+ * 得到 pathMap 与 key 组合后的路径集合
+ */
+function getPathMap(key, pathKeys, pathMap) {
+  var obj;
+
+  if (pathMap) {
+    // console.log('pathMap', pathMap)
+    var combinePathKeys = [];
+    var combinePathMap = {};
+    for (var i = 0; i < pathKeys.length; i++) {
+      var path = setPath(key, pathMap[pathKeys[i]].path);
+      combinePathKeys.push(path);
+      combinePathMap[path] = { key: key, root: pathMap[pathKeys[i]].root, path: path };
+    }
+    return { combinePathKeys: combinePathKeys, combinePathMap: combinePathMap };
+  } else {
+    return {
+      combinePathKeys: [key],
+      combinePathMap: ( obj = {}, obj[key] = { key: key, root: key, path: key }, obj)
+    };
+  }
+}
+
+/*
+ * not type checking this file because flow doesn't play well with
+ * dynamically accessing methods on Array prototype
+ */
+
+var arrayProto = Array.prototype;
+var arrayMethods = Object.create(arrayProto);
+
+var methodsToPatch = ['push', 'pop', 'shift', 'unshift', 'splice', 'sort', 'reverse'];
+
+/**
+ * Intercept mutating methods and emit events
+ */
+methodsToPatch.forEach(function(method) {
+  // cache original method
+  var original = arrayProto[method];
+  def(arrayMethods, method, function mutator() {
+    var args = [], len$1 = arguments.length;
+    while ( len$1-- ) args[ len$1 ] = arguments[ len$1 ];
+
+    var len = this.length;
+    // 清除已经失效的 paths
+    if (len > 0) {
+      switch (method) {
+        case 'pop':
+          delInvalidPaths(len - 1, this[len - 1], this);
+          break;
+        case 'shift':
+          delInvalidPaths(0, this[0], this);
+          break;
+        case 'splice':
+        case 'sort':
+        case 'reverse':
+          for (var i = 0; i < this.length; i++) {
+            delInvalidPaths(i, this[i], this);
+          }
+      }
+    }
+
+    var result = original.apply(this, args);
+    var ob = this.__ob__;
+    var vm = ob.vm;
+
+    // push parent key to dirty, wait to setData
+    if (vm.$dirty) {
+      if (method === 'push') {
+        var lastIndex = ob.value.length - 1;
+        vm.$dirty.set(ob.op, lastIndex, ob.value[lastIndex]);
+      } else {
+        vm.$dirty.set(ob.op, null, ob.value);
+      }
+    }
+
+    // 这里和 vue 不一样，所有变异方法都需要更新 path
+    ob.observeArray(ob.key, ob.value);
+
+    // notify change
+    ob.dep.notify();
+    return result;
+  });
+});
+
+function delInvalidPaths(key, value, parent) {
+  if (isObject(value) && hasOwn(value, '__ob__')) {
+    // delete invalid paths
+    cleanPaths(key, value.__ob__.op, parent.__ob__.op);
+  }
+}
+
+var arrayKeys = Object.getOwnPropertyNames(arrayMethods);
+
+/**
+ * By default, when a reactive property is set, the new value is
+ * also converted to become reactive. However when passing down props,
+ * we don't want to force conversion because the value may be a nested value
+ * under a frozen data structure. Converting it would defeat the optimization.
+ */
+var observerState = {
+  shouldConvert: true
+};
+
+/**
+ * Observer class that are attached to each observed
+ * object. Once attached, the observer converts target
+ * object's property keys into getter/setters that
+ * collect dependencies and dispatches updates.
+ */
+var Observer = function Observer(ref) {
+  var vm = ref.vm;
+  var key = ref.key;
+  var value = ref.value;
+  var parent = ref.parent;
+
+  this.value = value;
+  this.dep = new Dep();
+  this.vmCount = 0;
+  this.vm = vm;
+  this.op = new ObserverPath(key, this, parent && parent.__ob__ && parent.__ob__.op);
+
+  def(value, '__ob__', this);
+  if (Array.isArray(value)) {
+    var augment = hasProto ? protoAugment : copyAugment;
+    augment(value, arrayMethods, arrayKeys);
+    this.observeArray(key, value);
+  } else {
+    this.walk(key, value);
+  }
+};
+
+/**
+ * Walk through each property and convert them into
+ * getter/setters. This method should only be called when
+ * value type is Object.
+ */
+Observer.prototype.walk = function walk (key, obj) {
+  var keys = Object.keys(obj);
+  for (var i = 0; i < keys.length; i++) {
+    defineReactive({ vm: this.vm, obj: obj, key: keys[i], value: obj[keys[i]], parent: obj });
+    //defineReactive(this.vm, obj, keys[i], obj[keys[i]]);
+  }
+};
+
+/**
+ * Observe a list of Array items.
+ */
+Observer.prototype.observeArray = function observeArray (key, items) {
+  for (var i = 0, l = items.length; i < l; i++) {
+    observe({ vm: this.vm, key: i, value: items[i], parent: items });
+  }
+};
+
+/**
+ * Check if path exsit in vm
+ */
+Observer.prototype.hasPath = function hasPath (path) {
+  var value = this.vm;
+  var key = '';
+  var i = 0;
+  while (i < path.length) {
+    if (path[i] !== '.' && path[i] !== '[' && path[i] !== ']') {
+      key += path[i];
+    } else if (key.length !== 0) {
+      value = value[key];
+      key = '';
+      if (!isObject(value)) {
+        return false;
+      }
+    }
+    i++;
+  }
+  return true;
+};
+
+/**
+ * Is this path value equal
+ */
+Observer.prototype.isPathEq = function isPathEq (path, value) {
+  var objValue = this.vm;
+  var key = '';
+  var i = 0;
+  while (i < path.length) {
+    if (path[i] !== '.' && path[i] !== '[' && path[i] !== ']') {
+      key += path[i];
+    } else if (key.length !== 0) {
+      objValue = objValue[key];
+      key = '';
+      if (!isObject(objValue)) {
+        return false;
+      }
+    }
+    i++;
+  }
+  if (key.length !== 0) {
+    objValue = objValue[key];
+  }
+  return value === objValue;
+};
+
+// helpers
+
+/**
+ * Augment an target Object or Array by intercepting
+ * the prototype chain using __proto__
+ */
+function protoAugment(target, src) {
+  /* eslint-disable no-proto */
+  target.__proto__ = src;
+  /* eslint-enable no-proto */
+}
+
+/**
+ * Augment an target Object or Array by defining
+ * hidden properties.
+ */
+/* istanbul ignore next */
+function copyAugment(target, src, keys) {
+  for (var i = 0, l = keys.length; i < l; i++) {
+    var key = keys[i];
+    def(target, key, src[key]);
+  }
+}
+
+/**
+ * Attempt to create an observer instance for a value,
+ * returns the new observer if successfully observed,
+ * or the existing observer if the value already has one.
+ */
+function observe(ref) {
+  var vm = ref.vm;
+  var key = ref.key;
+  var value = ref.value;
+  var parent = ref.parent;
+  var root = ref.root;
+
+  if (!isObject(value)) {
+    return;
+  }
+  var ob;
+  if (hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
+    ob = value.__ob__;
+    var op = ob.op;
+    addPaths(key, op, parent.__ob__.op);
+  } else if (
+    observerState.shouldConvert &&
+    (Array.isArray(value) || isPlainObject(value)) &&
+    Object.isExtensible(value) &&
+    !value._isVue
+  ) {
+    ob = new Observer({ vm: vm, key: key, value: value, parent: parent });
+  }
+  if (root && ob) {
+    ob.vmCount++;
+  }
+  return ob;
+}
+
+/**
+ * Define a reactive property on an Object.
+ */
+function defineReactive(ref) {
+  var vm = ref.vm;
+  var obj = ref.obj;
+  var key = ref.key;
+  var value = ref.value;
+  var parent = ref.parent;
+  var customSetter = ref.customSetter;
+  var shallow = ref.shallow;
+
+  var dep = new Dep();
+
+  var property = Object.getOwnPropertyDescriptor(obj, key);
+  if (property && property.configurable === false) {
+    return;
+  }
+
+  // cater for pre-defined getter/setters
+  var getter = property && property.get;
+  if (!getter && arguments.length === 2) {
+    value = obj[key];
+  }
+  var setter = property && property.set;
+
+  var childOb = !shallow && observe({ vm: vm, key: key, value: value, parent: obj });
+  Object.defineProperty(obj, key, {
+    enumerable: true,
+    configurable: true,
+    get: function reactiveGetter() {
+      var val = getter ? getter.call(obj) : value;
+      if (Dep.target) {
+        dep.depend();
+        if (childOb) {
+          childOb.dep.depend();
+          if (Array.isArray(val)) {
+            dependArray(val);
+          }
+        }
+      }
+      return val;
+    },
+    set: function reactiveSetter(newVal) {
+      var val = getter ? getter.call(obj) : value;
+      /* eslint-disable no-self-compare */
+      if (newVal === val || (newVal !== newVal && val !== val)) {
+        return;
+      }
+
+      if (isObject(value) && hasOwn(value, '__ob__')) {
+        /**
+         * 删掉无效的 paths
+         * 注意：即使 path 只有一个也要删掉，因为其子节点可能有多个 path
+         */
+        cleanPaths(key, value.__ob__.op, parent.__ob__.op);
+      }
+
+      /* eslint-enable no-self-compare */
+      if ("development" !== 'production' && customSetter) {
+        customSetter();
+      }
+      if (setter) {
+        setter.call(obj, newVal);
+      } else {
+        value = newVal;
+      }
+
+      // Have to set dirty after value assigned, otherwise the dirty key is incrrect.
+      if (vm) {
+        // push parent key to dirty, wait to setData
+        if (vm.$dirty) {
+          vm.$dirty.set(obj.__ob__.op, key, newVal);
+        }
+      }
+      childOb = !shallow && observe({ vm: vm, key: key, value: newVal, parent: parent });
+      dep.notify();
+    }
+  });
+}
+
+/**
+ * Set a property on an object. Adds the new property and
+ * triggers change notification if the property doesn't
+ * already exist.
+ */
+function set(vm, target, key, val) {
+  if (Array.isArray(target) && isValidArrayIndex(key)) {
+    target.length = Math.max(target.length, key);
+    target.splice(key, 1, val);
+    return val;
+  }
+
+  if (key in target && !(key in Object.prototype)) {
+    target[key] = val;
+    return val;
+  }
+
+  var ob = target.__ob__;
+  if (target._isVue || (ob && ob.vmCount)) {
+    "development" !== 'production' &&
+      warn(
+        'Avoid adding reactive properties to a Vue instance or its root $data ' +
+          'at runtime - declare it upfront in the data option.'
+      );
+    return val;
+  }
+
+  if (!ob) {
+    target[key] = val;
+    return val;
+  }
+
+  if (isObject(target[key]) && hasOwn(target[key], '__ob__')) {
+    // delete invalid paths
+    cleanPaths(key, target[key].__ob__.op, ob.op);
+  }
+  defineReactive({ vm: vm, obj: ob.value, key: key, value: val, parent: ob.value });
+  if (vm) {
+    // push parent key to dirty, wait to setData
+    if (vm.$dirty && hasOwn(target, '__ob__')) {
+      vm.$dirty.set(target.__ob__.op, key, val);
+    }
+  }
+  ob.dep.notify();
+  return val;
+}
+
+/**
+ * Delete a property and trigger change if necessary.
+ */
+function del(target, key) {
+  if (Array.isArray(target) && isValidArrayIndex(key)) {
+    target.splice(key, 1);
+    return;
+  }
+
+  var ob = target.__ob__;
+  if (target._isVue || (ob && ob.vmCount)) {
+    "development" !== 'production' &&
+      warn('Avoid deleting properties on a Vue instance or its root $data ' + '- just set it to null.');
+    return;
+  }
+
+  if (!hasOwn(target, key)) {
+    return;
+  }
+
+  // set $dirty
+  target[key] = null;
+  delete target[key];
+  if (!ob) {
+    return;
+  }
+  ob.dep.notify();
+}
+
+/**
+ * Collect dependencies on array elements when the array is touched, since
+ * we cannot intercept array element access like property getters.
+ */
+function dependArray(value) {
+  for (var e = (void 0), i = 0, l = value.length; i < l; i++) {
+    e = value[i];
+    e && e.__ob__ && e.__ob__.dep.depend();
+    if (Array.isArray(e)) {
+      dependArray(e);
+    }
+  }
+}
+
+var Base = function Base() {
+  this._events = {};
+  this._watchers = [];
+};
+
+Base.prototype.$set = function $set (target, key, val) {
+  return set(this, target, key, val);
+};
+
+Base.prototype.$delete = function $delete (target, key) {
+  return del(target, key);
+};
+
+Base.prototype.$on = function $on (event, fn) {
+    var this$1 = this;
+
+  if (isArr(event)) {
+    event.forEach(function (item) {
+      if (isStr(item)) {
+        this$1.$on(item, fn);
+      } else if (isObj(item)) {
+        this$1.$on(item.event, item.fn);
+      }
+    });
+  } else {
+    (this._events[event] || (this._events[event] = [])).push(fn);
+  }
+  return this;
+};
+
+Base.prototype.$once = function $once () {};
+
+Base.prototype.$off = function $off (event, fn) {
+    var this$1 = this;
+
+  if (!event && !fn) {
+    this._events = Object.create(null);
+    return this;
+  }
+
+  if (isArr(event)) {
+    event.forEach(function (item) {
+      if (isStr(item)) {
+        this$1.$off(item, fn);
+      } else if (isObj(item)) {
+        this$1.$off(item.event, item.fn);
+      }
+    });
+    return this;
+  }
+  if (!this._events[event]) { return this; }
+
+  if (!fn) {
+    this._events[event] = null;
+    return this;
+  }
+
+  if (fn) {
+    var fns = this._events[event];
+    var i = fns.length;
+    while (i--) {
+      var tmp = fns[i];
+      if (tmp === fn || tmp.fn === fn) {
+        fns.splice(i, 1);
+        break;
+      }
+    }
+  }
+  return this;
+};
+
+Base.prototype.$emit = function $emit (event) {
+    var this$1 = this;
+
+  var vm = this;
+  var lowerCaseEvent = event.toLowerCase();
+  var fns = this._events[event] || [];
+  if (lowerCaseEvent !== event && vm._events[lowerCaseEvent]) {
+    // TODO: handler warn
+  }
+  var args = toArray(arguments, 1);
+  fns.forEach(function (fn) {
+    try {
+      fn.apply(this$1, args);
+    } catch (e) {
+      handleError(e, vm, ("event handler for \"" + event + "\""));
+    }
+  });
+  return this;
+};
+
+var seenObjects = new _Set();
+
+/**
+ * Recursively traverse an object to evoke all converted
+ * getters, so that every nested property inside the object
+ * is collected as a "deep" dependency.
+ */
+function traverse(val) {
+  _traverse(val, seenObjects);
+  seenObjects.clear();
+}
+
+function _traverse(val, seen) {
+  var i, keys;
+  var isA = Array.isArray(val);
+  if ((!isA && !isObject(val)) || Object.isFrozen(val)) {
+    return;
+  }
+  if (val.__ob__) {
+    var depId = val.__ob__.dep.id;
+    if (seen.has(depId)) {
+      return;
+    }
+    seen.add(depId);
+  }
+  if (isA) {
+    i = val.length;
+    while (i--) { _traverse(val[i], seen); }
+  } else {
+    keys = Object.keys(val);
+    i = keys.length;
+    while (i--) { _traverse(val[keys[i]], seen); }
+  }
+}
+
+//import { callHook, activateChildComponent } from '../instance/lifecycle';
+
+var MAX_UPDATE_COUNT = 100;
+
+var queue = [];
+var activatedChildren = [];
+var has = {};
+var circular = {};
+var waiting = false;
+var flushing = false;
+var index = 0;
+
+/**
+ * Reset the scheduler's state.
+ */
+function resetSchedulerState() {
+  index = queue.length = activatedChildren.length = 0;
+  has = {};
+  {
+    circular = {};
+  }
+  waiting = flushing = false;
+}
+
+/**
+ * Flush both queues and run the watchers.
+ */
+function flushSchedulerQueue(times) {
+  if ( times === void 0 ) times = 0;
+
+  flushing = true;
+  var watcher, id;
+
+  // Sort queue before flush.
+  // This ensures that:
+  // 1. Components are updated from parent to child. (because parent is always
+  //    created before the child)
+  // 2. A component's user watchers are run before its render watcher (because
+  //    user watchers are created before the render watcher)
+  // 3. If a component is destroyed during a parent component's watcher run,
+  //    its watchers can be skipped.
+  times === 0 && queue.sort(function (a, b) { return a.id - b.id; });
+
+  // do not cache length because more watchers might be pushed
+  // as we run existing watchers
+  // there would be mutilple renderWatcher in the queue.
+  var renderWatcher = [];
+  if (times === 0) {
+    index = 0;
+  }
+  for (; index < queue.length; index++) {
+    // if it's renderWatcher, run it in the end
+    watcher = queue[index];
+    if (watcher && watcher.isRenderWatcher) {
+      renderWatcher.push(watcher);
+      continue;
+    }
+    id = watcher.id;
+    has[id] = null;
+    watcher.run();
+    // in dev build, check and stop circular updates.
+    // eslint-disable-next-line
+    if ("development" !== 'production' && has[id] != null) {
+      circular[id] = (circular[id] || 0) + 1;
+      if (circular[id] > MAX_UPDATE_COUNT) {
+        warn(
+          'You may have an infinite update loop ' +
+            (watcher.user ? ("in watcher with expression \"" + (watcher.expression) + "\"") : "in a component render function."),
+          watcher.vm
+        );
+        resetSchedulerState();
+        return;
+      }
+    }
+  }
+  // Run renderWatcher in the end.
+  if (renderWatcher.length) {
+    renderWatcher.forEach(function (watcher) {
+      has[watcher.id] = null;
+      watcher.run();
+    });
+  }
+
+  // It may added new watcher to the queue in render watcher
+  var pendingQueue = queue.slice(index);
+
+  if (pendingQueue.length) {
+    flushSchedulerQueue(times + 1);
+  } else {
+    // keep copies of post queues before resetting state
+    // const activatedQueue = activatedChildren.slice()
+    // const updatedQueue = queue.slice()
+
+    resetSchedulerState();
+
+    // call component updated and activated hooks
+    // callActivatedHooks(activatedQueue)
+    // callUpdatedHooks(updatedQueue)
+
+    // devtool hook
+    /* istanbul ignore if */
+    /*
+    if (devtools && config.devtools) {
+      devtools.emit('flush')
+    }*/
+  }
+}
+
+/*
+function callActivatedHooks(queue) {
+  for (let i = 0; i < queue.length; i++) {
+    queue[i]._inactive = true;
+    activateChildComponent(queue[i], true);
+  }
+}
+*/
+
+/**
+ * Push a watcher into the watcher queue.
+ * Jobs with duplicate IDs will be skipped unless it's
+ * pushed when the queue is being flushed.
+ */
+function queueWatcher(watcher) {
+  var id = watcher.id;
+  // eslint-disable-next-line
+  if (has[id] == null) {
+    has[id] = true;
+    if (!flushing) {
+      queue.push(watcher);
+    } else {
+      // if already flushing, splice the watcher based on its id
+      // if already past its id, it will be run next immediately.
+      var i = queue.length - 1;
+      while (i > index && queue[i].id > watcher.id) {
+        i--;
+      }
+      queue.splice(i + 1, 0, watcher);
+    }
+    // queue the flush
+    if (!waiting) {
+      waiting = true;
+      nextTick(flushSchedulerQueue);
+    }
+  }
+}
+
+//import { SimpleSet } from '../util/index';
+
+var uid$1 = 0;
+
+/**
+ * A watcher parses an expression, collects dependencies,
+ * and fires callback when the expression value changes.
+ * This is used for both the $watch() api and directives.
+ */
+var Watcher = function Watcher(vm, expOrFn, cb, options, isRenderWatcher) {
+  this.vm = vm;
+  if (isRenderWatcher) {
+    vm._watcher = this;
+  }
+  vm._watchers.push(this);
+  // options
+  if (options) {
+    this.deep = !!options.deep;
+    this.user = !!options.user;
+    this.computed = !!options.computed;
+    this.sync = !!options.sync;
+  } else {
+    this.deep = this.user = this.computed = this.sync = false;
+  }
+  this.cb = cb;
+  this.id = ++uid$1; // uid for batching
+  this.active = true;
+  this.dirty = this.computed; // for computed watchers
+  this.deps = [];
+  this.newDeps = [];
+  this.depIds = new _Set();
+  this.newDepIds = new _Set();
+  this.isRenderWatcher = isRenderWatcher;
+  this.expression = expOrFn.toString();
+  // parse expression for getter
+  if (typeof expOrFn === 'function') {
+    this.getter = expOrFn;
+  } else {
+    this.getter = parsePath(expOrFn);
+    if (!this.getter) {
+      this.getter = function() {};
+      "development" !== 'production' &&
+        warn(
+          "Failed watching path: \"" + expOrFn + "\" " +
+            'Watcher only accepts simple dot-delimited paths. ' +
+            'For full control, use a function instead.',
+          vm
+        );
+    }
+  }
+  this.value = this.computed ? undefined : this.get();
+};
+
+/**
+ * Evaluate the getter, and re-collect dependencies.
+ */
+Watcher.prototype.get = function get () {
+  pushTarget(this);
+  var value;
+  var vm = this.vm;
+  try {
+    value = this.getter.call(vm, vm);
+  } catch (e) {
+    if (this.user) {
+      handleError(e, vm, ("getter for watcher \"" + (this.expression) + "\""));
+    } else {
+      throw e;
+    }
+  } finally {
+    // "touch" every property so they are all tracked as
+    // dependencies for deep watching
+    if (this.deep) {
+      traverse(value);
+    }
+    popTarget();
+    if (!this.isRenderWatcher) { this.cleanupDeps(); }
+  }
+  return value;
+};
+
+/**
+ * Add a dependency to this directive.
+ */
+Watcher.prototype.addDep = function addDep (dep) {
+  var id = dep.id;
+  if (!this.newDepIds.has(id)) {
+    this.newDepIds.add(id);
+    this.newDeps.push(dep);
+    if (!this.depIds.has(id)) {
+      dep.addSub(this);
+    }
+  }
+};
+
+/**
+ * Clean up for dependency collection.
+ */
+Watcher.prototype.cleanupDeps = function cleanupDeps () {
+  var i = this.deps.length;
+  while (i--) {
+    var dep = this.deps[i];
+    if (!this.newDepIds.has(dep.id)) {
+      dep.removeSub(this);
+    }
+  }
+  var tmp = this.depIds;
+  this.depIds = this.newDepIds;
+  this.newDepIds = tmp;
+  this.newDepIds.clear();
+  tmp = this.deps;
+  this.deps = this.newDeps;
+  this.newDeps = tmp;
+  this.newDeps.length = 0;
+};
+
+/**
+ * Subscriber interface.
+ * Will be called when a dependency changes.
+ */
+Watcher.prototype.update = function update () {
+  /* istanbul ignore else */
+  if (this.computed) {
+    this.dirty = true;
+  } else if (this.sync) {
+    this.run();
+  } else {
+    queueWatcher(this);
+  }
+};
+
+/**
+ * Scheduler job interface.
+ * Will be called by the scheduler.
+ */
+Watcher.prototype.run = function run () {
+  if (this.active) {
+    var value = this.get();
+    if (
+      value !== this.value ||
+      // Deep watchers and watchers on Object/Arrays should fire even
+      // when the value is the same, because the value may
+      // have mutated.
+      isObject(value) ||
+      this.deep
+    ) {
+      // set new value
+      var oldValue = this.value;
+      this.value = value;
+      if (this.user) {
+        try {
+          this.cb.call(this.vm, value, oldValue);
+        } catch (e) {
+          handleError(e, this.vm, ("callback for watcher \"" + (this.expression) + "\""));
+        }
+      } else {
+        this.cb.call(this.vm, value, oldValue);
+      }
+    }
+  }
+};
+
+/**
+ * Evaluate the value of the watcher.
+ * This only gets called for computed watchers.
+ */
+Watcher.prototype.evaluate = function evaluate () {
+  this.value = this.get();
+  if (this.vm.$dirty) {
+    var keyVal =
+      this._computedWatchers && this._computedWatchers[this.key]
+        ? this.vm._computedWatchers[this.key].value
+        : this.value;
+    this.vm.$dirty.push(this.key, this.key, keyVal, this.value);
+  }
+  this.dirty = false;
+  return this.value;
+};
+
+/**
+ * Depend on all deps collected by this watcher.
+ */
+Watcher.prototype.depend = function depend () {
+  if (Dep.target) {
+    var i = this.deps.length;
+    while (i--) {
+      this.deps[i].depend();
+    }
+  }
+};
+
+/**
+ * Remove self from all dependencies' subscriber list.
+ */
+Watcher.prototype.teardown = function teardown () {
+  if (this.active) {
+    // remove self from vm's watcher list
+    // this is a somewhat expensive operation so we skip it
+    // if the vm is being destroyed.
+    if (!this.vm._isBeingDestroyed) {
+      remove(this.vm._watchers, this);
+    }
+    var i = this.deps.length;
+    while (i--) {
+      this.deps[i].removeSub(this);
+    }
+    this.active = false;
+  }
+};
+
+var WepyComponent = /*@__PURE__*/(function (Base$$1) {
+  function WepyComponent () {
+    Base$$1.apply(this, arguments);
+  }
+
+  if ( Base$$1 ) WepyComponent.__proto__ = Base$$1;
+  WepyComponent.prototype = Object.create( Base$$1 && Base$$1.prototype );
+  WepyComponent.prototype.constructor = WepyComponent;
+
+  WepyComponent.prototype.$watch = function $watch (expOrFn, cb, options) {
+    var this$1 = this;
+
+    var vm = this;
+    if (isArr(cb)) {
+      cb.forEach(function (handler) {
+        this$1.$watch(expOrFn, handler, options);
+      });
+    }
+    if (isPlainObject(cb)) {
+      var handler = cb;
+      options = handler;
+      handler = handler.handler;
+      if (typeof handler === 'string') { handler = this[handler]; }
+      return this.$watch(expOrFn, handler, options);
+    }
+
+    options = options || {};
+    options.user = true;
+    var watcher = new Watcher(vm, expOrFn, cb, options);
+    if (options.immediate) {
+      cb.call(vm, watcher.value);
+    }
+    return function unwatchFn() {
+      watcher.teardown();
+    };
+  };
+
+  WepyComponent.prototype.$forceUpdate = function $forceUpdate () {
+    if (this._watcher) {
+      this._watcher.update();
+    }
+  };
+
+  WepyComponent.prototype.$emit = function $emit (event) {
+    var args = [], len = arguments.length - 1;
+    while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
+
+    var fns = this._events[event];
+
+    if (fns) {
+      Base$$1.prototype.$emit.apply(this, arguments);
+    } else {
+      this.$wx.triggerEvent(event, { arguments: args });
+    }
+
+    return this;
+  };
+
+  WepyComponent.prototype.$trigger = function $trigger (event, data, option) {
+    this.$wx.triggerEvent(event, { arguments: [data] }, option);
+  };
+
+  return WepyComponent;
+}(Base));
+
+WepyComponent.prototype.$nextTick = renderNextTick;
+
+var sharedPropertyDefinition = {
+  enumerable: true,
+  configurable: true,
+  get: noop,
+  set: noop
+};
+
+function proxy(target, sourceKey, key) {
+  sharedPropertyDefinition.get = function proxyGetter() {
+    return this[sourceKey][key];
+  };
+  sharedPropertyDefinition.set = function proxySetter(val) {
+    this[sourceKey][key] = val;
+  };
+  Object.defineProperty(target, key, sharedPropertyDefinition);
+}
+
+/*
+ * patch data option
+ */
+function patchData(output, data) {
+  if (!data) {
+    data = {};
+  }
+  output.data = data;
+}
+
+/*
+ * init data
+ */
+function initData(vm, data) {
+  if (!data) {
+    data = {};
+  }
+  var _data;
+  if (typeof data === 'function') {
+    _data = data.call(vm);
+  } else {
+    _data = clone(data);
+  }
+  vm._data = _data;
+  Object.keys(_data).forEach(function (key) {
+    proxy(vm, '_data', key);
+  });
+
+  observe({
+    vm: vm,
+    key: '',
+    value: _data,
+    parent: '',
+    root: true
+  });
+  //observe(vm, _data, null, true);
+}
+
+function initWatch(vm, watch) {
+  if (watch) {
+    Object.keys(watch).forEach(function (key) {
+      vm.$watch(key, watch[key]);
+    });
+  }
+}
+
+function createComputedGetter(key) {
+  return function computedGetter() {
+    var watcher = this._computedWatchers && this._computedWatchers[key];
+    if (watcher) {
+      watcher.key = key;
+      if (watcher.dirty) {
+        watcher.evaluate();
+      }
+      if (Dep.target) {
+        watcher.depend();
+      }
+      return watcher.value;
+    }
+  };
+}
+
+/*
+ * init computed
+ */
+function initComputed(vm, computed) {
+  if (!computed) {
+    return;
+  }
+  var watchers = (vm._computedWatchers = Object.create(null));
+  var computedWatcherOptions = { computed: true };
+
+  Object.keys(computed).forEach(function (key) {
+    var def = computed[key];
+    var getter = typeof def === 'object' ? def.get : def;
+
+    if (!getter || typeof getter !== 'function') {
+      // eslint-disable-next-line
+      console.error(("Getter is missing for computed property \"" + key + "\""));
+    }
+
+    // push to dirty after dep called.
+    watchers[key] = new Watcher(
+      vm,
+      getter || function() {},
+      function() {
+        // evaluate will set dirty
+        // vm.$dirty.push(key, key, newv);
+      },
+      computedWatcherOptions
+    );
+
+    if (typeof def === 'function') {
+      sharedPropertyDefinition.get = createComputedGetter(key);
+      sharedPropertyDefinition.set = function() {};
+    } else {
+      sharedPropertyDefinition.get = def.cache !== false ? createComputedGetter(key) : def.get;
+      sharedPropertyDefinition.set = def.set;
+    }
+
+    Object.defineProperty(vm, key, sharedPropertyDefinition);
+  });
+}
+
+var WepyConstructor = /*@__PURE__*/(function (WepyComponent$$1) {
+  function WepyConstructor(opt) {
+    if ( opt === void 0 ) opt = {};
+
+    WepyComponent$$1.call(this);
+    var vm = new WepyComponent$$1();
+
+    // Only need data and watchers for a empty WepyComponent
+    if (opt.data) {
+      initData(vm, opt.data);
+    }
+    initWatch(vm);
+
+    initComputed(vm, opt.computed);
+    return vm;
+  }
+
+  if ( WepyComponent$$1 ) WepyConstructor.__proto__ = WepyComponent$$1;
+  WepyConstructor.prototype = Object.create( WepyComponent$$1 && WepyComponent$$1.prototype );
+  WepyConstructor.prototype.constructor = WepyConstructor;
+
+  return WepyConstructor;
+}(WepyComponent));
+
+var $global = Object.create(null);
+
+function use(plugin) {
+  var args = [], len = arguments.length - 1;
+  while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ];
+
+  if (plugin.installed) {
+    return this;
+  }
+
+  var install = plugin.install || plugin;
+
+  if (isFunc(install)) {
+    install.apply(plugin, [this].concat(args));
+  }
+
+  plugin.installed = 1;
+}
+
+function mixin(options) {
+  if ( options === void 0 ) options = {};
+
+  $global.mixin = ($global.mixin || []).concat(options);
+}
+
+var WepyApp = /*@__PURE__*/(function (Base$$1) {
+  function WepyApp() {
+    Base$$1.call(this);
+  }
+
+  if ( Base$$1 ) WepyApp.__proto__ = Base$$1;
+  WepyApp.prototype = Object.create( Base$$1 && Base$$1.prototype );
+  WepyApp.prototype.constructor = WepyApp;
+
+  return WepyApp;
+}(Base));
+
+var WepyPage = /*@__PURE__*/(function (WepyComponent$$1) {
+  function WepyPage () {
+    WepyComponent$$1.apply(this, arguments);
+  }
+
+  if ( WepyComponent$$1 ) WepyPage.__proto__ = WepyComponent$$1;
+  WepyPage.prototype = Object.create( WepyComponent$$1 && WepyComponent$$1.prototype );
+  WepyPage.prototype.constructor = WepyPage;
+
+  WepyPage.prototype.$launch = function $launch (url, params) {
+    this.$route('reLaunch', url, params);
+  };
+  WepyPage.prototype.$navigate = function $navigate (url, params) {
+    this.$route('navigate', url, params);
+  };
+
+  WepyPage.prototype.$redirect = function $redirect (url, params) {
+    this.$route('redirect', url, params);
+  };
+
+  WepyPage.prototype.$back = function $back (p) {
+    if ( p === void 0 ) p = {};
+
+    if (isNum(p)) { p = { delta: p }; }
+
+    if (!p.delta) { p.delta = 1; }
+
+    return wx.navigateBack(p);
+  };
+
+  WepyPage.prototype.$route = function $route (type, url, params) {
+    if ( params === void 0 ) params = {};
+
+    var wxparams;
+    if (isStr(url)) {
+      var paramsList = [];
+      if (isObj(params)) {
+        for (var k in params) {
+          if (!isUndef(params[k])) {
+            paramsList.push((k + "=" + (encodeURIComponent(params[k]))));
+          }
+        }
+      }
+      if (paramsList.length) { url = url + '?' + paramsList.join('&'); }
+
+      wxparams = { url: url };
+    } else {
+      wxparams = url;
+    }
+    var fn = wx[type] || wx[type + 'To'];
+    if (isFunc(fn)) {
+      return fn(wxparams);
+    }
+  };
+
+  return WepyPage;
+}(WepyComponent));
+
+function callUserHook(vm, hookName, arg) {
+  var pageHook = vm.hooks ? vm.hooks[hookName] : null;
+  var appHook = vm.$app && vm.$app.hooks ? vm.$app.hooks[hookName] : null;
+
+  if (!vm.$app) {
+    warn('$app is not initialized in this Component', vm);
+  }
+
+  var result = arg;
+
+  // First run page hook, and then run app hook
+  // Pass page hook result to app hook
+  // If return undefined, then return default argument
+  [pageHook, appHook].forEach(function (fn) {
+    if (isFunc(fn)) {
+      result = fn.call(vm, result);
+      if (isUndef(result)) {
+        result = arg;
+      }
+    }
+  });
+
+  return result;
+}
+
+function initHooks(vm, hooks) {
+  if ( hooks === void 0 ) hooks = {};
+
+  vm.hooks = hooks;
+}
+
+var AllowedTypes = [String, Number, Boolean, Object, Array, null];
+
+var observerFn = function() {
+  return function(newVal, oldVal, changedPaths) {
+    var vm = this.$wepy;
+
+    // changedPaths 长度大于 1，说明是由内部赋值改变的 prop
+    if (changedPaths.length > 1) {
+      return;
+    }
+    var _data = newVal;
+    if (typeof _data === 'function') {
+      _data = _data.call(vm);
+    }
+    vm[changedPaths[0]] = _data;
+  };
+};
+/*
+ * patch props option
+ */
+function patchProps(output, props) {
+  var newProps = {};
+  if (isStr(props)) {
+    newProps = [props];
+  }
+  if (isArr(props)) {
+    props.forEach(function (prop) {
+      newProps[prop] = {
+        type: null,
+        observer: observerFn(output, props, prop)
+      };
+    });
+  } else if (isObj(props)) {
+    for (var k in props) {
+      var prop = props[k];
+      var newProp = {};
+
+      // props.type
+      if (isUndef(prop.type)) {
+        newProp.type = null;
+      } else if (isArr(prop.type)) {
+        newProp.type = null;
+        // eslint-disable-next-line
+        console.warn(("In mini-app, mutiple type is not allowed. The type of \"" + k + "\" will changed to \"null\""));
+      } else if (AllowedTypes.indexOf(prop.type) === -1) {
+        newProp.type = null;
+        // eslint-disable-next-line
+        console.warn(
+          ("Type property of props \"" + k + "\" is invalid. Only String/Number/Boolean/Object/Array/null is allowed in weapp Component")
+        );
+      } else {
+        newProp.type = prop.type;
+      }
+
+      // props.default
+      if (!isUndef(prop.default)) {
+        if (isFunc(prop.default)) {
+          newProp.value = prop.default.call(output);
+        } else {
+          newProp.value = prop.default;
+        }
+      }
+      // TODO
+      // props.validator
+      // props.required
+
+      newProp.observer = observerFn(output, props, prop);
+
+      newProps[k] = newProp;
+    }
+  }
+
+  // eslint-disable-next-line
+  Object.keys(newProps).forEach(function (prop) {});
+
+  output.properties = newProps;
+}
+
+/*
+ * init props
+ */
+function initProps(vm, properties) {
+  vm._props = {};
+
+  if (!properties) {
+    return;
+  }
+
+  Object.keys(properties).forEach(function (key) {
+    vm._props[key] = properties[key].value;
+    proxy(vm, '_props', key);
+  });
+
+  observe({
+    vm: vm,
+    key: '',
+    value: vm._props,
+    root: true
+  });
+}
+
+function initRender(vm, keys, computedKeys) {
+  vm._init = false;
+  var dirtyFromAttach = null;
+  return new Watcher(
+    vm,
+    function() {
+      if (!vm._init) {
+        keys.forEach(function (key) { return clone(vm[key]); });
+      }
+
+      if (vm.$dirty.length() || dirtyFromAttach) {
+        var keys$1 = vm.$dirty.get('key');
+        computedKeys.forEach(function (key) { return vm[key]; });
+        var dirty = vm.$dirty.pop();
+
+        // TODO: reset subs
+        Object.keys(keys$1).forEach(function (key) { return clone(vm[key]); });
+
+        if (vm._init) {
+          dirty = callUserHook(vm, 'before-setData', dirty);
+        }
+
+        // vm._fromSelf = true;
+        if (dirty || dirtyFromAttach) {
+          // init render is in lifecycle, setData in lifecycle will not work, so cacheData is needed.
+          if (!vm._init) {
+            if (dirtyFromAttach === null) {
+              dirtyFromAttach = {};
+            }
+            Object.assign(dirtyFromAttach, dirty);
+          } else if (dirtyFromAttach) {
+            // setData in attached
+            vm.$wx.setData(Object.assign(dirtyFromAttach, dirty || {}), renderFlushCallbacks);
+            dirtyFromAttach = null;
+          } else {
+            vm.$wx.setData(dirty, renderFlushCallbacks);
+          }
+        }
+      }
+      vm._init = true;
+    },
+    function() {},
+    null,
+    true
+  );
+}
+
+var Event = function Event(e) {
+  var detail = e.detail;
+  var target = e.target;
+  var currentTarget = e.currentTarget;
+  this.$wx = e;
+  this.type = e.type;
+  this.timeStamp = e.timeStamp;
+  if (detail) {
+    this.x = detail.x;
+    this.y = detail.y;
+  }
+
+  this.target = target;
+  this.currentTarget = currentTarget;
+  this.touches = e.touches;
+  this.changedTouches = e.changedTouches;
+};
+
+/**
+ * Transform wxml data-xx params to an array
+ */
+function transformParams(dataset, type, hasModel) {
+  if ( hasModel === void 0 ) hasModel = false;
+
+  var i = 0;
+  var params = [];
+  var modelParams = [];
+
+  var noParams = false;
+  var noModelParams = !hasModel;
+
+  var camelizedType = camelize(type);
+  while (i++ < 26 && (!noParams || !noModelParams)) {
+    var alpha = String.fromCharCode(64 + i);
+    if (!noParams) {
+      var key = 'wpy' + camelizedType + alpha;
+      if (!(key in dataset)) {
+        // it can be undefined;
+        noParams = true;
+      } else {
+        params.push(dataset[key]);
+      }
+    }
+    if (!noModelParams && hasModel) {
+      var modelKey = 'model' + alpha;
+      if (!(modelKey in dataset)) {
+        noModelParams = true;
+      } else {
+        modelParams.push(dataset[modelKey]);
+      }
+    }
+  }
+
+  return {
+    handler: params,
+    model: modelParams
+  };
+}
+
+var dispatcher = function(e) {
+  var vm = this.$wepy;
+  var type = e.type;
+  // touchstart do not have currentTarget
+  var dataset = (e.currentTarget || e.target).dataset || {};
+  var evtid = dataset.wpyEvt;
+  var modelId = dataset.modelId;
+  var rel = vm.$rel || {};
+  var handler = rel.handlers && rel.handlers[evtid] && rel.handlers[evtid][type];
+  var model = rel.models && rel.models[modelId];
+
+  if (!handler && !model) {
+    return;
+  }
+
+  var params = transformParams(dataset, type, !!model);
+
+  // Call model method
+  if (model && type === model.type && isFunc(model.handler)) {
+    model.handler.call(vm, e.detail.value, params.model);
+  }
+
+  // Call handler method
+  if (isFunc(handler)) {
+    var $event = new Event(e);
+    var paramsWithEvent = params.handler.concat($event);
+    var args = (e.detail && e.detail.arguments) || [];
+
+    var hookRes = callUserHook(vm, 'before-event', {
+      event: $event,
+      params: paramsWithEvent,
+      args: args
+    });
+
+    if (hookRes === false) {
+      // Event cancelled.
+      return;
+    }
+    return handler.apply(vm, paramsWithEvent);
+  } else if (!model) {
+    throw new Error('Unrecognized event');
+  }
+};
+
+/*
+ * initialize page methods, also the app
+ */
+function initMethods(vm, methods) {
+  if (methods) {
+    Object.keys(methods).forEach(function (method) {
+      vm[method] = methods[method];
+    });
+  }
+}
+
+/*
+ * patch method option
+ */
+function patchMethods(output, methods) {
+  output.methods = {};
+  var target = output.methods;
+
+  target.__initComponent = function(e) {
+    var child = e.detail;
+    var ref$1 = e.target.dataset;
+    var ref = ref$1.ref;
+    var wpyEvt = ref$1.wpyEvt;
+    var vm = this.$wepy;
+    vm.$children.push(child);
+    if (ref) {
+      if (vm.$refs[ref]) {
+        warn('duplicate ref "' + ref + '" will be covered by the last instance.\n', vm);
+      }
+      vm.$refs[ref] = child;
+    }
+    child.$evtId = wpyEvt;
+    child.$parent = vm;
+    child.$app = vm.$app;
+    child.$root = vm.$root;
+    return vm;
+  };
+  target.__dispatcher = dispatcher;
+
+  // TODO: perf
+  // Only orginal component method goes to target. no need to add all methods.
+  if (methods) {
+    Object.keys(methods).forEach(function (method) {
+      target[method] = methods[method];
+    });
+  }
+}
+
+var Dirty = function Dirty(type) {
+  this.reset();
+
+  // path||key
+  this.type = type || 'path';
+};
+
+Dirty.prototype.push = function push (key, path, keyValue, pathValue) {
+  if (pathValue === undefined) {
+    return;
+  }
+  this._keys[key] = keyValue;
+  this._path[path] = pathValue;
+  this._length++;
+};
+
+Dirty.prototype.pop = function pop () {
+  var data = Object.create(null);
+  if (this.type === 'path') {
+    data = this._path;
+  } else if (this.type === 'key') {
+    data = this._keys;
+  }
+  this.reset();
+  return data;
+};
+
+Dirty.prototype.get = function get (type) {
+  return type === 'path' ? this._path : this._keys;
+};
+
+/**
+ * Set dirty from a ObserverPath
+ */
+Dirty.prototype.set = function set (op, key, value) {
+  var pathMap;
+  var pathKeys;
+  // eslint-disable-next-line eqeqeq
+  if (key != null) {
+    var ref = getPathMap(key, op.pathKeys, op.pathMap);
+      var combinePathKeys = ref.combinePathKeys;
+      var combinePathMap = ref.combinePathMap;
+    pathKeys = combinePathKeys;
+    pathMap = combinePathMap;
+  } else {
+    pathKeys = op.pathKeys;
+    pathMap = op.pathMap;
+  }
+  /**
+   * 出于性能考虑，使用 usingComponents 时， setData 内容不会被直接深复制，
+   * 即 this.setData({ field: obj }) 后 this.data.field === obj 。
+   * 因此不需要所有 path 都 setData 。
+   */
+  var ref$1 = pathMap[pathKeys[0]];
+    var root = ref$1.root;
+    var path = ref$1.path;
+  this.push(root, path, root === path ? value : op.ob.vm[root], value);
+};
+
+Dirty.prototype.reset = function reset () {
+  this._keys = {};
+  this._path = {};
+  this._length = 0;
+  return this;
+};
+
+Dirty.prototype.length = function length () {
+  return this._length;
+};
+
+var comid = 0;
+var app;
+
+var callUserMethod = function(vm, userOpt, method, args) {
+  var result;
+  var methods = userOpt[method];
+  if (isFunc(methods)) {
+    result = userOpt[method].apply(vm, args);
+  } else if (isArr(methods)) {
+    for (var i in methods) {
+      if (isFunc(methods[i])) {
+        result = methods[i].apply(vm, args);
+      }
+    }
+  }
+  return result;
+};
+
+var getLifeCycle = function (defaultLifecycle, rel, type) {
+  var lifecycle = defaultLifecycle.concat([]);
+  if (rel && rel.lifecycle && rel.lifecycle[type]) {
+    var userDefinedLifecycle = [];
+    if (isFunc(rel.lifecycle[type])) {
+      userDefinedLifecycle = rel.lifecycle[type].call(null, lifecycle);
+    }
+    userDefinedLifecycle.forEach(function (u) {
+      if (lifecycle.indexOf(u) > -1) {
+        warn(("'" + u + "' is already implemented in current version, please remove it from your lifecycel config"));
+      } else {
+        lifecycle.push(u);
+      }
+    });
+  }
+  return lifecycle;
+};
+
+/*
+ * patch app lifecyle
+ */
+function patchAppLifecycle(appConfig, options, rel) {
+  if ( rel === void 0 ) rel = {};
+
+  appConfig.onLaunch = function() {
+    var args = [], len = arguments.length;
+    while ( len-- ) args[ len ] = arguments[ len ];
+
+    var vm = new WepyApp();
+    app = vm;
+    vm.$options = options;
+    vm.$route = {};
+    vm.$rel = rel;
+
+    vm.$wx = this;
+    this.$wepy = vm;
+
+    initHooks(vm, options.hooks);
+
+    initMethods(vm, options.methods);
+
+    return callUserMethod(vm, vm.$options, 'onLaunch', args);
+  };
+
+  var lifecycle = getLifeCycle(WEAPP_APP_LIFECYCLE, rel, 'app');
+
+  lifecycle.forEach(function (k) {
+    // it's not defined aready && user defined it && it's an array or function
+    if (!appConfig[k] && options[k] && (isFunc(options[k]) || isArr(options[k]))) {
+      appConfig[k] = function() {
+        var args = [], len = arguments.length;
+        while ( len-- ) args[ len ] = arguments[ len ];
+
+        return callUserMethod(app, app.$options, k, args);
+      };
+    }
+  });
+}
+
+function patchLifecycle(output, options, rel, isComponent) {
+  var initClass = isComponent ? WepyComponent : WepyPage;
+  var initLifecycle = function() {
+    var args = [], len = arguments.length;
+    while ( len-- ) args[ len ] = arguments[ len ];
+
+    var vm = new initClass();
+
+    vm.$dirty = new Dirty('path');
+    vm.$children = [];
+    vm.$refs = {};
+
+    this.$wepy = vm;
+    vm.$wx = this;
+    vm.$is = this.is;
+    vm.$options = options;
+    vm.$rel = rel;
+    vm._watchers = [];
+    if (!isComponent) {
+      vm.$root = vm;
+    }
+    if (app) {
+      vm.$app = app;
+    }
+    if (this.is === 'custom-tab-bar/index') {
+      vm.$app = app;
+      vm.$parent = app;
+    }
+
+    vm.$id = ++comid + (isComponent ? '.1' : '.0');
+
+    callUserMethod(vm, vm.$options, 'beforeCreate', args);
+
+    initHooks(vm, options.hooks);
+
+    initProps(vm, output.properties);
+
+    initData(vm, output.data, isComponent);
+
+    initMethods(vm, options.methods);
+
+    initComputed(vm, options.computed, true);
+
+    initWatch(vm, options.watch);
+
+    // create render watcher
+    initRender(
+      vm,
+      Object.keys(vm._data)
+        .concat(Object.keys(vm._props))
+        .concat(Object.keys(vm._computedWatchers || {})),
+      Object.keys(vm._computedWatchers || {})
+    );
+
+    return callUserMethod(vm, vm.$options, 'created', args);
+  };
+
+  output.created = initLifecycle;
+  if (isComponent) {
+    output.attached = function() {
+      var args = [], len = arguments.length;
+      while ( len-- ) args[ len ] = arguments[ len ];
+
+      // Component attached
+      var outProps = output.properties || {};
+      // this.propperties are includes datas
+      var acceptProps = this.properties;
+      var vm = this.$wepy;
+
+      this.triggerEvent('_init', vm);
+
+      // created 不能调用 setData，如果有 dirty 在此更新
+      vm.$forceUpdate();
+
+      Object.keys(outProps).forEach(function (k) { return (vm[k] = acceptProps[k]); });
+
+      return callUserMethod(vm, vm.$options, 'attached', args);
+    };
+  } else {
+    output.attached = function() {
+      var args = [], len = arguments.length;
+      while ( len-- ) args[ len ] = arguments[ len ];
+
+      // Page attached
+      var vm = this.$wepy;
+      var app = vm.$app;
+      // eslint-disable-next-line
+      var pages = getCurrentPages();
+      var currentPage = pages[pages.length - 1];
+      var path = currentPage.__route__;
+      var webViewId = currentPage.__wxWebviewId__;
+
+      var refs = rel.refs || [];
+      var query = wx.createSelectorQuery();
+
+      refs.forEach(function (item) {
+        // {
+        //   id: { name: 'hello', bind: true },
+        //   ref: { name: 'value', bind: false }
+        // }
+        var idAttr = item.id;
+        var refAttr = item.ref;
+        var actualAttrIdName = idAttr.name;
+        var actualAttrRefName = refAttr.name;
+        var selector = "#" + actualAttrIdName;
+
+        if (idAttr.bind) {
+          // if id is a bind attr
+          actualAttrIdName = vm[idAttr.name];
+          selector = "#" + actualAttrIdName;
+          vm.$watch(idAttr.name, function(newAttrName) {
+            actualAttrIdName = newAttrName;
+            selector = "#" + actualAttrIdName;
+            vm.$refs[actualAttrRefName] = query.select(selector);
+          });
+        }
+
+        if (refAttr.bind) {
+          // if ref is a bind attr
+          actualAttrRefName = vm[refAttr.name];
+
+          vm.$watch(refAttr.name, function(newAttrName, oldAttrName) {
+            actualAttrRefName = newAttrName;
+            vm.$refs[oldAttrName] = null;
+            vm.$refs[newAttrName] = query.select(selector);
+          });
+        }
+        vm.$refs[actualAttrRefName] = query.select(selector);
+      });
+
+      // created 不能调用 setData，如果有 dirty 在此更新
+      vm.$forceUpdate();
+
+      if (app.$route.path !== path) {
+        app.$route.path = path;
+        app.$route.webViewId = webViewId;
+        vm.routed && vm.routed();
+      }
+
+      // TODO: page attached
+      return callUserMethod(vm, vm.$options, 'attached', args);
+    };
+    // Page lifecycle will be called under methods
+    // e.g:
+    // Component({
+    //   methods: {
+    //     onLoad () {
+    //       console.log('page onload')
+    //     }
+    //   }
+    // })
+
+    var lifecycle$1 = getLifeCycle(WEAPP_PAGE_LIFECYCLE, rel, 'page');
+
+    lifecycle$1.forEach(function (k) {
+      if (!output[k] && options[k] && (isFunc(options[k]) || isArr(options[k]))) {
+        output.methods[k] = function() {
+          var args = [], len = arguments.length;
+          while ( len-- ) args[ len ] = arguments[ len ];
+
+          return callUserMethod(this.$wepy, this.$wepy.$options, k, args);
+        };
+      }
+    });
+  }
+  var lifecycle = getLifeCycle(WEAPP_COMPONENT_LIFECYCLE, rel, 'component');
+
+  lifecycle.forEach(function (k) {
+    // beforeCreate is not a real lifecycle
+    if (!output[k] && k !== 'beforeCreate' && (isFunc(options[k]) || isArr(options[k]))) {
+      output[k] = function() {
+        var args = [], len = arguments.length;
+        while ( len-- ) args[ len ] = arguments[ len ];
+
+        return callUserMethod(this.$wepy, this.$wepy.$options, k, args);
+      };
+    }
+  });
+}
+
+var config$1 = {
+  optionMergeStrategies: {},
+  constants: {
+    WEAPP_LIFECYCLE: WEAPP_LIFECYCLE,
+    WEAPP_APP_LIFECYCLE: WEAPP_APP_LIFECYCLE,
+    WEAPP_PAGE_LIFECYCLE: WEAPP_PAGE_LIFECYCLE,
+    WEAPP_COMPONENT_LIFECYCLE: WEAPP_COMPONENT_LIFECYCLE
+  }
+};
+
+// [Default Strategy]
+// Update if it's not exist in output. Can be replaced by option[key].
+// e.g.
+// export default {
+//   myCustomMethod () {
+//     // doSomething
+//   }
+// }
+//
+// [Merge Strategy]
+// Replaced by the latest mixins property.
+// e.g.
+// export default {
+//   data: {
+//     a: 1
+//   }
+// }
+//
+// [Lifecycle Strategy]
+// Extend lifecycle. update lifecycle to an array.
+// e.g.
+// export default {
+//   onShow: {
+//     console.log('onShow');
+//   }
+// }
+var globalMixinPatched = false;
+
+var strats = null;
+
+function getStrategy(key) {
+  if (!strats) {
+    initStrats();
+  }
+  if (strats[key]) {
+    return strats[key];
+  } else {
+    return defaultStrat;
+  }
+}
+function defaultStrat(output, option, key, data) {
+  if (!output[key]) {
+    output[key] = data;
+  }
+}
+
+function simpleMerge(parentVal, childVal) {
+  return !parentVal || !childVal ? parentVal || childVal : Object.assign({}, parentVal, childVal);
+}
+
+function initStrats() {
+  if (strats) { return strats; }
+
+  strats = config$1.optionMergeStrategies;
+
+  strats.data = strats.props = strats.methods = strats.computed = strats.watch = strats.hooks = function mergeStrategy(
+    output,
+    option,
+    key,
+    data
+  ) {
+    option[key] = simpleMerge(option[key], data);
+  };
+
+  WEAPP_LIFECYCLE.forEach(function (lifecycle) {
+    if (!strats[lifecycle]) {
+      strats[lifecycle] = function lifeCycleStrategy(output, option, key, data) {
+        if (!option[key]) {
+          option[key] = isArr(data) ? data : [data];
+        } else {
+          option[key] = [data].concat(option[key]);
+        }
+      };
+    }
+  });
+}
+
+function patchMixins(output, option, mixins) {
+  if (!mixins && !$global.mixin) {
+    return;
+  }
+
+  if (!globalMixinPatched) {
+    var globalMixin = $global.mixin || [];
+
+    mixins = globalMixin.concat(mixins);
+    globalMixinPatched = true;
+  }
+
+  if (isArr(mixins)) {
+    mixins.forEach(function (mixin) { return patchMixins(output, option, mixin); });
+    globalMixinPatched = false;
+  } else {
+    if (!strats) {
+      initStrats();
+    }
+    for (var k in mixins) {
+      strat = getStrategy(k);
+      var strat = strats[k] || defaultStrat;
+      strat(output, option, k, mixins[k]);
+    }
+  }
+}
+
+function patchRelations(output, relations) {
+  if (!relations) {
+    relations = {};
+  }
+  output.relations = relations;
+}
+
+function app$1(option, rel) {
+  var appConfig = {};
+
+  patchMixins(appConfig, option, option.mixins);
+  patchAppLifecycle(appConfig, option, rel);
+
+  return App(appConfig);
+}
+
+function component(opt, rel) {
+  if ( opt === void 0 ) opt = {};
+
+  var compConfig = {
+    externalClasses: opt.externalClasses || [],
+    // support component options property
+    // example: options: {addGlobalClass:true}
+    options: opt.options || {}
+  };
+
+  patchMixins(compConfig, opt, opt.mixins);
+
+  if (opt.properties) {
+    compConfig.properties = opt.properties;
+    if (opt.props) {
+      // eslint-disable-next-line no-console
+      console.warn("props will be ignore, if properties is set");
+    }
+  } else if (opt.props) {
+    patchProps(compConfig, opt.props);
+  }
+
+  patchMethods(compConfig, opt.methods, true);
+
+  patchData(compConfig, opt.data, true);
+
+  patchRelations(compConfig, opt.relations);
+
+  patchLifecycle(compConfig, opt, rel, true);
+
+  return Component(compConfig);
+}
+
+function page(opt, rel) {
+  if ( opt === void 0 ) opt = {};
+
+  var pageConfig = {
+    externalClasses: opt.externalClasses || [],
+    // support component options property
+    // example: options: {addGlobalClass:true}
+    options: opt.options || {}
+  };
+
+  patchMixins(pageConfig, opt, opt.mixins);
+
+  if (opt.properties) {
+    pageConfig.properties = opt.properties;
+    if (opt.props) {
+      // eslint-disable-next-line
+      console.warn("props will be ignore, if properties is set");
+    }
+  } else if (opt.props) {
+    patchProps(pageConfig, opt.props);
+  }
+
+  patchMethods(pageConfig, opt.methods);
+
+  patchData(pageConfig, opt.data);
+
+  patchLifecycle(pageConfig, opt, rel);
+
+  return Component(pageConfig);
+}
+
+function initGlobalAPI(wepy) {
+  wepy.use = use;
+  wepy.mixin = mixin;
+
+  wepy.set = function(target, key, val) {
+    set.apply(wepy, [undefined, target, key, val]);
+  };
+
+  wepy.delete = del;
+
+  wepy.observe = observe;
+
+  wepy.nextTick = renderNextTick;
+
+  wepy.app = app$1;
+  wepy.page = page;
+  wepy.component = component;
+
+  return wepy;
+}
+
+var wepy = initGlobalAPI(WepyConstructor);
+
+wepy.config = config$1;
+wepy.global = $global;
+wepy.version = "2.0.0-alpha.16";
+
+module.exports = wepy;
+
+},/***** module 0 end *****/
+
+
+/***** module 1 start *****/
+/***** /Users/tottimctj/Project/Xiao4r/hope_wine/node_modules/_vuex@3.6.0@vuex/dist/vuex.common.js *****/
+function(module, exports, __wepy_require) {/*!
+ * vuex v3.6.0
+ * (c) 2020 Evan You
+ * @license MIT
+ */
+'use strict';
+
+function applyMixin (Vue) {
+  var version = Number(Vue.version.split('.')[0]);
+
+  if (version >= 2) {
+    Vue.mixin({ beforeCreate: vuexInit });
+  } else {
+    // override init and inject vuex init procedure
+    // for 1.x backwards compatibility.
+    var _init = Vue.prototype._init;
+    Vue.prototype._init = function (options) {
+      if ( options === void 0 ) options = {};
+
+      options.init = options.init
+        ? [vuexInit].concat(options.init)
+        : vuexInit;
+      _init.call(this, options);
+    };
+  }
+
+  /**
+   * Vuex init hook, injected into each instances init hooks list.
+   */
+
+  function vuexInit () {
+    var options = this.$options;
+    // store injection
+    if (options.store) {
+      this.$store = typeof options.store === 'function'
+        ? options.store()
+        : options.store;
+    } else if (options.parent && options.parent.$store) {
+      this.$store = options.parent.$store;
+    }
+  }
+}
+
+var target = typeof window !== 'undefined'
+  ? window
+  : typeof global !== 'undefined'
+    ? global
+    : {};
+var devtoolHook = target.__VUE_DEVTOOLS_GLOBAL_HOOK__;
+
+function devtoolPlugin (store) {
+  if (!devtoolHook) { return }
+
+  store._devtoolHook = devtoolHook;
+
+  devtoolHook.emit('vuex:init', store);
+
+  devtoolHook.on('vuex:travel-to-state', function (targetState) {
+    store.replaceState(targetState);
+  });
+
+  store.subscribe(function (mutation, state) {
+    devtoolHook.emit('vuex:mutation', mutation, state);
+  }, { prepend: true });
+
+  store.subscribeAction(function (action, state) {
+    devtoolHook.emit('vuex:action', action, state);
+  }, { prepend: true });
+}
+
+/**
+ * Get the first item that pass the test
+ * by second argument function
+ *
+ * @param {Array} list
+ * @param {Function} f
+ * @return {*}
+ */
+function find (list, f) {
+  return list.filter(f)[0]
+}
+
+/**
+ * Deep copy the given object considering circular structure.
+ * This function caches all nested objects and its copies.
+ * If it detects circular structure, use cached copy to avoid infinite loop.
+ *
+ * @param {*} obj
+ * @param {Array<Object>} cache
+ * @return {*}
+ */
+function deepCopy (obj, cache) {
+  if ( cache === void 0 ) cache = [];
+
+  // just return if obj is immutable value
+  if (obj === null || typeof obj !== 'object') {
+    return obj
+  }
+
+  // if obj is hit, it is in circular structure
+  var hit = find(cache, function (c) { return c.original === obj; });
+  if (hit) {
+    return hit.copy
+  }
+
+  var copy = Array.isArray(obj) ? [] : {};
+  // put the copy into cache at first
+  // because we want to refer it in recursive deepCopy
+  cache.push({
+    original: obj,
+    copy: copy
+  });
+
+  Object.keys(obj).forEach(function (key) {
+    copy[key] = deepCopy(obj[key], cache);
+  });
+
+  return copy
+}
+
+/**
+ * forEach for object
+ */
+function forEachValue (obj, fn) {
+  Object.keys(obj).forEach(function (key) { return fn(obj[key], key); });
+}
+
+function isObject (obj) {
+  return obj !== null && typeof obj === 'object'
+}
+
+function isPromise (val) {
+  return val && typeof val.then === 'function'
+}
+
+function assert (condition, msg) {
+  if (!condition) { throw new Error(("[vuex] " + msg)) }
+}
+
+function partial (fn, arg) {
+  return function () {
+    return fn(arg)
+  }
+}
+
+// Base data struct for store's module, package with some attribute and method
+var Module = function Module (rawModule, runtime) {
+  this.runtime = runtime;
+  // Store some children item
+  this._children = Object.create(null);
+  // Store the origin module object which passed by programmer
+  this._rawModule = rawModule;
+  var rawState = rawModule.state;
+
+  // Store the origin module's state
+  this.state = (typeof rawState === 'function' ? rawState() : rawState) || {};
+};
+
+var prototypeAccessors = { namespaced: { configurable: true } };
+
+prototypeAccessors.namespaced.get = function () {
+  return !!this._rawModule.namespaced
+};
+
+Module.prototype.addChild = function addChild (key, module) {
+  this._children[key] = module;
+};
+
+Module.prototype.removeChild = function removeChild (key) {
+  delete this._children[key];
+};
+
+Module.prototype.getChild = function getChild (key) {
+  return this._children[key]
+};
+
+Module.prototype.hasChild = function hasChild (key) {
+  return key in this._children
+};
+
+Module.prototype.update = function update (rawModule) {
+  this._rawModule.namespaced = rawModule.namespaced;
+  if (rawModule.actions) {
+    this._rawModule.actions = rawModule.actions;
+  }
+  if (rawModule.mutations) {
+    this._rawModule.mutations = rawModule.mutations;
+  }
+  if (rawModule.getters) {
+    this._rawModule.getters = rawModule.getters;
+  }
+};
+
+Module.prototype.forEachChild = function forEachChild (fn) {
+  forEachValue(this._children, fn);
+};
+
+Module.prototype.forEachGetter = function forEachGetter (fn) {
+  if (this._rawModule.getters) {
+    forEachValue(this._rawModule.getters, fn);
+  }
+};
+
+Module.prototype.forEachAction = function forEachAction (fn) {
+  if (this._rawModule.actions) {
+    forEachValue(this._rawModule.actions, fn);
+  }
+};
+
+Module.prototype.forEachMutation = function forEachMutation (fn) {
+  if (this._rawModule.mutations) {
+    forEachValue(this._rawModule.mutations, fn);
+  }
+};
+
+Object.defineProperties( Module.prototype, prototypeAccessors );
+
+var ModuleCollection = function ModuleCollection (rawRootModule) {
+  // register root module (Vuex.Store options)
+  this.register([], rawRootModule, false);
+};
+
+ModuleCollection.prototype.get = function get (path) {
+  return path.reduce(function (module, key) {
+    return module.getChild(key)
+  }, this.root)
+};
+
+ModuleCollection.prototype.getNamespace = function getNamespace (path) {
+  var module = this.root;
+  return path.reduce(function (namespace, key) {
+    module = module.getChild(key);
+    return namespace + (module.namespaced ? key + '/' : '')
+  }, '')
+};
+
+ModuleCollection.prototype.update = function update$1 (rawRootModule) {
+  update([], this.root, rawRootModule);
+};
+
+ModuleCollection.prototype.register = function register (path, rawModule, runtime) {
+    var this$1 = this;
+    if ( runtime === void 0 ) runtime = true;
+
+  if ((process.env.NODE_ENV !== 'production')) {
+    assertRawModule(path, rawModule);
+  }
+
+  var newModule = new Module(rawModule, runtime);
+  if (path.length === 0) {
+    this.root = newModule;
+  } else {
+    var parent = this.get(path.slice(0, -1));
+    parent.addChild(path[path.length - 1], newModule);
+  }
+
+  // register nested modules
+  if (rawModule.modules) {
+    forEachValue(rawModule.modules, function (rawChildModule, key) {
+      this$1.register(path.concat(key), rawChildModule, runtime);
+    });
+  }
+};
+
+ModuleCollection.prototype.unregister = function unregister (path) {
+  var parent = this.get(path.slice(0, -1));
+  var key = path[path.length - 1];
+  var child = parent.getChild(key);
+
+  if (!child) {
+    if ((process.env.NODE_ENV !== 'production')) {
+      console.warn(
+        "[vuex] trying to unregister module '" + key + "', which is " +
+        "not registered"
+      );
+    }
+    return
+  }
+
+  if (!child.runtime) {
+    return
+  }
+
+  parent.removeChild(key);
+};
+
+ModuleCollection.prototype.isRegistered = function isRegistered (path) {
+  var parent = this.get(path.slice(0, -1));
+  var key = path[path.length - 1];
+
+  if (parent) {
+    return parent.hasChild(key)
+  }
+
+  return false
+};
+
+function update (path, targetModule, newModule) {
+  if ((process.env.NODE_ENV !== 'production')) {
+    assertRawModule(path, newModule);
+  }
+
+  // update target module
+  targetModule.update(newModule);
+
+  // update nested modules
+  if (newModule.modules) {
+    for (var key in newModule.modules) {
+      if (!targetModule.getChild(key)) {
+        if ((process.env.NODE_ENV !== 'production')) {
+          console.warn(
+            "[vuex] trying to add a new module '" + key + "' on hot reloading, " +
+            'manual reload is needed'
+          );
+        }
+        return
+      }
+      update(
+        path.concat(key),
+        targetModule.getChild(key),
+        newModule.modules[key]
+      );
+    }
+  }
+}
+
+var functionAssert = {
+  assert: function (value) { return typeof value === 'function'; },
+  expected: 'function'
+};
+
+var objectAssert = {
+  assert: function (value) { return typeof value === 'function' ||
+    (typeof value === 'object' && typeof value.handler === 'function'); },
+  expected: 'function or object with "handler" function'
+};
+
+var assertTypes = {
+  getters: functionAssert,
+  mutations: functionAssert,
+  actions: objectAssert
+};
+
+function assertRawModule (path, rawModule) {
+  Object.keys(assertTypes).forEach(function (key) {
+    if (!rawModule[key]) { return }
+
+    var assertOptions = assertTypes[key];
+
+    forEachValue(rawModule[key], function (value, type) {
+      assert(
+        assertOptions.assert(value),
+        makeAssertionMessage(path, key, type, value, assertOptions.expected)
+      );
+    });
+  });
+}
+
+function makeAssertionMessage (path, key, type, value, expected) {
+  var buf = key + " should be " + expected + " but \"" + key + "." + type + "\"";
+  if (path.length > 0) {
+    buf += " in module \"" + (path.join('.')) + "\"";
+  }
+  buf += " is " + (JSON.stringify(value)) + ".";
+  return buf
+}
+
+var Vue; // bind on install
+
+var Store = function Store (options) {
+  var this$1 = this;
+  if ( options === void 0 ) options = {};
+
+  // Auto install if it is not done yet and `window` has `Vue`.
+  // To allow users to avoid auto-installation in some cases,
+  // this code should be placed here. See #731
+  if (!Vue && typeof window !== 'undefined' && window.Vue) {
+    install(window.Vue);
+  }
+
+  if ((process.env.NODE_ENV !== 'production')) {
+    assert(Vue, "must call Vue.use(Vuex) before creating a store instance.");
+    assert(typeof Promise !== 'undefined', "vuex requires a Promise polyfill in this browser.");
+    assert(this instanceof Store, "store must be called with the new operator.");
+  }
+
+  var plugins = options.plugins; if ( plugins === void 0 ) plugins = [];
+  var strict = options.strict; if ( strict === void 0 ) strict = false;
+
+  // store internal state
+  this._committing = false;
+  this._actions = Object.create(null);
+  this._actionSubscribers = [];
+  this._mutations = Object.create(null);
+  this._wrappedGetters = Object.create(null);
+  this._modules = new ModuleCollection(options);
+  this._modulesNamespaceMap = Object.create(null);
+  this._subscribers = [];
+  this._watcherVM = new Vue();
+  this._makeLocalGettersCache = Object.create(null);
+
+  // bind commit and dispatch to self
+  var store = this;
+  var ref = this;
+  var dispatch = ref.dispatch;
+  var commit = ref.commit;
+  this.dispatch = function boundDispatch (type, payload) {
+    return dispatch.call(store, type, payload)
+  };
+  this.commit = function boundCommit (type, payload, options) {
+    return commit.call(store, type, payload, options)
+  };
+
+  // strict mode
+  this.strict = strict;
+
+  var state = this._modules.root.state;
+
+  // init root module.
+  // this also recursively registers all sub-modules
+  // and collects all module getters inside this._wrappedGetters
+  installModule(this, state, [], this._modules.root);
+
+  // initialize the store vm, which is responsible for the reactivity
+  // (also registers _wrappedGetters as computed properties)
+  resetStoreVM(this, state);
+
+  // apply plugins
+  plugins.forEach(function (plugin) { return plugin(this$1); });
+
+  var useDevtools = options.devtools !== undefined ? options.devtools : Vue.config.devtools;
+  if (useDevtools) {
+    devtoolPlugin(this);
+  }
+};
+
+var prototypeAccessors$1 = { state: { configurable: true } };
+
+prototypeAccessors$1.state.get = function () {
+  return this._vm._data.$$state
+};
+
+prototypeAccessors$1.state.set = function (v) {
+  if ((process.env.NODE_ENV !== 'production')) {
+    assert(false, "use store.replaceState() to explicit replace store state.");
+  }
+};
+
+Store.prototype.commit = function commit (_type, _payload, _options) {
+    var this$1 = this;
+
+  // check object-style commit
+  var ref = unifyObjectStyle(_type, _payload, _options);
+    var type = ref.type;
+    var payload = ref.payload;
+    var options = ref.options;
+
+  var mutation = { type: type, payload: payload };
+  var entry = this._mutations[type];
+  if (!entry) {
+    if ((process.env.NODE_ENV !== 'production')) {
+      console.error(("[vuex] unknown mutation type: " + type));
+    }
+    return
+  }
+  this._withCommit(function () {
+    entry.forEach(function commitIterator (handler) {
+      handler(payload);
+    });
+  });
+
+  this._subscribers
+    .slice() // shallow copy to prevent iterator invalidation if subscriber synchronously calls unsubscribe
+    .forEach(function (sub) { return sub(mutation, this$1.state); });
+
+  if (
+    (process.env.NODE_ENV !== 'production') &&
+    options && options.silent
+  ) {
+    console.warn(
+      "[vuex] mutation type: " + type + ". Silent option has been removed. " +
+      'Use the filter functionality in the vue-devtools'
+    );
+  }
+};
+
+Store.prototype.dispatch = function dispatch (_type, _payload) {
+    var this$1 = this;
+
+  // check object-style dispatch
+  var ref = unifyObjectStyle(_type, _payload);
+    var type = ref.type;
+    var payload = ref.payload;
+
+  var action = { type: type, payload: payload };
+  var entry = this._actions[type];
+  if (!entry) {
+    if ((process.env.NODE_ENV !== 'production')) {
+      console.error(("[vuex] unknown action type: " + type));
+    }
+    return
+  }
+
+  try {
+    this._actionSubscribers
+      .slice() // shallow copy to prevent iterator invalidation if subscriber synchronously calls unsubscribe
+      .filter(function (sub) { return sub.before; })
+      .forEach(function (sub) { return sub.before(action, this$1.state); });
+  } catch (e) {
+    if ((process.env.NODE_ENV !== 'production')) {
+      console.warn("[vuex] error in before action subscribers: ");
+      console.error(e);
+    }
+  }
+
+  var result = entry.length > 1
+    ? Promise.all(entry.map(function (handler) { return handler(payload); }))
+    : entry[0](payload);
+
+  return new Promise(function (resolve, reject) {
+    result.then(function (res) {
+      try {
+        this$1._actionSubscribers
+          .filter(function (sub) { return sub.after; })
+          .forEach(function (sub) { return sub.after(action, this$1.state); });
+      } catch (e) {
+        if ((process.env.NODE_ENV !== 'production')) {
+          console.warn("[vuex] error in after action subscribers: ");
+          console.error(e);
+        }
+      }
+      resolve(res);
+    }, function (error) {
+      try {
+        this$1._actionSubscribers
+          .filter(function (sub) { return sub.error; })
+          .forEach(function (sub) { return sub.error(action, this$1.state, error); });
+      } catch (e) {
+        if ((process.env.NODE_ENV !== 'production')) {
+          console.warn("[vuex] error in error action subscribers: ");
+          console.error(e);
+        }
+      }
+      reject(error);
+    });
+  })
+};
+
+Store.prototype.subscribe = function subscribe (fn, options) {
+  return genericSubscribe(fn, this._subscribers, options)
+};
+
+Store.prototype.subscribeAction = function subscribeAction (fn, options) {
+  var subs = typeof fn === 'function' ? { before: fn } : fn;
+  return genericSubscribe(subs, this._actionSubscribers, options)
+};
+
+Store.prototype.watch = function watch (getter, cb, options) {
+    var this$1 = this;
+
+  if ((process.env.NODE_ENV !== 'production')) {
+    assert(typeof getter === 'function', "store.watch only accepts a function.");
+  }
+  return this._watcherVM.$watch(function () { return getter(this$1.state, this$1.getters); }, cb, options)
+};
+
+Store.prototype.replaceState = function replaceState (state) {
+    var this$1 = this;
+
+  this._withCommit(function () {
+    this$1._vm._data.$$state = state;
+  });
+};
+
+Store.prototype.registerModule = function registerModule (path, rawModule, options) {
+    if ( options === void 0 ) options = {};
+
+  if (typeof path === 'string') { path = [path]; }
+
+  if ((process.env.NODE_ENV !== 'production')) {
+    assert(Array.isArray(path), "module path must be a string or an Array.");
+    assert(path.length > 0, 'cannot register the root module by using registerModule.');
+  }
+
+  this._modules.register(path, rawModule);
+  installModule(this, this.state, path, this._modules.get(path), options.preserveState);
+  // reset store to update getters...
+  resetStoreVM(this, this.state);
+};
+
+Store.prototype.unregisterModule = function unregisterModule (path) {
+    var this$1 = this;
+
+  if (typeof path === 'string') { path = [path]; }
+
+  if ((process.env.NODE_ENV !== 'production')) {
+    assert(Array.isArray(path), "module path must be a string or an Array.");
+  }
+
+  this._modules.unregister(path);
+  this._withCommit(function () {
+    var parentState = getNestedState(this$1.state, path.slice(0, -1));
+    Vue.delete(parentState, path[path.length - 1]);
+  });
+  resetStore(this);
+};
+
+Store.prototype.hasModule = function hasModule (path) {
+  if (typeof path === 'string') { path = [path]; }
+
+  if ((process.env.NODE_ENV !== 'production')) {
+    assert(Array.isArray(path), "module path must be a string or an Array.");
+  }
+
+  return this._modules.isRegistered(path)
+};
+
+Store.prototype.hotUpdate = function hotUpdate (newOptions) {
+  this._modules.update(newOptions);
+  resetStore(this, true);
+};
+
+Store.prototype._withCommit = function _withCommit (fn) {
+  var committing = this._committing;
+  this._committing = true;
+  fn();
+  this._committing = committing;
+};
+
+Object.defineProperties( Store.prototype, prototypeAccessors$1 );
+
+function genericSubscribe (fn, subs, options) {
+  if (subs.indexOf(fn) < 0) {
+    options && options.prepend
+      ? subs.unshift(fn)
+      : subs.push(fn);
+  }
+  return function () {
+    var i = subs.indexOf(fn);
+    if (i > -1) {
+      subs.splice(i, 1);
+    }
+  }
+}
+
+function resetStore (store, hot) {
+  store._actions = Object.create(null);
+  store._mutations = Object.create(null);
+  store._wrappedGetters = Object.create(null);
+  store._modulesNamespaceMap = Object.create(null);
+  var state = store.state;
+  // init all modules
+  installModule(store, state, [], store._modules.root, true);
+  // reset vm
+  resetStoreVM(store, state, hot);
+}
+
+function resetStoreVM (store, state, hot) {
+  var oldVm = store._vm;
+
+  // bind store public getters
+  store.getters = {};
+  // reset local getters cache
+  store._makeLocalGettersCache = Object.create(null);
+  var wrappedGetters = store._wrappedGetters;
+  var computed = {};
+  forEachValue(wrappedGetters, function (fn, key) {
+    // use computed to leverage its lazy-caching mechanism
+    // direct inline function use will lead to closure preserving oldVm.
+    // using partial to return function with only arguments preserved in closure environment.
+    computed[key] = partial(fn, store);
+    Object.defineProperty(store.getters, key, {
+      get: function () { return store._vm[key]; },
+      enumerable: true // for local getters
+    });
+  });
+
+  // use a Vue instance to store the state tree
+  // suppress warnings just in case the user has added
+  // some funky global mixins
+  var silent = Vue.config.silent;
+  Vue.config.silent = true;
+  store._vm = new Vue({
+    data: {
+      $$state: state
+    },
+    computed: computed
+  });
+  Vue.config.silent = silent;
+
+  // enable strict mode for new vm
+  if (store.strict) {
+    enableStrictMode(store);
+  }
+
+  if (oldVm) {
+    if (hot) {
+      // dispatch changes in all subscribed watchers
+      // to force getter re-evaluation for hot reloading.
+      store._withCommit(function () {
+        oldVm._data.$$state = null;
+      });
+    }
+    Vue.nextTick(function () { return oldVm.$destroy(); });
+  }
+}
+
+function installModule (store, rootState, path, module, hot) {
+  var isRoot = !path.length;
+  var namespace = store._modules.getNamespace(path);
+
+  // register in namespace map
+  if (module.namespaced) {
+    if (store._modulesNamespaceMap[namespace] && (process.env.NODE_ENV !== 'production')) {
+      console.error(("[vuex] duplicate namespace " + namespace + " for the namespaced module " + (path.join('/'))));
+    }
+    store._modulesNamespaceMap[namespace] = module;
+  }
+
+  // set state
+  if (!isRoot && !hot) {
+    var parentState = getNestedState(rootState, path.slice(0, -1));
+    var moduleName = path[path.length - 1];
+    store._withCommit(function () {
+      if ((process.env.NODE_ENV !== 'production')) {
+        if (moduleName in parentState) {
+          console.warn(
+            ("[vuex] state field \"" + moduleName + "\" was overridden by a module with the same name at \"" + (path.join('.')) + "\"")
+          );
+        }
+      }
+      Vue.set(parentState, moduleName, module.state);
+    });
+  }
+
+  var local = module.context = makeLocalContext(store, namespace, path);
+
+  module.forEachMutation(function (mutation, key) {
+    var namespacedType = namespace + key;
+    registerMutation(store, namespacedType, mutation, local);
+  });
+
+  module.forEachAction(function (action, key) {
+    var type = action.root ? key : namespace + key;
+    var handler = action.handler || action;
+    registerAction(store, type, handler, local);
+  });
+
+  module.forEachGetter(function (getter, key) {
+    var namespacedType = namespace + key;
+    registerGetter(store, namespacedType, getter, local);
+  });
+
+  module.forEachChild(function (child, key) {
+    installModule(store, rootState, path.concat(key), child, hot);
+  });
+}
+
+/**
+ * make localized dispatch, commit, getters and state
+ * if there is no namespace, just use root ones
+ */
+function makeLocalContext (store, namespace, path) {
+  var noNamespace = namespace === '';
+
+  var local = {
+    dispatch: noNamespace ? store.dispatch : function (_type, _payload, _options) {
+      var args = unifyObjectStyle(_type, _payload, _options);
+      var payload = args.payload;
+      var options = args.options;
+      var type = args.type;
+
+      if (!options || !options.root) {
+        type = namespace + type;
+        if ((process.env.NODE_ENV !== 'production') && !store._actions[type]) {
+          console.error(("[vuex] unknown local action type: " + (args.type) + ", global type: " + type));
+          return
+        }
+      }
+
+      return store.dispatch(type, payload)
+    },
+
+    commit: noNamespace ? store.commit : function (_type, _payload, _options) {
+      var args = unifyObjectStyle(_type, _payload, _options);
+      var payload = args.payload;
+      var options = args.options;
+      var type = args.type;
+
+      if (!options || !options.root) {
+        type = namespace + type;
+        if ((process.env.NODE_ENV !== 'production') && !store._mutations[type]) {
+          console.error(("[vuex] unknown local mutation type: " + (args.type) + ", global type: " + type));
+          return
+        }
+      }
+
+      store.commit(type, payload, options);
+    }
+  };
+
+  // getters and state object must be gotten lazily
+  // because they will be changed by vm update
+  Object.defineProperties(local, {
+    getters: {
+      get: noNamespace
+        ? function () { return store.getters; }
+        : function () { return makeLocalGetters(store, namespace); }
+    },
+    state: {
+      get: function () { return getNestedState(store.state, path); }
+    }
+  });
+
+  return local
+}
+
+function makeLocalGetters (store, namespace) {
+  if (!store._makeLocalGettersCache[namespace]) {
+    var gettersProxy = {};
+    var splitPos = namespace.length;
+    Object.keys(store.getters).forEach(function (type) {
+      // skip if the target getter is not match this namespace
+      if (type.slice(0, splitPos) !== namespace) { return }
+
+      // extract local getter type
+      var localType = type.slice(splitPos);
+
+      // Add a port to the getters proxy.
+      // Define as getter property because
+      // we do not want to evaluate the getters in this time.
+      Object.defineProperty(gettersProxy, localType, {
+        get: function () { return store.getters[type]; },
+        enumerable: true
+      });
+    });
+    store._makeLocalGettersCache[namespace] = gettersProxy;
+  }
+
+  return store._makeLocalGettersCache[namespace]
+}
+
+function registerMutation (store, type, handler, local) {
+  var entry = store._mutations[type] || (store._mutations[type] = []);
+  entry.push(function wrappedMutationHandler (payload) {
+    handler.call(store, local.state, payload);
+  });
+}
+
+function registerAction (store, type, handler, local) {
+  var entry = store._actions[type] || (store._actions[type] = []);
+  entry.push(function wrappedActionHandler (payload) {
+    var res = handler.call(store, {
+      dispatch: local.dispatch,
+      commit: local.commit,
+      getters: local.getters,
+      state: local.state,
+      rootGetters: store.getters,
+      rootState: store.state
+    }, payload);
+    if (!isPromise(res)) {
+      res = Promise.resolve(res);
+    }
+    if (store._devtoolHook) {
+      return res.catch(function (err) {
+        store._devtoolHook.emit('vuex:error', err);
+        throw err
+      })
+    } else {
+      return res
+    }
+  });
+}
+
+function registerGetter (store, type, rawGetter, local) {
+  if (store._wrappedGetters[type]) {
+    if ((process.env.NODE_ENV !== 'production')) {
+      console.error(("[vuex] duplicate getter key: " + type));
+    }
+    return
+  }
+  store._wrappedGetters[type] = function wrappedGetter (store) {
+    return rawGetter(
+      local.state, // local state
+      local.getters, // local getters
+      store.state, // root state
+      store.getters // root getters
+    )
+  };
+}
+
+function enableStrictMode (store) {
+  store._vm.$watch(function () { return this._data.$$state }, function () {
+    if ((process.env.NODE_ENV !== 'production')) {
+      assert(store._committing, "do not mutate vuex store state outside mutation handlers.");
+    }
+  }, { deep: true, sync: true });
+}
+
+function getNestedState (state, path) {
+  return path.reduce(function (state, key) { return state[key]; }, state)
+}
+
+function unifyObjectStyle (type, payload, options) {
+  if (isObject(type) && type.type) {
+    options = payload;
+    payload = type;
+    type = type.type;
+  }
+
+  if ((process.env.NODE_ENV !== 'production')) {
+    assert(typeof type === 'string', ("expects string as the type, but found " + (typeof type) + "."));
+  }
+
+  return { type: type, payload: payload, options: options }
+}
+
+function install (_Vue) {
+  if (Vue && _Vue === Vue) {
+    if ((process.env.NODE_ENV !== 'production')) {
+      console.error(
+        '[vuex] already installed. Vue.use(Vuex) should be called only once.'
+      );
+    }
+    return
+  }
+  Vue = _Vue;
+  applyMixin(Vue);
+}
+
+/**
+ * Reduce the code which written in Vue.js for getting the state.
+ * @param {String} [namespace] - Module's namespace
+ * @param {Object|Array} states # Object's item can be a function which accept state and getters for param, you can do something for state and getters in it.
+ * @param {Object}
+ */
+var mapState = normalizeNamespace(function (namespace, states) {
+  var res = {};
+  if ((process.env.NODE_ENV !== 'production') && !isValidMap(states)) {
+    console.error('[vuex] mapState: mapper parameter must be either an Array or an Object');
+  }
+  normalizeMap(states).forEach(function (ref) {
+    var key = ref.key;
+    var val = ref.val;
+
+    res[key] = function mappedState () {
+      var state = this.$store.state;
+      var getters = this.$store.getters;
+      if (namespace) {
+        var module = getModuleByNamespace(this.$store, 'mapState', namespace);
+        if (!module) {
+          return
+        }
+        state = module.context.state;
+        getters = module.context.getters;
+      }
+      return typeof val === 'function'
+        ? val.call(this, state, getters)
+        : state[val]
+    };
+    // mark vuex getter for devtools
+    res[key].vuex = true;
+  });
+  return res
+});
+
+/**
+ * Reduce the code which written in Vue.js for committing the mutation
+ * @param {String} [namespace] - Module's namespace
+ * @param {Object|Array} mutations # Object's item can be a function which accept `commit` function as the first param, it can accept anthor params. You can commit mutation and do any other things in this function. specially, You need to pass anthor params from the mapped function.
+ * @return {Object}
+ */
+var mapMutations = normalizeNamespace(function (namespace, mutations) {
+  var res = {};
+  if ((process.env.NODE_ENV !== 'production') && !isValidMap(mutations)) {
+    console.error('[vuex] mapMutations: mapper parameter must be either an Array or an Object');
+  }
+  normalizeMap(mutations).forEach(function (ref) {
+    var key = ref.key;
+    var val = ref.val;
+
+    res[key] = function mappedMutation () {
+      var args = [], len = arguments.length;
+      while ( len-- ) args[ len ] = arguments[ len ];
+
+      // Get the commit method from store
+      var commit = this.$store.commit;
+      if (namespace) {
+        var module = getModuleByNamespace(this.$store, 'mapMutations', namespace);
+        if (!module) {
+          return
+        }
+        commit = module.context.commit;
+      }
+      return typeof val === 'function'
+        ? val.apply(this, [commit].concat(args))
+        : commit.apply(this.$store, [val].concat(args))
+    };
+  });
+  return res
+});
+
+/**
+ * Reduce the code which written in Vue.js for getting the getters
+ * @param {String} [namespace] - Module's namespace
+ * @param {Object|Array} getters
+ * @return {Object}
+ */
+var mapGetters = normalizeNamespace(function (namespace, getters) {
+  var res = {};
+  if ((process.env.NODE_ENV !== 'production') && !isValidMap(getters)) {
+    console.error('[vuex] mapGetters: mapper parameter must be either an Array or an Object');
+  }
+  normalizeMap(getters).forEach(function (ref) {
+    var key = ref.key;
+    var val = ref.val;
+
+    // The namespace has been mutated by normalizeNamespace
+    val = namespace + val;
+    res[key] = function mappedGetter () {
+      if (namespace && !getModuleByNamespace(this.$store, 'mapGetters', namespace)) {
+        return
+      }
+      if ((process.env.NODE_ENV !== 'production') && !(val in this.$store.getters)) {
+        console.error(("[vuex] unknown getter: " + val));
+        return
+      }
+      return this.$store.getters[val]
+    };
+    // mark vuex getter for devtools
+    res[key].vuex = true;
+  });
+  return res
+});
+
+/**
+ * Reduce the code which written in Vue.js for dispatch the action
+ * @param {String} [namespace] - Module's namespace
+ * @param {Object|Array} actions # Object's item can be a function which accept `dispatch` function as the first param, it can accept anthor params. You can dispatch action and do any other things in this function. specially, You need to pass anthor params from the mapped function.
+ * @return {Object}
+ */
+var mapActions = normalizeNamespace(function (namespace, actions) {
+  var res = {};
+  if ((process.env.NODE_ENV !== 'production') && !isValidMap(actions)) {
+    console.error('[vuex] mapActions: mapper parameter must be either an Array or an Object');
+  }
+  normalizeMap(actions).forEach(function (ref) {
+    var key = ref.key;
+    var val = ref.val;
+
+    res[key] = function mappedAction () {
+      var args = [], len = arguments.length;
+      while ( len-- ) args[ len ] = arguments[ len ];
+
+      // get dispatch function from store
+      var dispatch = this.$store.dispatch;
+      if (namespace) {
+        var module = getModuleByNamespace(this.$store, 'mapActions', namespace);
+        if (!module) {
+          return
+        }
+        dispatch = module.context.dispatch;
+      }
+      return typeof val === 'function'
+        ? val.apply(this, [dispatch].concat(args))
+        : dispatch.apply(this.$store, [val].concat(args))
+    };
+  });
+  return res
+});
+
+/**
+ * Rebinding namespace param for mapXXX function in special scoped, and return them by simple object
+ * @param {String} namespace
+ * @return {Object}
+ */
+var createNamespacedHelpers = function (namespace) { return ({
+  mapState: mapState.bind(null, namespace),
+  mapGetters: mapGetters.bind(null, namespace),
+  mapMutations: mapMutations.bind(null, namespace),
+  mapActions: mapActions.bind(null, namespace)
+}); };
+
+/**
+ * Normalize the map
+ * normalizeMap([1, 2, 3]) => [ { key: 1, val: 1 }, { key: 2, val: 2 }, { key: 3, val: 3 } ]
+ * normalizeMap({a: 1, b: 2, c: 3}) => [ { key: 'a', val: 1 }, { key: 'b', val: 2 }, { key: 'c', val: 3 } ]
+ * @param {Array|Object} map
+ * @return {Object}
+ */
+function normalizeMap (map) {
+  if (!isValidMap(map)) {
+    return []
+  }
+  return Array.isArray(map)
+    ? map.map(function (key) { return ({ key: key, val: key }); })
+    : Object.keys(map).map(function (key) { return ({ key: key, val: map[key] }); })
+}
+
+/**
+ * Validate whether given map is valid or not
+ * @param {*} map
+ * @return {Boolean}
+ */
+function isValidMap (map) {
+  return Array.isArray(map) || isObject(map)
+}
+
+/**
+ * Return a function expect two param contains namespace and map. it will normalize the namespace and then the param's function will handle the new namespace and the map.
+ * @param {Function} fn
+ * @return {Function}
+ */
+function normalizeNamespace (fn) {
+  return function (namespace, map) {
+    if (typeof namespace !== 'string') {
+      map = namespace;
+      namespace = '';
+    } else if (namespace.charAt(namespace.length - 1) !== '/') {
+      namespace += '/';
+    }
+    return fn(namespace, map)
+  }
+}
+
+/**
+ * Search a special module from store by namespace. if module not exist, print error message.
+ * @param {Object} store
+ * @param {String} helper
+ * @param {String} namespace
+ * @return {Object}
+ */
+function getModuleByNamespace (store, helper, namespace) {
+  var module = store._modulesNamespaceMap[namespace];
+  if ((process.env.NODE_ENV !== 'production') && !module) {
+    console.error(("[vuex] module namespace not found in " + helper + "(): " + namespace));
+  }
+  return module
+}
+
+// Credits: borrowed code from fcomb/redux-logger
+
+function createLogger (ref) {
+  if ( ref === void 0 ) ref = {};
+  var collapsed = ref.collapsed; if ( collapsed === void 0 ) collapsed = true;
+  var filter = ref.filter; if ( filter === void 0 ) filter = function (mutation, stateBefore, stateAfter) { return true; };
+  var transformer = ref.transformer; if ( transformer === void 0 ) transformer = function (state) { return state; };
+  var mutationTransformer = ref.mutationTransformer; if ( mutationTransformer === void 0 ) mutationTransformer = function (mut) { return mut; };
+  var actionFilter = ref.actionFilter; if ( actionFilter === void 0 ) actionFilter = function (action, state) { return true; };
+  var actionTransformer = ref.actionTransformer; if ( actionTransformer === void 0 ) actionTransformer = function (act) { return act; };
+  var logMutations = ref.logMutations; if ( logMutations === void 0 ) logMutations = true;
+  var logActions = ref.logActions; if ( logActions === void 0 ) logActions = true;
+  var logger = ref.logger; if ( logger === void 0 ) logger = console;
+
+  return function (store) {
+    var prevState = deepCopy(store.state);
+
+    if (typeof logger === 'undefined') {
+      return
+    }
+
+    if (logMutations) {
+      store.subscribe(function (mutation, state) {
+        var nextState = deepCopy(state);
+
+        if (filter(mutation, prevState, nextState)) {
+          var formattedTime = getFormattedTime();
+          var formattedMutation = mutationTransformer(mutation);
+          var message = "mutation " + (mutation.type) + formattedTime;
+
+          startMessage(logger, message, collapsed);
+          logger.log('%c prev state', 'color: #9E9E9E; font-weight: bold', transformer(prevState));
+          logger.log('%c mutation', 'color: #03A9F4; font-weight: bold', formattedMutation);
+          logger.log('%c next state', 'color: #4CAF50; font-weight: bold', transformer(nextState));
+          endMessage(logger);
+        }
+
+        prevState = nextState;
+      });
+    }
+
+    if (logActions) {
+      store.subscribeAction(function (action, state) {
+        if (actionFilter(action, state)) {
+          var formattedTime = getFormattedTime();
+          var formattedAction = actionTransformer(action);
+          var message = "action " + (action.type) + formattedTime;
+
+          startMessage(logger, message, collapsed);
+          logger.log('%c action', 'color: #03A9F4; font-weight: bold', formattedAction);
+          endMessage(logger);
+        }
+      });
+    }
+  }
+}
+
+function startMessage (logger, message, collapsed) {
+  var startMessage = collapsed
+    ? logger.groupCollapsed
+    : logger.group;
+
+  // render
+  try {
+    startMessage.call(logger, message);
+  } catch (e) {
+    logger.log(message);
+  }
+}
+
+function endMessage (logger) {
+  try {
+    logger.groupEnd();
+  } catch (e) {
+    logger.log('—— log end ——');
+  }
+}
+
+function getFormattedTime () {
+  var time = new Date();
+  return (" @ " + (pad(time.getHours(), 2)) + ":" + (pad(time.getMinutes(), 2)) + ":" + (pad(time.getSeconds(), 2)) + "." + (pad(time.getMilliseconds(), 3)))
+}
+
+function repeat (str, times) {
+  return (new Array(times + 1)).join(str)
+}
+
+function pad (num, maxLength) {
+  return repeat('0', maxLength - num.toString().length) + num
+}
+
+var index_cjs = {
+  Store: Store,
+  install: install,
+  version: '3.6.0',
+  mapState: mapState,
+  mapMutations: mapMutations,
+  mapGetters: mapGetters,
+  mapActions: mapActions,
+  createNamespacedHelpers: createNamespacedHelpers,
+  createLogger: createLogger
+};
+
+module.exports = index_cjs;
+
+},/***** module 1 end *****/
+
+
+/***** module 2 start *****/
+/***** /Users/tottimctj/Project/Xiao4r/hope_wine/node_modules/_@wepy_x@2.1.0@@wepy/x/dist/index.js *****/
+function(module, exports, __wepy_require) {'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vuex = __wepy_require(1);
+
+var version = "2.0.4";
+
+function wepyInstall(wepy) {
+  vuex.install(wepy);
+
+  wepy.mixin({
+    created: function() {
+      var this$1 = this;
+
+      var computed = this.$options.computed;
+      var loop = function ( k ) {
+        if (computed[k].vuex) {
+          this$1.$watch(
+            k,
+            function() {
+              this._computedWatchers[k].evaluate();
+            },
+            { deep: true }
+          );
+        }
+      };
+
+      for (var k in computed) loop( k );
+    }
+  });
+}
+
+var index = {
+  Store: vuex.Store,
+  install: wepyInstall,
+  version: version,
+  mapState: vuex.mapState,
+  mapMutations: vuex.mapMutations,
+  mapGetters: vuex.mapGetters,
+  mapActions: vuex.mapActions,
+  createNamespacedHelpers: vuex.createNamespacedHelpers
+};
+
+exports.Store = vuex.Store;
+exports.mapState = vuex.mapState;
+exports.mapMutations = vuex.mapMutations;
+exports.mapGetters = vuex.mapGetters;
+exports.mapActions = vuex.mapActions;
+exports.createNamespacedHelpers = vuex.createNamespacedHelpers;
+exports.default = index;
+exports.install = wepyInstall;
+exports.version = version;
+
+},/***** module 2 end *****/
+
+
+/***** module 3 start *****/
+/***** /Users/tottimctj/Project/Xiao4r/hope_wine/node_modules/_regenerator-runtime@0.13.7@regenerator-runtime/runtime.js *****/
+function(module, exports, __wepy_require) {/**
+ * 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 runtime = (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 define(obj, key, value) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+    return obj[key];
+  }
+  try {
+    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
+    define({}, "");
+  } catch (err) {
+    define = function(obj, key, value) {
+      return obj[key] = value;
+    };
+  }
+
+  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;
+  GeneratorFunction.displayName = define(
+    GeneratorFunctionPrototype,
+    toStringTagSymbol,
+    "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) {
+      define(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;
+      define(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, PromiseImpl) {
+    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 PromiseImpl.resolve(value.__await).then(function(value) {
+            invoke("next", value, resolve, reject);
+          }, function(err) {
+            invoke("throw", err, resolve, reject);
+          });
+        }
+
+        return PromiseImpl.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 PromiseImpl(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, PromiseImpl) {
+    if (PromiseImpl === void 0) PromiseImpl = Promise;
+
+    var iter = new AsyncIterator(
+      wrap(innerFn, outerFn, self, tryLocsList),
+      PromiseImpl
+    );
+
+    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);
+
+  define(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 : {}
+));
+
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  // This module should not be running in strict mode, so the above
+  // assignment should always work unless something is misconfigured. Just
+  // in case runtime.js accidentally runs in strict mode, we can escape
+  // strict mode using a global Function call. This could conceivably fail
+  // if a Content Security Policy forbids using Function, but in that case
+  // the proper solution is to fix the accidental strict mode problem. If
+  // you've misconfigured your bundler to force strict mode and applied a
+  // CSP to forbid Function, and you're not willing to fix either of those
+  // problems, please detail your unique predicament in a GitHub issue.
+  Function("r", "regeneratorRuntime = r")(runtime);
+}
+
+}/***** module 3 end *****/
+
+
+]);
\ No newline at end of file
diff --git a/mini-app/weapp/xiao4rBase.js b/mini-app/weapp/xiao4rBase.js
new file mode 100644
index 000000000..fe019d593
--- /dev/null
+++ b/mini-app/weapp/xiao4rBase.js
@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _store = _interopRequireDefault(require('./store/index.js'));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+var Xiao4rBase = /*#__PURE__*/function () {
+  function Xiao4rBase() {
+    _classCallCheck(this, Xiao4rBase);
+  }
+
+  _createClass(Xiao4rBase, [{
+    key: "saveOpenid",
+    value: function saveOpenid(openid) {
+      wx.setStorageSync('openid', openid);
+
+      _store["default"].dispatch('setOpenidAction', openid);
+    }
+  }, {
+    key: "getOpenid",
+    value: function getOpenid() {
+      return wx.getStorageSync('openid');
+    }
+  }, {
+    key: "navigateTo",
+    value: function navigateTo(url) {
+      wx.navigateTo({
+        url: url
+      });
+    }
+  }, {
+    key: "showToast",
+    value: function showToast(msg) {
+      wx.showToast({
+        title: msg,
+        icon: 'none'
+      });
+    }
+  }]);
+
+  return Xiao4rBase;
+}();
+
+var _default = new Xiao4rBase();
+
+exports["default"] = _default;
\ No newline at end of file
diff --git a/mini-app/wepy.config.js b/mini-app/wepy.config.js
new file mode 100644
index 000000000..2eb3958af
--- /dev/null
+++ b/mini-app/wepy.config.js
@@ -0,0 +1,39 @@
+const path = require('path')
+var prod = process.env.NODE_ENV === 'production'
+
+module.exports = {
+  wpyExt: '.wpy',
+  eslint: true,
+  cliLogs: !prod,
+  static: ['static'],
+  build: {
+  },
+  resolve: {
+    alias: {
+      // counter: path.join(__dirname, 'src/components/counter'),
+      '@': path.join(__dirname, 'src'),
+      '#': 'https://www.xiao4r.com/xiao4rstatic/hope_wine/'
+    },
+    aliasFields: ['wepy', 'weapp'],
+    modules: ['node_modules']
+  },
+  compilers: {
+    less: {
+      compress: prod
+    },
+    babel: {
+      sourceMap: false,
+      presets: [
+        '@babel/preset-env'
+      ],
+      plugins: [
+        '@wepy/babel-plugin-import-regenerator',
+        '@babel/plugin-proposal-class-properties'
+      ]
+    }
+  },
+  plugins: [],
+  appConfig: {
+    noPromiseAPI: ['createSelectorQuery']
+  }
+}