commit 68d9870c7ce7a8932ad92b940aa9dcfeb7479ba1
Author: wzgaoyn <wzgaoyn@sinopec.com>
Date:   Thu Mar 20 13:47:59 2025 +0800

    初始提交

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..fb43e5c
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,8 @@
+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/.env.development b/.env.development
new file mode 100644
index 0000000..58ea8d4
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,17 @@
+# 如需添加更多环境变量，请以 VITE_APP_ 开头声明
+# 在代码中使用 import.meta.env.VITE_APP_XXX 获取指定变量
+# 环境配置标识
+VITE_APP_ENV = 'development'
+
+# 微信公众号appid
+VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
+
+# 统一接口域名
+VITE_APP_BASE_API = 'https://cloud-api-test.mall4j.com'
+
+
+# 图片域名
+VITE_APP_RESOURCES_URL = 'https://mall4j-minio-test.mall4j.com/mall4cloud/'
+
+# 腾讯地图key (WebServiceAPI) 用于IP定位 & 地址位置解析
+VITE_APP_MAP_KEY = 'L4DBZ-VSSKJ-GCDFX-KGBVR-KHZ2J-RNF2Q'
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..bec9040
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,16 @@
+# 如需添加更多环境变量，请以 VITE_APP_ 开头声明
+# 在代码中使用 import.meta.env.VITE_APP_XXX 获取指定变量
+# 环境配置标识
+VITE_APP_ENV = 'production'
+
+# 微信公众号appid
+VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
+
+# 统一接口域名
+VITE_APP_BASE_API = 'https://cloud-api.mall4j.com'
+
+# 图片域名
+VITE_APP_RESOURCES_URL = 'https://mall4cloud.oss-cn-guangzhou.aliyuncs.com'
+
+# 腾讯地图key (WebServiceAPI) 用于IP定位 & 地址位置解析
+VITE_APP_MAP_KEY = ''
diff --git a/.env.testing b/.env.testing
new file mode 100644
index 0000000..a66c6af
--- /dev/null
+++ b/.env.testing
@@ -0,0 +1,18 @@
+# 如需添加更多环境变量，请以 VITE_APP_ 开头声明
+# 在代码中使用 import.meta.env.VITE_APP_XXX 获取指定变量
+# 环境配置标识
+VITE_APP_ENV = 'testing'
+
+# 微信公众号appid
+VITE_APP_MP_APPID = 'wx42bbe857570c5b40'
+
+# 统一接口域名
+VITE_APP_BASE_API = 'https://cloud-api-vue3.mall4j.com'
+
+# 图片域名
+VITE_APP_RESOURCES_URL = 'https://img.mall4j.com/'
+
+# 腾讯地图key (WebServiceAPI) 用于IP定位 & 地址位置解析
+# 同时需要配置到 manifest配置文件 h5 -> sdkConfigs -> maps -> qqmap -> key
+VITE_APP_MAP_KEY = ''
+
diff --git a/.eslintignore b/.eslintignore
new file mode 100644
index 0000000..0ee3a0b
--- /dev/null
+++ b/.eslintignore
@@ -0,0 +1,17 @@
+# eslint 忽略列表
+src/utils/wxqrcode.js
+
+# disk编译目录
+dist
+
+build/*.js
+src/assets
+src/components/tki-barcode
+src/uni_modules
+src/utils/jwx
+src/js_sdk
+src/shime.uni.d.ts
+public
+
+uni_modules
+auto-imports.d.ts
diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json
new file mode 100644
index 0000000..51fe0a0
--- /dev/null
+++ b/.eslintrc-auto-import.json
@@ -0,0 +1,97 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "EffectScope": true,
+    "InjectionKey": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useSlots": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true,
+    "onAddToFavorites": true,
+    "onBackPress": true,
+    "onError": true,
+    "onHide": true,
+    "onLaunch": true,
+    "onLoad": true,
+    "onNavigationBarButtonTap": true,
+    "onNavigationBarSearchInputChanged": true,
+    "onNavigationBarSearchInputClicked": true,
+    "onNavigationBarSearchInputConfirmed": true,
+    "onNavigationBarSearchInputFocusChanged": true,
+    "onPageNotFound": true,
+    "onPageScroll": true,
+    "onPullDownRefresh": true,
+    "onReachBottom": true,
+    "onReady": true,
+    "onResize": true,
+    "onShareAppMessage": true,
+    "onShareTimeline": true,
+    "onShow": true,
+    "onTabItemTap": true,
+    "onThemeChange": true,
+    "onUnhandledRejection": true,
+    "onUnload": true,
+    "encrypt": true,
+    "http": true,
+    "wechat": true,
+    "util": true,
+    "number": true,
+    "createQrCodeImg": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "WritableComputedRef": true
+  }
+}
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..4abe9f8
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,86 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true
+  },
+  globals: {
+    uni: 'readonly',
+    getApp: 'readonly',
+    wx: 'readonly',
+    getCurrentPages: 'readonly',
+    plus: 'readonly'
+  },
+  extends: [
+    'standard',
+    './.eslintrc-auto-import.json',
+    'plugin:vue/vue3-recommended',
+    'plugin:vue-scoped-css/vue3-recommended'
+  ],
+  overrides: [
+  ],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module'
+  },
+  plugins: [
+    'vue'
+  ],
+  rules: {
+    // Possible Errors
+    // 要求使用 let 或 const 而不是 var
+    'no-var': 'error',
+    // 强制 "for" 循环中更新子句的计数器朝着正确的方向移动
+    'for-direction': 'error',
+    // 强制 getter 函数中出现 return 语句
+    'getter-return': 'error',
+    // 禁止在嵌套的块中出现变量声明或 function 声明
+    'no-inner-declarations': 'error',
+    // 禁止由于 await 或 yield的使用而可能导致出现竞态条件的赋值
+    'require-atomic-updates': 'error',
+    // console 警告
+    'no-console': 'warn',
+    // 禁止出现未使用过的变量
+    'no-unused-vars': [
+      'warn',
+      {
+        args: 'all',
+        caughtErrors: 'none',
+        ignoreRestSiblings: true,
+        vars: 'all'
+      }
+    ],
+    // 关闭名称校验
+    'vue/multi-word-component-names': 'off',
+    // 非生产环境启用 debugger
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
+
+    // Best Practices
+    eqeqeq: 'off',
+
+    // Stylistic Issues
+    // 强制可嵌套的块的最大深度
+    'max-depth': ['error', 5],
+    // 强制函数最大代码行数
+    'max-lines-per-function': [
+      'error',
+      {
+        max: 150,
+        skipBlankLines: true
+      }
+    ],
+    // 强制回调函数最大嵌套深度
+    'max-nested-callbacks': ['error', { max: 10 }],
+    // 强制函数定义中最多允许的参数数量
+    'max-params': ['error', { max: 5 }],
+    // 强制每一行中所允许的最大语句数量
+    'max-statements-per-line': ['error', { max: 1 }],
+    // 三目运算符换行
+    'multiline-ternary': ['error', 'never'],
+    // 传值给组件时的使用 kebab-case
+    'vue/v-on-event-hyphenation': ['warn', 'always', {
+      autofix: true,
+      ignore: []
+    }]
+  }
+}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3335c4e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,28 @@
+.DS_Store
+node_modules/
+unpackage/
+dist/
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+pnpm-lock.yaml
+
+# Editor directories and files
+.project
+.idea
+.vscode
+.hbuilderx
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
+
+src/auto-import
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 0000000..26e0c55
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run lint:staged
diff --git a/.npmrc b/.npmrc
new file mode 100644
index 0000000..febf696
--- /dev/null
+++ b/.npmrc
@@ -0,0 +1,4 @@
+engine-strict = true
+shamefully-hoist = true
+strict-peer-dependencies = false
+registry = https://registry.npmmirror.com
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..44a06c1
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,3 @@
+FROM nginx:1.20
+COPY ./dist/build/h5 /usr/share/nginx/html/h5/station
+COPY ./nginx.conf /etc/nginx/conf.d
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..49a498b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="renderer" content="webkit">
+    <script>
+      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
+        CSS.supports('top: constant(a)'))
+      document.write(
+        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
+        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
+    </script>
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..78c48a8
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,26 @@
+server {
+    listen 80;
+    server_name h5.mall4j.com;
+
+    location /station {
+        try_files $uri $uri/ /station/;
+        root /usr/share/nginx/html/h5;
+        index index.html;
+
+        #### kill cache
+        add_header Last-Modified $date_gmt;
+        add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';
+        if_modified_since off;
+        expires off;
+        etag off;
+    }
+
+    error_page 404 /404.html;
+        location = /404-light.html {
+    }
+
+    error_page 500 502 503 504 /50x.html;
+        location = /50x.html {
+    }
+}
+
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..cc6b95d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,80 @@
+{
+  "name": "mall4cloud-station",
+  "private": true,
+  "version": "0.0.0",
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "dev:custom": "uni -p",
+    "dev:h5": "uni",
+    "dev:h5-test": "uni --mode testing",
+    "build:custom": "uni build -p",
+    "build:h5": "uni build",
+    "build:h5-test": "uni build --mode testing --outDir ./dist/build/test-h5",
+    "prepare": "husky install",
+    "lint:staged": "lint-staged"
+  },
+  "dependencies": {
+    "@dcloudio/uni-app": "3.0.0-3090920231225001",
+    "@dcloudio/uni-app-plus": "3.0.0-3090920231225001",
+    "@dcloudio/uni-components": "3.0.0-3090920231225001",
+    "@dcloudio/uni-h5": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-alipay": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-baidu": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-jd": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-kuaishou": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-lark": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-qq": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-toutiao": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-weixin": "3.0.0-3090920231225001",
+    "@dcloudio/uni-mp-xhs": "3.0.0-3090920231225001",
+    "@dcloudio/uni-quickapp-webview": "3.0.0-3090920231225001",
+    "@uni-ui/code-ui": "1.5.3",
+    "crypto-js": "4.2.0",
+    "vite-plugin-commonjs": "0.10.1",
+    "vue": "3.3.8"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "3.4.3",
+    "@dcloudio/uni-automator": "3.0.0-3090920231225001",
+    "@dcloudio/uni-cli-shared": "3.0.0-3090920231225001",
+    "@dcloudio/uni-stacktracey": "3.0.0-3090920231225001",
+    "@dcloudio/vite-plugin-uni": "3.0.0-3090920231225001",
+    "@vitejs/plugin-legacy": "4.1.1",
+    "@vue/runtime-core": "^3.2.45",
+    "eslint": "8.53.0",
+    "eslint-config-standard": "17.1.0",
+    "eslint-plugin-import": "2.29.0",
+    "eslint-plugin-n": "16.3.1",
+    "eslint-plugin-promise": "6.1.1",
+    "eslint-plugin-vue": "9.18.1",
+    "eslint-plugin-vue-scoped-css": "2.5.1",
+    "husky": "8.0.3",
+    "lint-staged": "15.1.0",
+    "sass": "1.69.5",
+    "terser": "5.24.0",
+    "unplugin-auto-import": "0.16.7",
+    "unplugin-vue-components": "0.25.2",
+    "vite": "4.5.0",
+    "vue-eslint-parser": "9.3.2"
+  },
+  "lint-staged": {
+    "*.{js,vue}": [
+      "eslint --fix"
+    ]
+  },
+  "engines": {
+    "node": ">=18.12.0",
+    "pnpm": ">=7"
+  },
+  "pnpm": {
+    "peerDependencyRules": {
+      "ignoreMissing": [
+        "@babel/core*",
+        "jest*",
+        "postcss*",
+        "regenerator-runtime*",
+        "url*"
+      ]
+    }
+  }
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..7708b09
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,32 @@
+<script setup>
+onLaunch(() => {
+  // eslint-disable-next-line no-console
+  console.log('mall4j.v240115')
+  setIOSUrl()
+})
+
+// 页面不存在时触发
+onPageNotFound(() => {
+  uni.reLaunch({
+    url: '/pages/index/index'
+  })
+})
+
+// 设置IOS url
+const setIOSUrl = () => {
+  uni.getSystemInfo({
+    success: res => {
+      // 客户端平台，值域为：ios、android
+      if (res.platform === 'ios') {
+        uni.setStorageSync('cloudIosUrl', window.location.href.split('#')[0])
+      }
+    }
+  })
+}
+</script>
+
+<!-- eslint-disable-next-line vue-scoped-css/enforce-style-type -->
+<style lang="scss">
+/*每个页面公共css */
+@use "./app.scss";
+</style>
diff --git a/src/app.scss b/src/app.scss
new file mode 100644
index 0000000..64f9875
--- /dev/null
+++ b/src/app.scss
@@ -0,0 +1,37 @@
+
+/* 隐藏头部 */
+uni-page-head {
+  display: none;
+}
+
+.container {
+  height: 100%;
+  box-sizing: border-box;
+  color: #333;
+  font-family: helvetica, 'Heiti SC', PingFangSC-Light, sans-serif;
+}
+
+
+/* 
+*改变radio样式
+*自定义样式
+*/
+/* 未选中的 背景样式 */
+uni-radio .uni-radio-input{ 
+	height: 36rpx; 
+	width: 36rpx;
+	border-radius: 50%;
+	background: transparent;
+	box-sizing: border-box;
+ }
+
+ /* z-paging 返回顶部按钮的图片样式 */
+.zp-back-to-top-img {
+  width: 40rpx !important;
+  height: 40rpx !important;
+}
+/* z-paging 底部加载更多的loading样式 */
+.zp-line-loading-image{
+  width: 24rpx !important;
+  height: 24rpx !important;
+}
\ No newline at end of file
diff --git a/src/components/area-picker/area-picker.vue b/src/components/area-picker/area-picker.vue
new file mode 100644
index 0000000..f9f55fd
--- /dev/null
+++ b/src/components/area-picker/area-picker.vue
@@ -0,0 +1,389 @@
+<template>
+  <!-- 打开选择器按钮图标 -->
+  <image
+    :class="classList"
+    :style="imgStyle"
+    :src="imgIcon"
+  />
+  <template v-if="showPicker">
+    <view
+      class="animation-element-wrapper"
+      :style="'visibility:' + (show ? 'visible':'hidden')"
+      @tap.stop="cancel"
+    >
+      <view
+        class="animation-element"
+        @tap.stop="nono"
+      >
+        <text
+          class="right-bt"
+          @tap.stop="hiddenFloatView"
+        >
+          确定
+        </text>
+        <view class="line" />
+        <picker-view
+          indicator-style="height: 70rpx;"
+          :value="addressValue"
+          @change="bindChange"
+          @tap.stop="nono"
+        >
+          <!--省-->
+          <picker-view-column>
+            <view
+              v-for="(item, i) in provArray"
+              :key="i"
+            >
+              {{ item.areaName }}
+            </view>
+          </picker-view-column>
+          <!--地级市-->
+          <picker-view-column>
+            <view
+              v-for="(item, i) in cityArray"
+              :key="i"
+            >
+              {{ item.areaName }}
+            </view>
+          </picker-view-column>
+          <!--区县-->
+          <picker-view-column>
+            <view
+              v-for="(item, i) in areaArray"
+              :key="i"
+            >
+              {{ item.areaName }}
+            </view>
+          </picker-view-column>
+        </picker-view>
+      </view>
+    </view>
+  </template>
+</template>
+
+<script setup>
+import icon from '@/static/images/icon/more.png'
+import http from '@/utils/http'
+
+const props = defineProps({
+  // 获取父组件传递过来的省市区数据，统一格式为[省areaId, 市areaId, 区areaId]
+  value: {
+    type: Array,
+    default: () => {
+      return []
+    }
+  },
+  // 样式类数组
+  classList: {
+    type: Array,
+    default: () => {
+      return []
+    }
+  },
+  // 自定义样式
+  imgStyle: {
+    type: Object,
+    default: () => {
+      return {}
+    }
+  },
+  // 选择器图标，可以自行更换，需传入图标路径
+  imgIcon: {
+    type: String,
+    default: icon
+  },
+  // 控制选择器显隐
+  showPicker: {
+    type: Boolean,
+    default: false
+  }
+})
+
+/**
+ * 定义所需要操作父组件的数据
+ * change: 数据发生改变时，给父组件返回数据
+ * showPicker: 改变父组件的值，从而可以在子组件进行关闭选择器
+ * value: 用做与父组件数据同步的值
+ */
+const emit = defineEmits(['change', 'update:showPicker', 'update:value'])
+
+// 当数据发生改变时，返回结果给父组件
+// eslint-disable-next-line no-unused-vars
+const change = (arr) => {
+  emit('change', arr)
+}
+
+// 监听showPicker的改变，控制选择器显隐
+watch(() => props.showPicker, (newVal) => {
+  show.value = !!newVal
+})
+
+// 监听value的改变，重新给选择器赋值
+watch(() => props.value, async (newVal) => {
+  if (newVal.length >= 3) {
+    if (provArray.value.length > 0) {
+      await getCityArray(newVal[0], newVal[1], newVal[2])
+    }
+  } else {
+    addressValue.value = [0, 0, 0]
+    await getCityArray(provArray.value[0].areaId)
+  }
+})
+
+// 获取地址列表
+const getAreaListInfo = () => {
+  return new Promise((resolve) => {
+    http.request({
+      url: '/mall4cloud_order/area/list',
+      method: 'GET',
+      data: {}
+    }).then(res => {
+      resolve(res)
+    })
+  })
+}
+
+const addressValue = ref([])
+const provArray = ref([])
+onLoad(async () => {
+  // 获取地址列表信息
+  const res = await getAreaListInfo()
+  if (res.data.length > 0) {
+    provArray.value = res.data
+  }
+  if (props.value.length >= 3) {
+    await getCityArray(props.value[0], props.value[1], props.value[2])
+  } else {
+    addressValue.value = [0, 0, 0]
+    await getCityArray(provArray.value[0].areaId)
+  }
+})
+
+const cityArray = ref([])
+const areaArray = ref([])
+let addressIndex = []
+// 滑动事件
+const bindChange = (e) => {
+  const val = e.detail.value // 判断滑动的是第几个column
+  // 若省份column做了滑动则定位到地级市和区县第一位
+  if (addressIndex[0] !== val[0]) {
+    val[1] = 0
+    val[2] = 0 // 更新数据
+    getCityArray(provArray.value[val[0]].areaId) // 获取地级市数据
+  } else {
+    // 若省份column未做滑动，地级市做了滑动则定位区县第一位
+    if (addressIndex[1] !== val[1]) {
+      val[2] = 0 // 更新数据
+      getAreaArray(cityArray.value[val[1]].areaId) // 获取区县数据
+    }
+  }
+  if (addressIndex[0] !== val[0] || addressIndex[1] !== val[1] || addressIndex[2] !== val[2]) {
+    addressValue.value = [val[0], val[1], val[2]]
+    addressIndex = addressValue.value
+  }
+}
+
+// 获取当前节点下的地址
+const getCurrentAreas = (curList, curId) => {
+  if (curId) {
+    for (let index = 0; index < curList.length; index++) {
+      if (curList[index].areaId === curId) {
+        return {
+          curNode: curList[index],
+          areas: curList[index].areas,
+          index
+        }
+      }
+    }
+  } else {
+    const one = curList[0]
+    return {
+      curNode: one,
+      areas: one.areas,
+      index: 0
+    }
+  }
+}
+
+// 获取当前id下的地址信息
+const listAreaByParentId = (pid) => {
+  let paramData = {}
+  if (!pid) {
+    paramData = { level: 1 }
+  } else {
+    paramData = { pid }
+  }
+  return new Promise((resolve) => {
+    http.request({
+      url: '/p/area/listByPid',
+      method: 'GET',
+      data: paramData
+    }).then(res => {
+      resolve(res)
+    })
+  })
+}
+
+/**
+ * 根据省份ID获取 城市数据
+ */
+const getCityArray = async (provId, cityId, areaId) => {
+  const { curNode, areas, index } = getCurrentAreas(provArray.value, provId)
+  let cityArr = areas
+  if (!areas) {
+    listAreaByParentId(provId).then(res => {
+      if (res.data.length > 0) {
+        cityArr = res.data
+      }
+    })
+  }
+  if (curNode) {
+    curNode.areas = cityArr
+  }
+  if (index) {
+    addressValue.value = [index, 0, 0]
+  }
+  cityArray.value = cityArr
+
+  if (cityId) {
+    for (let i = 0; i < cityArray.value.length; i++) {
+      if (cityArray.value[i].areaId === cityId) {
+        addressValue.value = [addressValue.value[0], i, addressValue.value[2]]
+      }
+    }
+  }
+
+  await getAreaArray(cityId || cityArray.value[0].areaId, areaId)
+}
+
+/**
+ * 根据城市ID获取 区数据
+ */
+const getAreaArray = async (cityOfId, areaOfId) => {
+  const { curNode, areas, index } = getCurrentAreas(cityArray.value, cityOfId)
+  let areaArr = areas
+  if (!areas) {
+    listAreaByParentId(cityOfId).then(res => {
+      if (res.data.length > 0) {
+        areaArr = res.data
+      }
+    })
+  }
+  if (index) {
+    addressValue.value = [addressValue.value[0], index, 0]
+  }
+  curNode.areas = areaArr
+  areaArray.value = areaArr
+  if (areaOfId) {
+    for (let index = 0; index < areaArray.value.length; index++) {
+      if (areaArray.value[index].areaId === areaOfId) {
+        addressValue.value = [addressValue.value[0], addressValue.value[1], Number(index)]
+      }
+    }
+
+    addressIndex = addressValue.value
+  }
+}
+
+const show = ref(false)
+/**
+ * 隐藏弹窗浮层，并重新赋值
+ */
+const hiddenFloatView = () => {
+  emit('update:showPicker', false)
+  initCityData(addressValue.value[0], addressValue.value[1], addressValue.value[2])
+}
+
+/**
+ * 仅取消浮窗，不改变值
+ */
+const cancel = async () => {
+  await getCityArray(props.value[0], props.value[1], props.value[2])
+  emit('update:showPicker', false)
+}
+
+// 返回地区id及地区名称
+const initCityData = async (provId, cityId, areaId) => {
+  const arr = [{
+    areaId: provArray.value[provId].areaId,
+    areaName: provArray.value[provId].areaName
+  }, {
+    areaId: cityArray.value[cityId].areaId,
+    areaName: cityArray.value[cityId].areaName
+  }, {
+    areaId: areaArray.value[areaId].areaId,
+    areaName: areaArray.value[areaId].areaName
+  }]
+  emit('update:value', [arr[0].areaId, arr[1].areaId, arr[2].areaId])
+  emit('change', arr)
+}
+
+// 空方法
+const nono = () => {}
+
+</script>
+<style scoped lang="scss">
+picker-view {
+  background-color: white;
+  padding: 0;
+  width: 100%;
+  height: 380rpx;
+  bottom: 0;
+  position: fixed;
+  text {
+    color: #999;
+    display: inline-flex;
+    position: fixed;
+    margin-top: 20rpx;
+    height: 50rpx;
+    text-align: center;
+    line-height: 50rpx;
+    font-size: 34rpx;
+    font-family: Arial, Helvetica, sans-serif;
+  }
+}
+picker-view-column {
+  view {
+    vertical-align: middle;
+    font-size: 30rpx;
+    line-height: 30rpx;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+.animation-element-wrapper {
+  display: flex;
+  position: fixed;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.6);
+  z-index: 999;
+}
+.animation-element {
+  display: flex;
+  position: fixed;
+  width: 100%;
+  height: 530rpx;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 1);
+}
+
+.right-bt {
+  right: 35rpx;
+  top: 20rpx;
+  position: absolute;
+  width: 80rpx !important;
+}
+.line {
+  display: block;
+  position: fixed;
+  height: 2rpx;
+  width: 100%;
+  margin-top: 89rpx;
+  background-color: #eee;
+}
+</style>
diff --git a/src/main.js b/src/main.js
new file mode 100644
index 0000000..ebe9b26
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,10 @@
+import {
+  createSSRApp
+} from 'vue'
+import App from './App.vue'
+export function createApp () {
+  const app = createSSRApp(App)
+  return {
+    app
+  }
+}
diff --git a/src/manifest.json b/src/manifest.json
new file mode 100644
index 0000000..a3be646
--- /dev/null
+++ b/src/manifest.json
@@ -0,0 +1,20 @@
+{
+  "name" : "mall4cloud-station",
+  "appid" : "",
+  "description" : "",
+  "versionName" : "1.0.0",
+  "versionCode" : "100",
+  "h5" : {
+      "title" : "首页",
+      "domain" : "h5.mall4j.com",
+      "router" : {
+          "base" : "/station/",
+          "mode" : "history"
+      },
+      "template" : "index.html",
+      "devServer" : {
+          "port" : 80,
+          "disableHostCheck" : true
+      }
+  }
+}
diff --git a/src/pages.json b/src/pages.json
new file mode 100644
index 0000000..0dadd5a
--- /dev/null
+++ b/src/pages.json
@@ -0,0 +1,70 @@
+{
+	"easycom": {
+		"custom": {
+			"^w-(.*)": "@uni-ui/code-ui/components/w-$1/index.vue" // 匹配components目录内的vue文件
+		}
+	},
+	"pages": [
+		//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
+		{
+			"path": "pages/index/index",
+			"style": {
+				"navigationBarTitleText": "首页"
+			}
+		},
+		{
+			"path": "pages/account-login/account-login",
+			"style": {
+				"navigationBarTitleText": "登录"
+			}
+		},
+		{
+			"path": "pages/shop-adminsistration/shop-adminsistration",
+			"style": {
+				"backgroundTextStyle": "light",
+				"navigationBarTitleText": "店铺管理"
+			}
+		},
+		{
+			"path": "pages/order-list/order-list",
+			"style": {
+				"backgroundTextStyle": "light",
+				"navigationBarTitleText": "订单列表"
+			}
+		},
+		{
+			"path": "pages/order-detail/order-detail",
+			"style": {
+				"backgroundTextStyle": "light",
+				"navigationBarTitleText": "订单详情"
+			}
+		},
+		{
+			"path": "pages/scan-pick/scan-pick",
+			"style": {
+				"backgroundTextStyle": "light",
+				"navigationBarTitleText": "核销订单"
+			}
+		},
+		{
+			"path": "pages/pick-code/pick-code",
+			"style": {
+				"backgroundTextStyle": "light",
+				"navigationBarTitleText": "核销码核销"
+			}
+		},
+		{
+			"path": "pages/business-code/business-code",
+			"style": {
+				"backgroundTextStyle": "light",
+				"navigationBarTitleText": "商家码"
+			}
+		}
+	],
+	"globalStyle": {
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "蓝海商城门店端",
+		"navigationBarBackgroundColor": "#F8F8F8",
+		"backgroundColor": "#F8F8F8"
+	}
+}
diff --git a/src/pages/account-login/account-login.scss b/src/pages/account-login/account-login.scss
new file mode 100644
index 0000000..f9d916b
--- /dev/null
+++ b/src/pages/account-login/account-login.scss
@@ -0,0 +1,122 @@
+.page-account-login {
+	background: #fff;
+	height: 100%;
+	padding-top: 100rpx;
+	.logo { display: flex;
+	justify-content: center;
+	height: 150rpx;
+	margin-bottom: 8%;
+}
+.logo {
+	image {
+		display: block;
+		width: 100%;
+		height: 100%;
+	}
+}
+.login-form {
+	width: 90%;
+	margin: 0 auto;
+	margin-bottom: 20%;
+}
+.authorized-btn {
+	width: 90%;
+	margin: 0 auto;
+	text-align: center;
+	background-color: #0ab906;
+	border: 1rpx solid #0ab906;
+	color: #fff;
+	border-radius: 6rpx;
+	font-size: 26rpx;
+	padding: 8rpx;
+	margin-top: 80rpx;
+}
+.to-idx-btn {
+	width: 90%;
+	margin: 0 auto;
+	text-align: center;
+	background-color: #eeeeee;
+	color: #333;
+	border-radius: 6rpx;
+	font-size: 26rpx;
+	padding: 8rpx;
+	margin-top: 30rpx;
+}
+.form-title {
+	width: 100%;
+	margin-bottom: 50rpx;
+	font-size: 32rpx;
+	text-align: center;
+	color: #00a0e9;
+}
+.item {
+	display: block;
+	margin-bottom: 30rpx;
+}
+.account {
+	display: flex;
+	background: #f8f8f8;
+	padding: 15rpx;
+	box-sizing: border-box;
+	font-size: 26rpx;
+	align-items: center;
+	input {
+		padding-left: 20rpx;
+		width: 75%;
+	}
+	input.int-yzm {
+		width: 410rpx;
+		padding-right: 10rpx;
+		box-sizing: border-box;
+	}
+}
+.inp-palcehoder {
+	font-size: 26rpx;
+}
+.input-btn {
+	width: 152rpx;
+	font-size: 26rpx;
+	color: #00a0ea;
+	text-align: center;
+}
+button {
+	&::after {
+		border: 0 !important;
+	}
+}
+.operate {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+.forgot-password {
+	font-size: 28rpx;
+	color: #00AAFF;
+}
+.to-register {
+	font-size: 28rpx;
+	color: #00AAFF;
+}
+.error {
+	.error-text {
+		display: block;
+		width: 100%;
+		font-size: 28rpx;
+		color: #e43130;
+		text-align: left;
+		margin-top: 10rpx;
+		.warning-icon {
+			display: inline-block;
+			color: #fff;
+			width: 26rpx;
+			height: 26rpx;
+			line-height: 26rpx;
+			background: #e43130;
+			border-radius: 50%;
+			text-align: center;
+			margin-right: 12rpx;
+			font-size: 22rpx;
+		}
+	}
+}
+}
\ No newline at end of file
diff --git a/src/pages/account-login/account-login.vue b/src/pages/account-login/account-login.vue
new file mode 100644
index 0000000..0fe2e88
--- /dev/null
+++ b/src/pages/account-login/account-login.vue
@@ -0,0 +1,148 @@
+<template>
+  <view class="page-account-login">
+    <view class="logo">
+      <image
+        :src="stationLoginLogoImg"
+        mode="heightFix"
+        @error="onError"
+      />
+    </view>
+    <!-- 登录 -->
+    <view
+      v-if="!isForgetPassword"
+      class="login-form"
+    >
+      <view :class="['item',errorTips===1 && !isForgetPassword? 'error':'']">
+        <view class="account">
+          <text class="input-item">
+            账号
+          </text>
+          <input
+            v-model="principal"
+            type="text"
+            data-type="account"
+            placeholder-class="inp-palcehoder"
+            placeholder="请输入账号"
+            @blur="principal = principal.replace(/\s/g,'')"
+          >
+        </view>
+        <view
+          v-if="errorTips===1 && !isForgetPassword"
+          class="error-text"
+        >
+          <text class="warning-icon">
+            !
+          </text>账号不能为空
+        </view>
+      </view>
+      <view :class="['item',errorTips===2? 'error':'']">
+        <view class="account">
+          <text class="input-item">
+            密码
+          </text>
+          <input
+            v-model="credentials"
+            type="password"
+            data-type="password"
+            placeholder-class="inp-palcehoder"
+            placeholder="请输入密码"
+            @blur="credentials = credentials.replace(/\s/g,'')"
+          >
+        </view>
+        <view
+          v-if="errorTips===2"
+          class="error-text"
+        >
+          <text class="warning-icon">
+            !
+          </text>请输入密码
+        </view>
+      </view>
+    </view>
+
+    <view v-if="!isForgetPassword">
+      <button
+        class="authorized-btn"
+        @tap="onLogin"
+      >
+        登录
+      </button>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { encrypt } from '@/utils/crypto'
+import logoImg from '@/static/images/icon/logo.png'
+
+const errorTips = ref(0) // 错误提示
+const stationLoginLogoImg = ref('')
+/**
+* 生命周期函数--监听页面加载
+*/
+const isForgetPassword = ref(false) // 是否修改密码
+onLoad((options) => {
+  if (options.isForgetPassword) {
+    isForgetPassword.value = options.isForgetPassword
+  }
+  onGetUniWebConfig()
+})
+
+const onGetUniWebConfig = () => {
+  http.request({
+    url: '/mall4cloud_admin/ua/web_config/get_activity',
+    method: 'GET',
+    data: {
+      webConfigType: 'STATION_WEBSITE_CONFIG'
+    }
+  }).then(({ data }) => {
+    const logo = data.stationLoginLogoImg
+    stationLoginLogoImg.value = logo ? import.meta.env.VITE_APP_RESOURCES_URL + logo : logoImg
+    uni.setStorageSync('cloudStationLoginLogoImg', stationLoginLogoImg.value)
+  })
+}
+
+/**
+ * 登录
+ */
+const principal = ref('')
+const credentials = ref('')
+const onLogin = () => {
+  if (!principal.value) {
+    errorTips.value = 1
+  } else if (credentials.value.length === 0) {
+    errorTips.value = 2
+  } else {
+    errorTips.value = 0
+    http.request({
+      url: '/mall4cloud_auth/ua/station_login',
+      method: 'POST',
+      data: {
+        userName: principal.value,
+        passWord: encrypt(credentials.value),
+        sysType: 4,
+        tempUid: uni.getStorageSync('cloudSTempUid')
+      }
+    }).then(({ data }) => {
+      uni.removeStorageSync('cloudStationId')
+      uni.setStorageSync('cloudStationToken', data.accessToken)
+
+      uni.showToast({
+        title: '登录成功!',
+        icon: 'none',
+        complete () {
+          uni.reLaunch({
+            url: '/pages/index/index'
+          })
+        }
+      })
+    })
+  }
+}
+const onError = () => {
+  stationLoginLogoImg.value = logoImg
+}
+</script>
+<style lang="scss" scoped>
+@use "./account-login.scss";
+</style>
diff --git a/src/pages/business-code/business-code.scss b/src/pages/business-code/business-code.scss
new file mode 100644
index 0000000..ebee343
--- /dev/null
+++ b/src/pages/business-code/business-code.scss
@@ -0,0 +1,117 @@
+.page-business-code {
+  min-height: 100vh;
+  background: #f4f4f4;
+  overflow: auto;
+	image { 
+	width: 100%;
+	height: 100%;
+}
+.delivery-certificate {
+	margin: 30rpx;
+	padding: 30rpx;
+	background: #fff;
+	font-size: 24rpx;
+	border-radius: 10rpx;
+	box-shadow: 0 0 6rpx rgba(0,0,0,0.05);
+	.item {
+		position: relative;
+		border-bottom: 2rpx dashed #ddd;
+		&::before {
+			position: absolute;
+			bottom: -20rpx;
+			display: block;
+			width: 40rpx;
+			height: 40rpx;
+			border-radius: 50%;
+			background: #f4f4f4;
+			content: " ";
+			font-size: 0;
+			left: -56rpx;
+		}
+		&::after {
+			position: absolute;
+			bottom: -20rpx;
+			display: block;
+			width: 40rpx;
+			height: 40rpx;
+			border-radius: 50%;
+			background: #f4f4f4;
+			content: " ";
+			font-size: 0;
+			right: -56rpx;
+		}
+	}
+	.address-box {
+		padding-bottom: 30rpx;
+		.name {
+			font-size: 28rpx;
+			display: flex;
+			align-items: center;
+			margin-bottom: 20rpx;
+			font-weight: 600;
+			.self-icon {
+				padding: 2rpx 6rpx;
+				line-height: 1;
+				color: #e43130;
+				border: 2rpx solid #e43130;
+				font-size: 20rpx;
+				margin-left: 10rpx;
+				border-radius: 4rpx;
+				font-weight: 400;
+			}
+		}
+		.a-item {
+			margin-bottom: 10rpx;
+			display: flex;
+			.img {
+				width: 24rpx;
+				height: 24rpx;
+				font-size: 0;
+				margin-right: 10rpx;
+				margin-top: 4rpx;
+			}
+			.text {
+				flex: 1;
+			}
+		}
+	}
+	.code-det {
+		padding: 40rpx 0;
+		.bar-code {
+			font-size: 0;
+			margin: auto;
+			width: 610rpx;
+			display: flex;
+			justify-content: center;
+		}
+		.code-number {
+			margin-top: 20rpx;
+			text-align: center;
+		}
+		.code {
+			width: 300rpx;
+			height: 300rpx;
+			margin: 40rpx auto 0;
+		}
+	}
+	.btn-box {
+		margin-top: 30rpx;
+		display: flex;
+		justify-content: center;
+	}
+}
+.btn {
+	width: auto;
+	text-align: center;
+	font-size: 26rpx;
+	font-weight: bold;
+	border-radius: 70rpx;
+}
+.code {
+	.qrcode-img {
+		display: block;
+		width: 100%;
+		height: 100%;
+	}
+}
+}
diff --git a/src/pages/business-code/business-code.vue b/src/pages/business-code/business-code.vue
new file mode 100644
index 0000000..5dc5f24
--- /dev/null
+++ b/src/pages/business-code/business-code.vue
@@ -0,0 +1,68 @@
+<template>
+  <view class="container page-business-code">
+    <view class="delivery-certificate">
+      <view class="address-box item">
+        <view class="btn">
+          商家码
+        </view>
+      </view>
+      <view class="code-det item">
+        <view class="bar-code">
+          <w-barcode :options="barOpations" />
+        </view>
+        <view class="code">
+          <image :src="stationQrCode" />
+        </view>
+      </view>
+      <view class="btn-box">
+        扫码一键核销
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import Qr from '@/utils/wxqrcode.js'
+import http from '@/utils/http.js'
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+const stationId = ref('') // 自提点id
+const stationQrCode = ref('')
+const barOpations = ref({
+  height: 150,
+  width: 350,
+  code: 'null', // 码值
+  orient: 'horizontal'
+})
+/**
+ * 生命周期函数--监听页面加载
+ */
+onLoad(() => {
+  onGetBusCodeInf()
+})
+/* 请求自提点码信息 */
+const onGetBusCodeInf = () => {
+  uni.showLoading()
+  http.request({
+    url: '/mall4cloud_order/station/get_code',
+    method: 'GET',
+    data: {}
+  }).then(({ data }) => {
+    stationId.value = data.split('#station#')[1]
+    barOpations.value.code = stationId.value + '' // 条形码码值
+    // 请求到自提点码信息，执行生成二维码函数
+    setTimeout(() => {
+      onGetQrcode()
+    }, 50)
+    uni.hideLoading()
+  })
+}
+/* 生成二维码 */
+const onGetQrcode = () => {
+  stationQrCode.value = Qr.createQrCodeImg(stationId.value)
+}
+</script>
+
+<style lang="scss" scoped>
+@use "./business-code.scss";
+</style>
diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss
new file mode 100644
index 0000000..7a19d51
--- /dev/null
+++ b/src/pages/index/index.scss
@@ -0,0 +1,161 @@
+.page-index {
+	height: 100vh;
+  width: 100%;
+  background-color: #F5F5F5;
+  /* 照片默认样式 */
+	image { 
+  display: block;
+	width: 100%;
+	height: 100%;
+}
+/* 自提点信息or业绩 */
+.shop-data {
+	display: block;
+	width: 100%;
+	height: auto;
+	min-height: 640rpx;
+	box-sizing: border-box;
+	color: #fff;
+}
+.bg {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 420rpx;
+}
+/* 自提点信息 */
+.data-top {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	font-size: 15px;
+	padding: 10px;
+	position: relative;
+}
+.shop-info {
+	display: flex;
+	align-items: center;
+	width: 100%;
+	.shop-icon {
+		display: block;
+		width: 120rpx;
+		height: 120rpx;
+		border-radius: 60rpx;
+		margin-right: 20rpx;
+		overflow: hidden;
+	}
+	.shop-name {
+		width: auto;
+		max-width: 400rpx;
+		font-size: 32rpx;
+		font-weight: bold;
+		word-break: break-all;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+	}
+}
+.switch-num {
+	display: flex;
+	align-items: center;
+	margin-left: auto;
+	color: #FE3A26;
+	position: absolute;
+	right: 0;
+	font-size: 24rpx;
+	background-color: #fff;
+	padding: 15rpx 24rpx;
+	border-radius: 60rpx 0 0 60rpx;
+	image {
+		width: 24rpx;
+		height: 24rpx;
+		margin-right: 12rpx;
+	}
+}
+.search {
+	display: flex;
+	align-items: center;
+	width: 45%;
+	height: 35px;
+	background: rgba(255,255,255,.2);
+	border-radius: 60px;
+	box-sizing: border-box;
+	padding: 8px 10px;
+}
+.search-icon {
+	display: block;
+	width: 20px;
+	height: 15px;
+	padding-right: 5px;
+}
+/* 业绩信息 */
+.achievement {
+	font-size: 24rpx;
+	padding: 40rpx 0;
+	background-color: #fff;
+	width: 702rpx;
+	margin: 62rpx auto 0;
+	border-radius: 14rpx;
+	position: relative;
+	.data-line {
+		display: flex;
+		justify-content: center;
+		&:first-child {
+			margin-bottom: 48rpx;
+		}
+		.data-block {
+			width: 33.33%;
+			&:not(:last-child) {
+				border-right: 1rpx solid #E1E1E1;
+			}
+			.data-cont {
+				font-size: 40rpx;
+				color: #FE3A26;
+				font-weight: bold;
+				text-align: center;
+			}
+			.data-tit {
+				text-align: center;
+				line-height: 40rpx;
+				margin-top: 8rpx;
+				color: #333;
+			}
+		}
+	}
+}
+.commom-tit {
+	font-size: 32rpx;
+	font-weight: bold;
+	margin-bottom: 24rpx;
+	margin-left: 24rpx;
+}
+.app-list {
+	display: flex;
+	align-items: center;
+	flex-wrap: wrap;
+	padding: 32rpx 0 0 0;
+	background-color: #fff;
+	border-radius: 14rpx;
+	width: 702rpx;
+	margin: 0 auto;
+}
+.app-item {
+	text-align: center;
+	font-size: 24rpx;
+	color: #5B5B5B;
+	line-height: 28rpx;
+	padding: 0 38rpx;
+	margin-bottom: 32rpx;
+	width: 96rpx;
+	>image {
+		display: inline-block;
+		width: 72rpx;
+		height: 72rpx;
+		text-align: center;
+		margin-bottom: 8rpx;
+	}
+}
+}
\ No newline at end of file
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
new file mode 100644
index 0000000..540b021
--- /dev/null
+++ b/src/pages/index/index.vue
@@ -0,0 +1,287 @@
+<template>
+  <view class="my-shop-wrapper page-index">
+    <view class="shop-data">
+      <view class="bg">
+        <image src="/static/images/icon/bg-home.png" />
+      </view>
+      <!-- 自提点信息 -->
+      <view class="data-top">
+        <view class="shop-info">
+          <view class="shop-icon">
+            <image
+              :src="imgUrl"
+              @error="onErrorImg"
+            />
+          </view>
+          <view class="shop-name">
+            {{ stationName }}
+          </view>
+          <view
+            class="switch-num"
+            @tap="onSwitchNum"
+          >
+            <image src="/static/images/icon/handoff.png" />
+            <view>切换账号</view>
+          </view>
+        </view>
+      </view>
+      <!-- 日/月业绩信息 -->
+      <view class="achievement">
+        <!-- <view class="a-title">
+          <view class="tit">本店业绩</view>
+        </view> -->
+        <!-- <view class="data-table"> -->
+        <view class="data-line">
+          <view class="data-block">
+            <view class="data-cont">
+              {{ dayTurnover.payOrderNumber || 0 }}
+            </view>
+            <view class="data-tit">
+              今日订单
+            </view>
+          </view>
+          <view class="data-block dividing">
+            <view class="data-cont">
+              {{ dealNum(dayTurnover.payAmount).res }}<text v-if="dealNum(dayTurnover.payAmount).isW">
+                w
+              </text>
+            </view>
+            <view class="data-tit">
+              今日交易额
+            </view>
+          </view>
+          <view class="data-block">
+            <view class="data-cont">
+              {{ dealNum(dayTurnover.customerUnitPrice).res }}<text v-if="dealNum(dayTurnover.customerUnitPrice).isW">
+                w
+              </text>
+            </view>
+            <view class="data-tit">
+              今日客单价
+            </view>
+          </view>
+        </view>
+        <view class="data-line">
+          <view class="data-block">
+            <view class="data-cont">
+              {{ monthTurnover.payOrderNumber || 0 }}
+            </view>
+            <view class="data-tit">
+              本月订单
+            </view>
+          </view>
+          <view class="data-block dividing">
+            <view class="data-cont">
+              {{ dealNum(monthTurnover.payAmount).res }}<text v-if="dealNum(monthTurnover.payAmount).isW">
+                w
+              </text>
+            </view>
+            <view class="data-tit">
+              本月交易额
+            </view>
+          </view>
+          <view class="data-block">
+            <view class="data-cont">
+              {{ dealNum(monthTurnover.customerUnitPrice).res }}<text v-if="dealNum(monthTurnover.customerUnitPrice).isW">
+                w
+              </text>
+            </view>
+            <view class="data-tit">
+              本月客单价
+            </view>
+          </view>
+        </view>
+        <!-- </view> -->
+      </view>
+    </view>
+    <!-- 常见应用 -->
+    <view class="commom-app">
+      <view class="commom-tit">
+        常见应用
+      </view>
+      <view class="app-list">
+        <view
+          class="app-item"
+          @tap="onToShopAdministration"
+        >
+          <image src="/static/images/icon/shop-manage.png" />
+          <view class="app-name">
+            店铺管理
+          </view>
+        </view>
+        <view
+          class="app-item"
+          @tap="onToOrderAdministration"
+        >
+          <image src="/static/images/icon/orders.png" />
+          <view class="app-name">
+            订单管理
+          </view>
+        </view>
+        <view
+          class="app-item"
+          @tap="scanCode"
+        >
+          <image src="/static/images/icon/verification.png" />
+          <view class="app-name">
+            验证核销
+          </view>
+        </view>
+        <view
+          class="app-item"
+          @tap="onToBusinessCode"
+        >
+          <image src="/static/images/icon/merchant-code.png" />
+          <view class="app-name">
+            商家码
+          </view>
+        </view>
+        <view
+          class="app-item"
+          @tap="onToPinkCode"
+        >
+          <image src="/static/images/icon/verification-code.png" />
+          <view class="app-name">
+            核销码
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import Wechat from '../../utils/wechat.js'
+import util from '@/utils/util.js'
+const stationName = ref('') // 自提点名称
+const imgUrl = ref('') // 自提点logo
+const dayTurnover = ref([]) // 日营业额
+const monthTurnover = ref([]) // 月营业额
+/**
+ * 生命周期函数--监听页面加载
+ */
+onShow(() => {
+  onGetIndexData()
+})
+/* 自提点首页数据 */
+const onGetIndexData = () => {
+  uni.showLoading()
+  http.request({
+    url: '/mall4cloud_order/station/get_station_index_info',
+    method: 'GET',
+    data: {}
+  }).then(({ data }) => {
+    // 自提点信息赋值
+    stationName.value = data.stationName
+    imgUrl.value = data.imgUrl ? import.meta.env.VITE_APP_RESOURCES_URL + data.imgUrl : '/static/images/icon/normal-bg.png'
+    for (let i = 0; i < data.stationSalesDTOList.length; i++) {
+      const salesType = data.stationSalesDTOList[i].salesType
+      if (salesType === 1) {
+        dayTurnover.value = data.stationSalesDTOList[i]
+      } else if (salesType === 2) {
+        monthTurnover.value = data.stationSalesDTOList[i]
+      }
+    }
+    if (!uni.getStorageSync('cloudStationId')) {
+      uni.setStorageSync('cloudStationId', data.stationId)
+    }
+    uni.hideLoading()
+  })
+}
+/* 切换账号 */
+const onSwitchNum = () => {
+  http.request({
+    url: '/mall4cloud_auth/ma/login_out',
+    method: 'post'
+  }).then(() => {
+    // 清除登录缓存
+    uni.removeStorageSync('cloudStationLoginResult')
+    uni.removeStorageSync('cloudStationToken')
+    uni.removeStorageSync('cloudStationHadLogin')
+    uni.removeStorageSync('cloudStationId')
+    uni.redirectTo({
+      url: '/pages/account-login/account-login'
+    })
+  })
+}
+/* 跳转店铺管理页 */
+const onToShopAdministration = () => {
+  uni.navigateTo({
+    url: '/pages/shop-adminsistration/shop-adminsistration'
+  })
+}
+/* 跳转订单管理页 */
+const onToOrderAdministration = () => {
+  uni.navigateTo({
+    url: '/pages/order-list/order-list'
+  })
+}
+/* 跳转商家码页 */
+const onToBusinessCode = () => {
+  uni.navigateTo({
+    url: '/pages/business-code/business-code'
+    // url: '/pages/scan-pick/scan-pick'
+  })
+}
+/* 跳转提货码取件页 */
+const onToPinkCode = () => {
+  uni.navigateTo({
+    url: '/pages/pick-code/pick-code'
+  })
+}
+/* 唤醒扫码功能 */
+let code = ''
+const scanCode = util.debounce(function () {
+  // #ifdef H5
+  if (!Wechat.isWechat()) {
+    uni.showToast({
+      title: '请在微信浏览器打开!',
+      icon: 'none'
+    })
+    return
+  }
+
+  Wechat.scanQRCode((codeStr) => {
+    // 处理扫码结果
+    if (codeStr.indexOf(',') > -1) {
+      code = codeStr.split(',')[1]
+    } else {
+      code = codeStr
+    }
+    // 扫码后跳转核销页面
+    uni.navigateTo({
+      url: '/pages/scan-pick/scan-pick?pickCode=' + code + '&pageType=1'
+    })
+  }, () => {
+    uni.showToast({
+      title: '唤起扫码失败，请稍后重试',
+      icon: 'none'
+    })
+  })
+  // #endif
+}, 1000)
+
+// 单价交易额显示
+const dealNum = (val) => {
+  if (!val) return { res: 0, isW: false }
+  let res = val / 100
+  let isW = false
+  if (res >= 100000) {
+    isW = true
+    res = res / 10000
+  }
+  res = String(res)
+  if (res && res.indexOf('.') > -1 && res.indexOf('.') <= res.length - 3) {
+    res = res.slice(0, res.indexOf('.') + 2)
+  }
+  return { res, isW }
+}
+
+const onErrorImg = () => {
+  imgUrl.value = '/static/images/icon/normal-bg.png'
+}
+</script>
+
+<style lang="scss" scoped>
+@import "./index.scss";
+</style>
diff --git a/src/pages/order-detail/order-detail.scss b/src/pages/order-detail/order-detail.scss
new file mode 100644
index 0000000..a932a55
--- /dev/null
+++ b/src/pages/order-detail/order-detail.scss
@@ -0,0 +1,441 @@
+/* pages/order-detail/order-detail.wxss */
+.page-order-detail {
+	background: #f4f4f4;
+	min-height: 100vh;
+	image { 
+		width: 100%;
+		height: 100%;
+}
+.order-detail {
+	margin-bottom: 132rpx;
+	.order-status {
+		position: relative;
+		padding: 30rpx 20rpx;
+		background: #fff;
+		.status-bg {
+			position: absolute;
+			left: 0;
+			top: 0;
+			width: 100%;
+			height: 168rpx;
+			font-size: 0;
+		}
+		.status-text {
+			font-size: 36rpx;
+			font-weight: 600;
+			color: #fff;
+			margin: 26rpx 30rpx 24rpx;
+			position: relative;
+		}
+		.step {
+			position: relative;
+			display: flex;
+			align-items: center;
+			margin-top: 50rpx;
+			.item {
+				flex: 1;
+				.select {
+					width: 12rpx;
+					height: 12rpx;
+					border: 16rpx solid #fff;
+					background: #999;
+					margin: auto;
+					border-radius: 50%;
+					position: relative;
+				}
+				.des {
+					font-size: 24rpx;
+					margin-top: 10rpx;
+					text-align: center;
+				}
+			}
+			.item.active {
+				.select {
+					background: #e43130;
+					width: 32rpx;
+					height: 32rpx;
+					border: 6rpx solid #fff;
+					color: #fff;
+					&::after {
+						content: "";
+						font: 0.625rem/1 uni;
+						position: absolute;
+						left: 20%;
+						top: 20%;
+						width: 55%;
+						height: 30%;
+						border: 0.125rem solid #FFFFFF;
+						border-radius: 0.0625rem;
+						border-top: none;
+						border-right: none;
+						background: transparent;
+						transform: rotate(-45deg);
+					}
+				}
+				.des {
+					color: #e43130;
+				}
+			}
+		}
+	}
+}
+.prod-item {
+	background: #fff;
+	margin-top: 20rpx;
+	font-size: 24rpx;
+	padding: 0 30rpx;
+	.shop-box {
+		padding: 24rpx 0;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		.refund-sts {
+			color: #e43130;
+		}
+	}
+	.shop-icon {
+		width: 24rpx;
+		height: 24rpx;
+		margin-right: 10rpx;
+	}
+	.shop-name {
+		flex: 1;
+		font-weight: 600;
+	}
+	.prod-box {
+		padding: 30rpx 0;
+		border-top: 2rpx solid #eee;
+	}
+	.item-cont {
+		position: relative;
+		display: flex;
+		.prod-pic {
+			font-size: 0;
+			width: 180rpx;
+			height: 180rpx;
+		}
+		.prod-info {
+			flex: 1;
+			margin-left: 20rpx;
+			position: relative;
+			.prodname {
+				display: flex;
+				align-items: flex-start;
+				.a-icon {
+					margin-right: 10rpx;
+					font-size: 20rpx;
+					color: #fff;
+					background: #e43130;
+					padding: 4rpx 10rpx;
+					border-radius: 4rpx;
+					line-height: 20rpx;
+					margin-top: 4rpx;
+				}
+				.text {
+					line-height: 36rpx;
+					max-height: 72rpx;
+					overflow: hidden;
+					display: -webkit-box;
+					-webkit-line-clamp: 2;
+					-webkit-box-orient: vertical;
+					text-overflow: ellipsis;
+					word-break: break-all;
+				}
+			}
+			.sku-name {
+				margin-top: 10rpx;
+				color: #999;
+				overflow: hidden;
+				display: -webkit-box;
+				-webkit-line-clamp: 1;
+				-webkit-box-orient: vertical;
+				text-overflow: ellipsis;
+				word-break: break-all;
+			}
+		}
+	}
+	.price-nums {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		display: flex;
+		align-items: baseline;
+		.prodprice {
+			color: #e43130;
+			margin-right: 10rpx;
+		}
+		.number {
+			color: #999;
+		}
+	}
+	.gift-prods {
+		margin-left: 200rpx;
+		margin-top: 30rpx;
+		.gift-item {
+			display: block;
+			width: 100%;
+			color: #333;
+			&:not(:last-child) {
+				margin-bottom: 12rpx;
+			}
+			.name {
+				display: inline-block;
+				vertical-align: middle;
+				box-sizing: border-box;
+				width: 90%;
+				padding-right: 10rpx;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+			.num {
+				display: inline-block;
+				vertical-align: middle;
+				box-sizing: border-box;
+			}
+		}
+	}
+	.sku-name {
+		.gift-icon {
+			display: inline-block;
+			margin-right: 10rpx;
+			color: #fff;
+			font-size: 24rpx;
+			background: #e43130;
+			padding: 6rpx;
+			border-radius: 6rpx;
+			line-height: 1em;
+			box-sizing: border-box;
+		}
+	}
+}
+.order-msg {
+	background: #fff;
+	margin-top: 20rpx;
+	font-size: 24rpx;
+	padding: 0 30rpx;
+	.msg-item {
+		padding: 20rpx 0;
+		border-top: 2rpx solid #eee;
+		&:first-child {
+			border: 0;
+		}
+		.item {
+			position: relative;
+			display: flex;
+			padding: 10rpx 0;
+			.item-tit {
+				color: #999;
+			}
+			.item-txt {
+				flex: 1;
+			}
+			.remarks-tit {
+				width: 120rpx;
+			}
+			.remarks-txt {
+				width: 400rpx;
+				word-wrap: break-word;
+				word-break: break-all;
+				overflow: hidden;
+				line-height: 38rpx;
+			}
+			.copy-btn {
+				display: block;
+				margin-left: 20rpx;
+				border: 2rpx solid #bbb;
+				padding: 6rpx 24rpx;
+				border-radius: 50rpx;
+				font-size: 24rpx;
+			}
+		}
+		.item.all-msg {
+			position: relative;
+			.item-txt {
+				word-break: break-word;
+				display: grid;
+				line-height: 1.5em;
+			}
+			.item-txt.pd {
+				padding-right: 32rpx;
+			}
+			.more-msg {
+				&::after {
+					position: absolute;
+					right: 8rpx;
+					top: 45%;
+					display: block;
+					width: 14rpx;
+					height: 14rpx;
+					border: 2rpx solid #666;
+					border-width: 2rpx 2rpx 0 0;
+					content: " ";
+					font-size: 0;
+					transform: rotate(45deg) translateY(-50%);
+				}
+			}
+		}
+	}
+}
+.order-msg.payment {
+	.msg-item {
+		.item {
+			.item-txt {
+				text-align: right;
+			}
+		}
+	}
+}
+.popup-hide {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	z-index: 999;
+	background-color: rgba(0, 0, 0, 0.3);
+	.con-tit {
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		font-size: 28rpx;
+		font-weight: bold;
+		padding: 30rpx;
+		.tit-text {
+			flex: 1;
+			text-align: center;
+		}
+	}
+	.virtual-goods-msg-pop {
+		height: auto;
+		.con-tit {
+			.tit-text {
+				text-align: left;
+			}
+		}
+		.msg-pop-con {
+			.msg-list {
+				padding: 20rpx 30rpx;
+				margin-bottom: 140rpx;
+			}
+			.msg-item {
+				display: flex;
+				margin-bottom: 30rpx;
+			}
+			.item-con {
+				font-size: 24rpx;
+				word-wrap: break-word;
+				word-break: break-word;
+			}
+			.item-con.weak {
+				color: #999999;
+				margin-right: 20rpx;
+				width: 180rpx;
+				min-width: 180rpx;
+			}
+			.pop-foot {
+				position: absolute;
+				bottom: 0;
+				width: 100%;
+				text-align: center;
+				padding: 0 20rpx;
+				margin-bottom: 30rpx;
+				margin-top: 20rpx;
+				box-sizing: border-box;
+				background: #fff;
+				.foot-btn {
+					font-size: 26rpx;
+					color: #fff;
+					width: 100%;
+					background: #E43130;
+					border-radius: 140rpx;
+					padding: 20rpx 0;
+					box-sizing: border-box;
+				}
+			}
+		}
+	}
+}
+.popup-box {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	height: 80%;
+	overflow: hidden;
+	background-color: #fff;
+	border-radius: 10rpx 10rpx 0 0;
+}
+.close {
+	color: #666;
+	font-size: 32rpx;
+	&::before {
+		content: "\2715";
+	}
+}
+.order-msg.voucher-code-con {
+	.msg-item.voucher-code-list {
+		max-height: 470rpx;
+		overflow-y: auto;
+		box-sizing: border-box;
+		padding-right: 10rpx;
+	}
+	.msg-item {
+		.item {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			width: 100%;
+			padding: 0;
+			&:not(:last-child) {
+				margin-bottom: 16rpx;
+			}
+			.item-left {
+				.txt.flex-item {
+					display: flex;
+					.lf {
+						white-space: nowrap;
+						line-height: 1.5em;
+					}
+					.rg {
+						line-height: 1.5em;
+					}
+				}
+			}
+			.txt {
+				&:not(:last-child) {
+					margin-bottom: 10rpx;
+				}
+			}
+			.txt.strong {
+				font-weight: bold;
+			}
+			.txt.weak {
+				color: #999;
+			}
+			.tips {
+				color: #999;
+			}
+			.copy-btn2 {
+				background: #F7F8FA;
+				padding: 4rpx 20rpx;
+				border-radius: 60rpx;
+				font-size: 24rpx;
+			}
+		}
+		.item.used {
+			.tips {
+				margin-right: 8rpx;
+				height: 40rpx;
+				line-height: 40rpx;
+			}
+			.code-row {
+				.code {
+					text-decoration: line-through;
+					color: #999;
+				}
+			}
+		}
+	}
+}
+}
\ No newline at end of file
diff --git a/src/pages/order-detail/order-detail.vue b/src/pages/order-detail/order-detail.vue
new file mode 100644
index 0000000..f5f3477
--- /dev/null
+++ b/src/pages/order-detail/order-detail.vue
@@ -0,0 +1,718 @@
+<template>
+  <!--pages/order-detail/order-detail.wxml-->
+  <view class="container page-order-detail">
+    <view class="order-detail">
+      <!-- 订单状态 -->
+      <view class="order-status">
+        <view class="status-bg">
+          <image src="/static/images/icon/status-bg.png" />
+        </view>
+        <view class="status-text">
+          {{ ['','等待买家支付','等待商家发货','等待买家收货','订单已完成','订单已完成','订单已取消','正在拼团中','待使用'][status] }}
+        </view>
+        <view class="step">
+          <view :class="['item',status===2 || status === 3 || (status === 6 && orderItems[0].refundSn) || status===4 || status===5|| status===8 ? 'active' : '']">
+            <view class="select" />
+            <view class="des">
+              买家付款
+            </view>
+          </view>
+
+          <view
+            v-if="dvyType === 2"
+            :class="['item',status===3 || status===4 || status===5 ? 'active' : '']"
+          >
+            <view class="select" />
+            <view class="des">
+              买家提货
+            </view>
+          </view>
+          <view :class="['item',status===4||status===5 ? 'active' : '']">
+            <view class="select" />
+            <view class="des">
+              交易完成
+            </view>
+          </view>
+        </view>
+      </view>
+      <!-- 商品信息 -->
+      <view class="prod-item">
+        <!-- 店铺 -->
+        <view class="shop-box">
+          <view class="shop-icon">
+            <image src="/static/images/icon/shop.png" />
+          </view>
+          <view class="shop-name">
+            {{ shopName }}
+          </view>
+          <view
+            v-if="refundStatus !==0"
+            class="refund-sts"
+          >
+            <!-- refundStatus 订单退款状态 1.申请退款 2.退款完成 3.部分退款完成 4.退款失败 -->
+            <text>{{ ['','退款中','退款完成','部分退款','退款关闭'][refundStatus] }}</text>
+          </view>
+        </view>
+        <!-- /店铺 -->
+        <view
+          v-for="(item, spuId) in prodList"
+          :key="spuId"
+          class="prod-box"
+        >
+          <view
+            class="item-cont"
+            :data-prodid="item.spuId"
+            @tap="onToProdPage"
+          >
+            <view class="prod-pic">
+              <image
+                v-if="item.pic"
+                :src="item.pic.indexOf('http') === -1 ? picDomain + item.pic : item.pic"
+                @error="item.pic = ''"
+              />
+              <image
+                v-else
+                src="/static/images/icon/def.png"
+              />
+            </view>
+            <!-- 拼团商品展示icon -->
+            <view class="prod-info">
+              <view class="prodname">
+                <view
+                  v-if="orderType"
+                  class="a-icon"
+                >
+                  {{ ['','拼团','秒杀','积分'][orderType] }}
+                </view>
+                <view class="text">
+                  {{ item.spuName }}
+                </view>
+              </view>
+              <view class="sku-name">
+                <text
+                  v-if="orderItems.length === 1 && item.giveawayOrderItemId"
+                  class="gift-icon"
+                >
+                  赠品
+                </text>
+                <text>{{ item.skuName }}</text>
+              </view>
+              <view class="price-nums">
+                <view class="prodprice">
+                  <text
+                    v-if="item.price"
+                    class="symbol"
+                  >
+                    ￥
+                  </text>
+                  <text
+                    v-if="item.price"
+                    class="big-num"
+                  >
+                    {{ wxs.parsePrice(item.price)[0] }}
+                  </text>
+                  <text
+                    v-if="item.price"
+                    class="small-num"
+                  >
+                    .{{ wxs.parsePrice(item.price)[1] }}
+                  </text>
+                  <text
+                    v-if="item.price && orderType===3"
+                    class="small-num"
+                  >
+                    +
+                  </text>
+                  <text
+                    v-if="orderType===3"
+                    class="small-num"
+                  >
+                    {{ item.useScore }} 积分
+                  </text>
+                </view>
+                <view class="number">
+                  <text>{{ orderMold === 1 ? totalNum : item.count }}</text>件
+                </view>
+              </view>
+            </view>
+          </view>
+          <!-- 组合 -->
+          <view
+            v-if="item.comboItemList && item.comboItemList.length"
+            class="gift-prods"
+          >
+            <view
+              v-for="comboItem in item.comboItemList"
+              :key="comboItem.orderItemId"
+              class="gift-item"
+            >
+              <text class="name">
+                【组合】{{ comboItem.spuName }}
+              </text>
+              <text class="num">
+                ×{{ comboItem.count }}
+              </text>
+            </view>
+          </view>
+
+          <!-- 赠品：多个商品时展示 -->
+          <view
+            v-if="orderItems.length > 1 && item.giveawayList && item.giveawayList.length"
+            class="gift-prods"
+          >
+            <view
+              v-for="giftItem in item.giveawayList"
+              :key="giftItem.orderItemId"
+              class="gift-item"
+            >
+              <text class="name">
+                【赠品】{{ giftItem.spuName }}
+              </text>
+              <text class="num">
+                ×{{ giftItem.count }}
+              </text>
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <!-- 订单信息 -->
+      <view class="order-msg">
+        <view class="msg-item">
+          <view class="item">
+            <text class="item-tit">
+              订单编号：
+            </text>
+            <text class="item-txt">
+              {{ orderNumber }}
+            </text>
+            <!--  #ifdef  APP-PLUS -->
+            <text
+              class="copy-btn"
+              @tap="onCopyBtn"
+            >
+              复制
+            </text>
+          <!--  #endif -->
+          </view>
+          <view class="item">
+            <text class="item-tit">
+              下单时间：
+            </text>
+            <text class="item-txt">
+              {{ createTime }}
+            </text>
+          </view>
+        </view>
+        <view class="msg-item">
+          <view
+            v-if="payType !== null"
+            class="item"
+          >
+            <text class="item-tit">
+              支付方式：
+            </text>
+            <text class="item-txt">
+              {{ ['积分支付','微信支付','支付宝支付','微信支付','微信支付','微信支付','支付宝支付','支付宝支付','微信支付','余额支付','PayPal支付'][payType] }}
+            </text>
+          </view>
+          <view class="item">
+            <text class="item-tit">
+              配送方式：
+            </text>
+            <text class="item-txt">
+              {{ ['卖家配送','卖家配送','到店自提','无需快递'][dvyType] }}
+            </text>
+          </view>
+          <!-- 全部留言（虚拟商品） -->
+          <view
+            v-if="orderMold === 1 && virtualRemarkList.length >= 0"
+            class="item all-msg"
+            @tap="onShowViewMsgPopup"
+          >
+            <view class="item-tit">
+              全部留言：
+            </view>
+            <view
+              class="item-txt"
+              :class="{'pd': isExtraLong}"
+            >
+              <span
+                v-for="(item, index) in virtualRemarkList"
+                :key="index"
+              >{{ item[0] }}&nbsp;&nbsp;&nbsp;&nbsp;{{ item[1] }}</span>
+            </view>
+            <view
+              v-if="isExtraLong"
+              class="more-msg"
+            />
+          </view>
+        </view>
+        <view
+          v-if="remarks"
+          class="msg-item"
+        >
+          <view class="item">
+            <text class="item-tit remarks-tit">
+              订单备注：
+            </text>
+            <text class="item-txt remarks-txt">
+              {{ remarks }}
+            </text>
+          </view>
+        </view>
+      </view>
+
+      <!-- 虚拟商品-券码情况 -->
+      <view
+        v-if="orderMold === 1"
+        class="order-msg voucher-code-con"
+      >
+        <view class="msg-item">
+          <view class="item">
+            <view class="item-left">
+              <!-- 待使用/未使用 (unusedCount待使用的核销券) -->
+              <view
+                v-if="unusedCount && status !== 6&&orderMold===1"
+                class="txt strong"
+              >
+                {{ (isExpired?'已过期':'待使用') + '（' + unusedCount+'张）' }}
+              </view>
+              <!-- 确认收货(已完成) & 没有待核销的券码 -->
+              <view
+                v-if="status === 5 && !unusedCount&&orderMold===1"
+                class="txt strong"
+              >
+                {{ '已使用（' + orderItems[0].count + '张）' }}
+              </view>
+              <!-- 退款成功 -->
+
+              <!-- 优惠券待使用 -->
+              <view
+                v-if="orderMold===2&& status !== 5"
+                class="txt strong"
+              >
+                {{ (isExpired?'已过期':'待使用') + '（' + couponUnusedCount+'张）' }}
+              </view>
+              <view
+                v-if="status === 5 && orderMold === 1 && unusedCount"
+                class="txt strong"
+              >
+                {{ '已使用（' + (virtualInfoList.length - couponUnusedCount) + '张）' }}
+              </view>
+              <view class="txt weak flex-item">
+                <view class="lf">
+                  有效期限：
+                </view>
+                <view class="rg">
+                  <text v-if="writeOffStart && !writeOffEnd">
+                    购买后长期有效
+                  </text>
+                  <text v-if="writeOffStart && writeOffEnd">
+                    {{ writeOffStart }} 至 {{ writeOffEnd }}
+                  </text>
+                </view>
+              </view>
+              <view
+                v-if="orderMold === 1"
+                class="txt weak flex-item"
+              >
+                <view class="lf">
+                  核销次数：
+                </view>
+                <view class="rg">
+                  <text v-if="writeOffNum === -1">
+                    多次核销
+                  </text>
+                  <text v-if="writeOffNum === 1">
+                    单次核销
+                  </text>
+                  <text v-if="writeOffNum === 0">
+                    无需核销
+                  </text>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <!-- 券码列表 -->
+        <view
+          v-if="virtualInfoList && virtualInfoList.length"
+          class="msg-item voucher-code-list"
+        >
+          <view
+            v-for="(item, index) in virtualInfoList"
+            :key="index"
+            class="item"
+            :class="{'used': item.isWriteOff === 1 || status === 6||item.status===2}"
+          >
+            <view class="code-row">
+              <text>券码</text>
+              <text v-if="virtualInfoList.length > 1">
+                {{ index+1 }}
+              </text>：
+              <text class="code">
+                {{ item.writeOffCode }}
+              </text>
+            </view>
+            <view
+              v-if="item.isWriteOff === 1||item.status===2"
+              class="tips"
+            >
+              已使用
+            </view>
+            <view
+              v-if="(item.isWriteOff === 0 && status !== 6)||item.status===1"
+              class="copy-btn2"
+              @tap="copyText(item.writeOffCode)"
+            >
+              复制
+            </view>
+          </view>
+        </view>
+      </view>
+
+      <view class="order-msg payment">
+        <view class="msg-item">
+          <view class="item">
+            <view class="item-tit">
+              商品总额：
+            </view>
+            <view class="item-txt">
+              ￥{{ wxs.parsePrice(productTotalAmount)[0] }}.{{ wxs.parsePrice(productTotalAmount)[1] }}
+            </view>
+          </view>
+          <view
+            v-if="transfee"
+            class="item"
+          >
+            <view class="item-tit">
+              运费：
+            </view>
+            <view class="item-txt">
+              ￥{{ wxs.parsePrice(transfee)[0] }}.{{ wxs.parsePrice(transfee)[1] }}
+            </view>
+          </view>
+          <view
+            v-if="reduceAmount"
+            class="item"
+          >
+            <view class="item-tit">
+              <text
+                v-if="orderType && orderType!==3"
+                class="item-tit"
+              >
+                {{ orderType===1?'团购':'秒杀' }}
+              </text>优惠：
+            </view>
+            <view class="item-txt">
+              -￥{{ wxs.parsePrice(reduceAmount)[0] }}.{{ wxs.parsePrice(reduceAmount)[1] }}
+            </view>
+          </view>
+          <view class="item price">
+            <view class="item-tit">
+              订单总额：
+            </view>
+            <view class="item-txt">
+              <text
+                v-if="actualTotal && actualTotal > 0"
+                class="symbol"
+              >
+                ￥
+              </text>
+              <text
+                v-if="actualTotal && actualTotal > 0"
+                class="big-num"
+              >
+                {{ wxs.parsePrice(actualTotal)[0] }}
+              </text>
+              <text
+                v-if="actualTotal && actualTotal > 0 || actualTotal > 0"
+                class="small-num"
+              >
+                .{{ wxs.parsePrice(actualTotal)[1] }}
+              </text>
+              <text
+                v-if="(actualTotal && actualTotal > 0) && (orderType===3 || orderScore > 0)"
+                class="small-num"
+              >
+                +
+              </text>
+              <text
+                v-if="orderType===3 || orderScore > 0"
+                class="big-num"
+              >
+                {{ orderScore }} <text class="small-num">
+                  积分
+                </text>
+              </text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+
+    <view
+      class="popup-hide"
+      :hidden="!showViewMsg"
+    >
+      <view class="popup-box virtual-goods-msg-pop">
+        <view class="con-tit">
+          <view class="tit-text">
+            查看留言
+          </view>
+          <view
+            class="close"
+            @tap="onCloseMsgPopup"
+          />
+        </view>
+        <view class="msg-pop-con">
+          <view class="msg-list">
+            <view
+              v-for="(item, index) in virtualRemark"
+              :key="index"
+              class="msg-item"
+            >
+              <view class="item-con weak">
+                {{ item.name }}
+              </view>
+              <view class="item-con">
+                {{ item.value }}
+              </view>
+            </view>
+          </view>
+          <view class="pop-foot">
+            <view
+              class="foot-btn"
+              @tap="onCloseMsgPopup"
+            >
+              我知道了
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+const wxs = number()
+// 图片地址
+const picDomain = import.meta.env.VITE_APP_RESOURCES_URL
+/**
+ * 生命周期函数--监听页面加载
+ */
+const refundStatus = ref(0) // 退款状态
+onLoad((options) => {
+  onLoadOrderDetail(options.orderNum)
+  refundStatus.value = options.refundStatus
+})
+
+// 跳转商品详情页
+const onToProdPage = (e) => {
+  const prodid = e.currentTarget.dataset.prodid
+
+  if (orderType.value === 3) {
+    uni.navigateTo({
+      url: '/pages/convertProdDet/convertProdDet?prodid=' + prodid
+    })
+  } else {
+    uni.navigateTo({
+      url: '/pages/prod/prod?prodid=' + prodid
+    })
+  }
+}
+
+/**
+ * 加载订单数据
+ */
+const orderItems = ref([])
+const remarks = ref('')
+const actualTotal = ref(0)
+const couponUnusedCount = ref(0)
+const orderNumber = ref('')
+const orderScore = ref(0) // 整单使用积分
+const createTime = ref('')
+const status = ref(0) // 订单状态 0全部 1待支付 2待发货 3待收货 4待评价 5已完成 6已取消 7拼团中
+const productTotalAmount = ref('')
+const transfee = ref('')
+const reduceAmount = ref('')
+const orderType = ref(0)
+const shopName = ref('') // 店铺名称
+const dvyType = ref(1) // 配送类型 1:快递 2:自提 3：无需快递
+const payType = ref('') // 支付方式
+const orderMold = ref('') // 订单类型 1虚拟商品
+const virtualRemark = ref([]) // 留言
+const virtualInfoList = ref([]) // 券码
+const writeOffNum = ref(0)
+const writeOffStart = ref(null)
+const writeOffEnd = ref(null)
+const totalNum = ref(null) // 已核销的商品总件数
+const prodList = ref([]) // 商品列表
+const onLoadOrderDetail = (orderNum) => {
+  uni.showLoading() // 加载订单详情
+  http.request({
+    url: '/mall4cloud_order/my_order/order_detail',
+    method: 'GET',
+    data: {
+      orderId: orderNum
+    }
+  }).then(({ data }) => {
+    uni.hideLoading()
+    // const couponUnusedCount = 0
+    // data.couponUserList?.forEach(el => {
+    //   el.status === 1 ? couponUnusedCount++ : null
+    // })
+    orderNumber.value = orderNum
+    actualTotal.value = data.actualTotal
+    remarks.value = data.remarks // 实际支付总额（商品总额+运费)
+    orderItems.value = data.orderItems
+    createTime.value = data.createTime
+    status.value = data.status
+    productTotalAmount.value = data.total
+    transfee.value = data.transfee // 所有商品总额
+    reduceAmount.value = data.reduceAmount // 运费
+    orderType.value = data.orderType
+    orderScore.value = data.orderScore // 整单使用积分
+    shopName.value = data.shopName
+    dvyType.value = data.deliveryType // 配送类型 1:快递 2:自提 3：无需快递
+    payType.value = data.payType // 支付方式
+    orderMold.value = data.orderMold // 订单类型 1虚拟商品
+    virtualInfoList.value = data.virtualInfoList // 券码
+    virtualRemark.value = data.orderItems[0].virtualRemark ? JSON.parse(data.orderItems[0].virtualRemark) : [] // 留言
+    writeOffNum.value = data.writeOffNum // 核销次数 -1多次 0无需核销 1单次核销
+    writeOffStart.value = data.writeOffStart // 核销有效期开始时间
+    writeOffEnd.value = data.writeOffEnd // 核销有效期结束时间（仅有开始时间没有结束时间标识长期有效）
+    totalNum.value = data.totalNum
+
+    if (data.deliveryType === 2) {
+      onLoadStationDetail(orderNum)
+    }
+
+    // 虚拟商品留言处理
+    onHandlevirtualRemark()
+
+    // 虚拟商品-待使用的券总数
+    onHandleUnusedVirtualCode(data.virtualInfoList)
+
+    prodList.value = data.orderItems
+    // 赠品：单个商品时
+    if (data.orderItems.length === 1 &&
+             data.orderItems[0].giveawayList &&
+             data.orderItems[0].giveawayList.length) {
+      prodList.value = [...data.orderItems, ...data.orderItems[0].giveawayList]
+    }
+  }).catch(err => {
+    uni.hideLoading()
+    uni.showModal({
+      title: '提示',
+      content: err.data,
+      showCancel: false,
+      confirmText: '确定',
+      success: (err) => {
+        if (err.confirm) {
+          uni.redirectTo({
+            url: '/pages/order-list/order-list'
+          })
+        }
+      }
+    })
+  })
+}
+
+// 虚拟商品-待使用的券总数
+const unusedCount = ref(0)
+const onHandleUnusedVirtualCode = (list) => {
+  if (list && list.length) {
+    let isnusedCount = 0
+    list.forEach(el => {
+      if (el.isWriteOff === 0) {
+        isnusedCount = isnusedCount + 1
+      }
+    })
+    unusedCount.value = isnusedCount
+  }
+}
+
+/**
+ * 加载订单详情自提信息
+ */
+const onLoadStationDetail = (orderNum) => {
+  uni.showLoading() // 加载订单详情
+  http.request({
+    url: '/mall4cloud_order/my_station_order/station_detail',
+    method: 'GET',
+    data: {
+      orderId: orderNum
+    }
+  }).then(() => {
+    uni.hideLoading()
+  })
+}
+
+// 虚拟商品-留言列表处理
+const virtualRemarkList = ref([])
+const isExtraLong = ref() // 虚拟商品留言是否超长
+let virtualRemarks = []
+const onHandlevirtualRemark = () => {
+  if (virtualRemark.value && virtualRemark.value.length) {
+    // 过滤掉没有填写的留言
+    console.log(virtualRemark.value)
+    virtualRemark.value = virtualRemark.value.filter(el => el.value)
+    const isVirtualRemarkList = []
+    // 如果留言总数大于3条，先展示前一条（完整留言在弹窗中展示）
+    if (virtualRemark.value.length > 3) {
+      const list = JSON.parse(JSON.stringify(virtualRemark.value))
+      virtualRemarks = list.splice(0, 1)
+      isExtraLong.value = true
+    } else {
+      virtualRemarks = virtualRemark.value
+      isExtraLong.value = false
+    }
+    // 全部留言拼接
+    virtualRemarks.forEach((el) => {
+      isVirtualRemarkList.push([el.name, el.value])
+    })
+    if (isExtraLong.value) {
+      virtualRemarkList.value = isVirtualRemarkList.push('......')
+    } else {
+      virtualRemarkList.value = isVirtualRemarkList
+    }
+  }
+}
+
+// 查看留言弹窗
+const showViewMsg = ref() // 查看全部留言弹窗
+const onShowViewMsgPopup = () => {
+  if (isExtraLong.value) {
+    showViewMsg.value = true
+  }
+}
+const onCloseMsgPopup = () => {
+  showViewMsg.value = false
+}
+
+// #ifdef  APP-PLUS
+/**
+ * 一键复制事件
+ */
+// 设置系统剪贴板的内容。
+const onCopyBtn = () => {
+  // 除了h5以外都可用的复制方法
+  uni.setClipboardData({
+    data: orderNumber.value,
+    success: function () {
+      uni.showToast({
+        title: '复制成功',
+        icon: 'none',
+        duration: 1000
+      })
+    }
+  })
+}
+// #endif
+
+</script>
+<style lang="scss" scoped>
+@import "./order-detail.scss";
+</style>
diff --git a/src/pages/order-list/order-list.scss b/src/pages/order-list/order-list.scss
new file mode 100644
index 0000000..187da46
--- /dev/null
+++ b/src/pages/order-list/order-list.scss
@@ -0,0 +1,346 @@
+/* pages/order-list/order-list.wxss */
+.page-order-list{
+  background-color: #f4f4f4;
+  color: #333;
+  overflow: auto;
+  min-height: 100vh;
+  /* 头部菜单 */
+  .order-tit {
+    position: fixed;
+    top: 0;
+    display: flex;
+    justify-content: space-around;
+    z-index: 999;
+    width: 100%;
+    height: 88rpx;
+    line-height: 88rpx;
+    background-color: #fff;
+  }
+  
+  .order-tit text {
+    display: block;
+    font-size: 24rpx;
+    text-align: center;
+  }
+  
+  .order-tit text.on {
+    border-bottom: 4rpx solid #e43130;
+    color: #e43130;
+    font-weight: 600;
+  }
+  
+  /*  end 头部菜单 */
+  
+  .main {
+    margin-top: 108rpx;
+
+  }
+  
+  /* 商品列表 */
+  
+  .prod-item {
+    background-color: #fff;
+    margin-bottom: 20rpx;
+    font-size: 28rpx;
+  }
+  
+  /* 店铺 */
+  .shop-box {
+    padding: 20rpx;
+    border-bottom: 2rpx solid #f2f2f2;
+    display: flex;
+    align-items: center;
+  }
+  
+  .shop-icon {
+    width: 24rpx;
+    height: 24rpx;
+    margin-right: 10rpx;
+    font-size: 0;
+  }
+  
+  .shop-icon > image {
+    width: 100%;
+    height: 100%;
+  }
+  
+  .shop-name {
+    font-size: 24rpx;
+    font-weight: 600;
+    position: relative;
+    padding-right: 16rpx;
+  }
+  
+  .prod-item .order-num {
+    padding: 20rpx;
+    font-size: 24rpx;
+    display: flex;
+    align-items: center;
+  }
+  
+  .order-num > text {
+    flex: 1;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  
+  .order-state {
+    color: #999999;
+    display: flex;
+    align-items: center;
+  }
+  
+  .order-state.red {
+    color: #e43130;
+  }
+  
+  .prod-item .order-num .clear-btn {
+    width: 28rpx;
+    height: 28rpx;
+    font-size: 0;
+    margin-left: 42rpx;
+    position: relative;
+  }
+  
+  .prod-item .order-num .clear-btn::after {
+    content: " ";
+    display: block;
+    position: absolute;
+    left: -20rpx;
+    top: 0rpx;
+    width: 2rpx;
+    height: 32rpx;
+    background: #eee;
+  }
+  
+  .prod-item .order-num .clear-btn .clear-list-btn {
+    width: 100%;
+    height: 100%;
+  }
+  
+  .prod-item .item-cont {
+    display: flex;
+    align-items: center;
+    padding: 20rpx;
+    display: -webkit-flex;
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    background: #f7f7f7;
+    position: relative;
+  }
+  
+  .prod-item .item-cont .categories {
+    white-space: nowrap;
+  }
+  
+  .prod-item .item-cont .prod-pic {
+    position: relative;
+    display: inline-block;
+    font-size: 0;
+    width: 160rpx;
+    height: 160rpx;
+    background: #fff;
+    margin-right: 20rpx;
+  }
+  
+  .prod-item .item-cont .prod-pic image {
+    width: 100%;
+    height: 100%;
+  }
+  
+  .spell-group-order {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 60rpx;
+    height: 30rpx;
+  }
+  
+  .prod-item .item-cont .prod-info {
+    font-size: 24rpx;
+    position: relative;
+    height: 160rpx;
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    -webkit-box-flex: 1;
+    -moz-box-flex: 1;
+    flex: 1;
+  }
+  
+  .prod-item .item-cont .prod-info .prodname {
+    line-height: 34rpx;
+    max-height: 68rpx;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  
+  .prod-item .item-cont .prod-info .tag {
+      display: inline-block;
+      font-size: 24rpx;
+      color: #e43130;
+      border: 1px solid #e43130;
+      padding: 4rpx 8rpx;
+      line-height: 1em;
+      margin-right: 8rpx;
+  }
+  
+  .prod-item .item-cont .prod-info .prod-info-cont {
+    margin-top: 10rpx;
+    color: #999;
+    font-size: 24rpx;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  
+  .prod-item .price-nums {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    display: flex;
+    align-items: baseline;
+    line-height: 32rpx;
+  }
+  
+  .prod-item .price-nums .prodprice {
+    flex: 1;
+  }
+  
+  .prod-item .price-nums .prodcount {
+    color: #999;
+    font-family: arial;
+    margin-right: 10rpx;
+  }
+  
+  .prod-item .total-num {
+    display: flex;
+    align-items: center;
+    padding: 20rpx;
+    position: relative;
+  }
+  
+  .prod-item  .total-num .spell-group-icon {
+    margin-right: 10rpx;
+    padding: 4rpx 18rpx;
+    color: #fff;
+    border-radius: 20rpx;
+    font-size: 20rpx;
+    color: #e43130;
+    border: 2rpx solid #e43130;
+  }
+  
+  .prod-item .total-num .right {
+    flex: 1;
+    display: flex;
+    justify-content: flex-end;
+    align-items: baseline;
+    font-size: 24rpx;
+  }
+  
+  .prod-item .total-num .right .prodcount {
+    margin-right: 20rpx;
+  }
+  
+  .prod-item .prod-foot {
+    padding: 20rpx;
+    border-top: 2rpx solid #eee;
+  }
+  
+  .prod-item  .prod-foot .total {
+    font-size: 24rpx;
+    margin-bottom: 20rpx;
+    padding-bottom: 20rpx;
+    border-bottom: 2rpx solid #eee;
+  }
+  
+  .other-button-hover {
+    background-color: blue;
+  }
+  
+  .button-hover {
+    background-color: #e43130;
+  }
+  
+  /** 添加自定义button点击态样式类**/
+  
+  .button-hover {
+    background-color: blue;
+  }
+  
+  .btn {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+  }
+  
+  .button {
+    display: inline-block;
+    margin-left: 10px;
+    font-size: 24rpx;
+    background: #fff;
+    padding: 10rpx 30rpx;
+    border-radius: 80rpx;
+    border: 2rpx solid #ddd;
+  }
+  
+  .button.warn {
+    color: #e43130;
+    border-color: #e43130;
+  }
+  
+  /* end 商品列表 */
+  
+  
+  /* 根据状态显示不同的颜色 */
+  
+  .order-state .order-sts.red {
+    color: #e43130;
+  }
+  
+  .order-state .order-sts {
+    color: #333;
+  }
+  
+  /* 加载完成 */
+  .loadall {
+    margin: 20rpx 0;
+    line-height: 2em;
+    font-size: 24rpx;
+    color: #aaa;
+    text-align: center;
+  }
+  
+  /* 列表为空 */
+  .empty {
+    padding-top: 200rpx;
+    text-align: cneter;
+  }
+  .empty-icon {
+    display: block;
+    width: 80rpx;
+    height: 80rpx;
+    margin: 0 auto;
+    margin-bottom: 20rpx;
+  }
+  .empty-icon > image {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+  .empty-text {
+    font-size: 28rpx;
+    text-align: center;
+    color: #999;
+    line-height: 40rpx;
+  }
+}
\ No newline at end of file
diff --git a/src/pages/order-list/order-list.vue b/src/pages/order-list/order-list.vue
new file mode 100644
index 0000000..33605ec
--- /dev/null
+++ b/src/pages/order-list/order-list.vue
@@ -0,0 +1,370 @@
+<template>
+  <view class="container page-order-list">
+    <!-- 头部菜单 -->
+    <view class="order-tit">
+      <text
+        data-sts="0"
+        :class="sts===0 ? 'on' : ''"
+        @tap="onStsTap"
+      >
+        全部
+      </text>
+      <text
+        data-sts="1"
+        :class="sts===1 ? 'on' : ''"
+        @tap="onStsTap"
+      >
+        待付款
+      </text>
+      <text
+        data-sts="2"
+        :class="sts===2 ? 'on' : ''"
+        @tap="onStsTap"
+      >
+        待发货
+      </text>
+      <text
+        data-sts="3"
+        :class="sts===3 ? 'on' : ''"
+        @tap="onStsTap"
+      >
+        待收货
+      </text>
+      <text
+        data-sts="5"
+        :class="sts===5 ? 'on' : ''"
+        @tap="onStsTap"
+      >
+        已完成
+      </text>
+    </view>
+    <!-- end 头部菜单 -->
+    <view class="main">
+      <!-- 订单列表 -->
+      <block
+        v-for="(item, orderId) in list"
+        :key="orderId"
+      >
+        <view class="prod-item">
+          <!-- 店铺 -->
+          <view class="shop-box">
+            <view class="shop-icon">
+              <image src="/static/images/icon/shop.png" />
+            </view>
+            <view class="shop-name">
+              {{ item.shopName }}
+            </view>
+          </view>
+          <!-- 订单编号 -->
+          <view class="order-num">
+            <text>订单编号：{{ item.orderId }}</text>
+            <view class="order-state">
+              <text :class="['order-sts' , {red: (item.status < 5) }]">
+                {{ ['','待付款','待发货','待收货','待评价','已完成','已取消','拼团中'][item.status] }}
+              </text>
+            </view>
+            <view
+              v-if="item.refundStatus"
+              class="order-state red"
+            >
+              <!-- refundStatus 订单退款状态 1.申请退款 2.退款完成 3.部分退款完成 4.退款失败 -->
+              <text>({{ ['','退款中','退款完成','部分退款','退款关闭'][item.refundStatus] }})</text>
+            </view>
+          </view>
+          <!-- 商品列表 -->
+          <!-- 一个订单单个商品的显示 -->
+          <block v-if="item.orderItems.length===1">
+            <block
+              v-for="(prod, prodId) in item.orderItems"
+              :key="prodId"
+            >
+              <view
+                class="item-cont"
+                @tap="onToOrderDetailPage(item.orderId, item.refundStatus)"
+              >
+                <view class="prod-pic">
+                  <image
+                    v-if="prod.pic"
+                    :src="util.addDomain(prod.pic)"
+                    @error="prod.pic = ''"
+                  />
+                  <image
+                    v-else
+                    src="/static/images/icon/def.png"
+                  />
+                </view>
+                <view class="prod-info">
+                  <view class="prodname">
+                    {{ prod.spuName }}
+                  </view>
+                  <view class="prod-info-cont">
+                    {{ prod.skuName }}
+                  </view>
+                  <view class="price-nums">
+                    <text class="prodprice">
+                      <text
+                        v-if="prod.price"
+                        class="symbol"
+                      >
+                        ￥
+                      </text>
+                      <text
+                        v-if="prod.price"
+                        class="big-num"
+                      >
+                        {{ wxs.parsePrice(prod.price)[0] }}
+                      </text>
+                      <text
+                        v-if="prod.price"
+                        class="small-num"
+                      >
+                        .{{ wxs.parsePrice(prod.price)[1] }}
+                      </text>
+                      <text
+                        v-if="prod.price && item.orderType===3"
+                        class="small-num"
+                        decode="true"
+                      >
+                        &emsp;+&emsp;
+                      </text>
+                      <text
+                        v-if="prod.useScore && item.orderType===3"
+                        class="small-num"
+                      >
+                        {{ prod.useScore }} 积分
+                      </text>
+                    </text>
+                    <text
+                      v-if="item.orderMold===1&&item.orderVirtualInfoList && item.orderVirtualInfoList.length>0"
+                      class="prodcount"
+                    >
+                      × {{ item.virtualCount }}
+                    </text>
+                    <text
+                      v-else
+                      class="prodcount"
+                    >
+                      × {{ prod.count }}
+                    </text>
+                  </view>
+                </view>
+              </view>
+            </block>
+          </block>
+          <!-- 一个订单多个商品时的显示 -->
+          <block v-else>
+            <view
+              class="item-cont"
+              @tap="onToOrderDetailPage(item.orderId, item.refundStatus)"
+            >
+              <scroll-view
+                scroll-x="true"
+                scroll-left="0"
+                scroll-with-animation="false"
+                class="categories"
+              >
+                <block
+                  v-for="(prod, prodId) in item.orderItems"
+                  :key="prodId"
+                >
+                  <view class="prod-pic">
+                    <image
+                      v-if="prod.pic"
+                      :src="util.addDomain(prod.pic)"
+                      @error="prod.pic = ''"
+                    />
+                    <image
+                      v-else
+                      src="/static/images/icon/def.png"
+                    />
+                  </view>
+                </block>
+              </scroll-view>
+            </view>
+          </block>
+          <view class="total-num">
+            <view
+              v-if="item.orderType"
+              class="spell-group-icon"
+            >
+              <!-- orderType 订单类型(0普通订单 1团购订单 2秒杀订单) -->
+              {{ ['','拼团','秒杀','积分'][item.orderType] }}
+            </view>
+            <view
+              v-if="item.orderMold !== 0"
+              class="spell-group-icon"
+            >
+              {{ item.orderMold===1?'虚拟':(item.deliveryType===2?'自提':'优惠券') }}
+            </view>
+            <!-- <view class="spell-group-icon">自提</view> -->
+            <view class="right">
+              <view class="prodcount">
+                共 {{ item.allCount }} 件商品
+              </view>
+              <view class="prodprice">
+                合计：
+                <text
+                  v-if="item.actualTotal"
+                  class="symbol"
+                >
+                  ￥
+                </text>
+                <text
+                  v-if="item.actualTotal"
+                  class="big-num"
+                >
+                  {{ wxs.parsePrice(item.actualTotal)[0] }}
+                </text>
+                <text
+                  v-if="item.actualTotal"
+                  class="small-num"
+                >
+                  .{{ wxs.parsePrice(item.actualTotal)[1] }}
+                </text>
+                <text
+                  v-if="(item.actualTotal && item.actualTotal > 0) && (item.orderType===3 || item.orderToataluseScore > 0)"
+                  class="small-num"
+                >
+                  +
+                </text>
+                <text
+                  v-if="item.orderType===3 || item.orderToataluseScore > 0"
+                  class="small-num"
+                >
+                  {{ item.orderToataluseScore }} 积分
+                </text>
+              </view>
+            </view>
+          </view>
+        </view>
+      </block>
+    </view>
+
+    <!-- 到底了~ -->
+    <view
+      v-if="list.length > 10 && loadAll"
+      class="loadall"
+    >
+      已加载全部数据
+    </view>
+
+    <!-- 空 -->
+    <view
+      v-if="!list.length"
+      class="empty"
+    >
+      <view class="empty-icon">
+        <image src="/static/images/icon/empty.png" />
+      </view>
+      <view class="empty-text">
+        这里还没有相关订单~
+      </view>
+    </view>
+  </view>
+<!-- end 订单列表 -->
+</template>
+
+<script setup>
+import util from '@/utils/util.js'
+const wxs = number()
+
+/**
+ * 生命周期函数--监听页面加载
+ */
+const sts = ref(0)
+
+onLoad((options) => {
+  if (options.sts) {
+    sts.value = options.sts
+  }
+})
+/**
+ * 生命周期函数--监听页面显示
+ */
+onShow(() => {
+  onLoadOrderData(sts.value, 1)
+})
+
+/**
+ * 页面上拉触底事件的处理函数
+ */
+let current = 1
+let pages = 0
+const loadAll = ref(false) // 已加载全部
+onReachBottom(() => {
+  if (current < pages) {
+    current++
+    onLoadOrderData(sts.value, current)
+  } else {
+    loadAll.value = true
+  }
+})
+
+/**
+ * 加载订单数据
+ */
+const list = ref([])
+let stationId = 0
+let newList = []
+const onLoadOrderData = (sts, isCurrent) => {
+  uni.showLoading() // 加载订单列表
+  http.request({
+    url: '/mall4cloud_order/station/order_list_by_status',
+    method: 'GET',
+    data: {
+      pageNum: isCurrent,
+      pageSize: 10,
+      status: sts
+    }
+  }).then(({ data }) => {
+    data.list.forEach(order => {
+      order.orderToataluseScore = 0
+      order.orderItems.forEach(orderItem => {
+        if (orderItem.useScore) {
+          order.orderToataluseScore += orderItem.useScore
+        }
+      })
+      stationId = uni.getStorageSync('cloudStationId') ? JSON.parse(uni.getStorageSync('cloudStationId')) : ''
+      if (order.orderMold === 1 && order.orderVirtualInfoList && order.orderVirtualInfoList.length > 0) {
+        let virtualCount = 0
+        order.orderVirtualInfoList.forEach((virtualItem) => {
+          if (virtualItem.stationId === stationId) {
+            virtualCount++
+          }
+        })
+        order.virtualCount = virtualCount
+      }
+    })
+    if (isCurrent === 1) {
+      newList = data.list
+    } else {
+      newList = list.value.concat(data.list)
+    }
+    list.value = newList
+    pages = data.pages
+    current = isCurrent
+    uni.hideLoading()
+  })
+}
+
+/**
+ * 状态点击事件
+ */
+const onStsTap = (e) => {
+  sts.value = Number(e.currentTarget.dataset.sts)
+  onLoadOrderData(sts.value, 1)
+}
+
+/**
+ * 查看订单详情
+ */
+const onToOrderDetailPage = (orderNum, refundStatus) => {
+  const sts = refundStatus || 0
+  uni.navigateTo({
+    url: '/pages/order-detail/order-detail?orderNum=' + orderNum + '&refundStatus=' + sts
+  })
+}
+</script>
+<style lang="scss" scoped>
+@import "./order-list.scss";
+</style>
diff --git a/src/pages/pick-code/pick-code.scss b/src/pages/pick-code/pick-code.scss
new file mode 100644
index 0000000..b544f41
--- /dev/null
+++ b/src/pages/pick-code/pick-code.scss
@@ -0,0 +1,40 @@
+page{
+	overflow: hidden;
+}
+
+.page-pick-code {
+	width: 500rpx;
+	margin: 0 auto;
+	margin-top: 45%;
+	.title {
+		width: 500rpx;
+		font-size: 40rpx;
+		text-align: center;
+	}
+	.inp-wrapper {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		height: 100rpx;
+		margin-top: 50rpx;
+		border: 1rpx solid #fd6227;
+		border-radius: 15rpx;
+		overflow: hidden;
+	}
+	.input {
+		width: 370rpx;
+		height: 100rpx;
+		padding: 0 15rpx;
+	}
+	.sub-btn {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 100rpx;
+		height: 100rpx;
+		font-size: 30rpx;
+		color: #fff;
+		background-color: #fd6227;
+	}
+}
diff --git a/src/pages/pick-code/pick-code.vue b/src/pages/pick-code/pick-code.vue
new file mode 100644
index 0000000..31826b3
--- /dev/null
+++ b/src/pages/pick-code/pick-code.vue
@@ -0,0 +1,54 @@
+<template>
+  <view class="page-pick-code">
+    <view class="title">
+      输入核销码
+    </view>
+    <view class="inp-wrapper">
+      <input
+        class="input"
+        :value="code"
+        placeholder="请输入核销码"
+        @input="onGetPinkCodeInp"
+      >
+      <view
+        class="sub-btn"
+        @tap="onToScanPick"
+      >
+        确定
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import util from '@/utils/util'
+const code = ref('')
+/* 跳转到取件页面 */
+const onToScanPick = () => {
+  if (code.value === '') {
+    uni.showToast({
+      title: '请输入核销码',
+      icon: 'none'
+    })
+  } else if (!util.checkIsVerification(code.value)) {
+    code.value = ''
+    uni.showToast({
+      title: '请输入正确的核销码',
+      icon: 'none'
+    })
+  } else {
+    // 扫码后跳转核销页面
+    uni.navigateTo({
+      url: '/pages/scan-pick/scan-pick?pickCode=' + code.value + '&pageType=2'
+    })
+  }
+}
+// 获取提货码
+const onGetPinkCodeInp = (e) => {
+  code.value = e.detail.value
+}
+</script>
+
+<style lang="scss" scoped>
+@import "./pick-code.scss";
+</style>
diff --git a/src/pages/scan-pick/scan-pick.scss b/src/pages/scan-pick/scan-pick.scss
new file mode 100644
index 0000000..1cb339a
--- /dev/null
+++ b/src/pages/scan-pick/scan-pick.scss
@@ -0,0 +1,267 @@
+.page-scan-pick {
+	min-height: 100vh;
+	background-color: #f8f8f8;
+	overflow: hidden;
+	.personal-inf{ display: flex;
+	align-items: center;
+	width: 690rpx;
+	font-size: 28rpx;
+	background-color: #fff;
+	border-radius: 10rpx;
+	margin: 0 auto;
+	margin-top: 30rpx;
+}
+.personal-inf-wrapper {
+	padding: 30rpx 0;
+}
+.personal-inf {
+	.line {
+		display: flex;
+		align-items: top;
+		&:not(:last-child) {
+			margin-bottom: 30rpx;
+		}
+		view {
+			display: inline-block;
+		}
+		.title {
+			white-space: nowrap;
+			color: #999;
+			padding-right: 15rpx;
+			margin-left: 30rpx;
+			width: 180rpx;
+			display: flex;
+			justify-content: space-between;
+		}
+		.detail {
+			width: 460rpx;
+			word-wrap: break-word;
+			word-break: normal;
+			color: 333;
+		}
+	}
+}
+.commodity-inf {
+	width: 690rpx;
+	background-color: #fff;
+	border-radius: 10rpx;
+	margin: 0 auto;
+	margin-top: 30rpx;
+	.title {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		height: 80rpx;
+		border-bottom: 3rpx solid #eee;
+	}
+	.icon {
+		display: inline-block;
+		width: 30rpx;
+		height: 30rpx;
+		margin-right: 15rpx;
+		>image {
+			width: 100%;
+			height: 100%;
+		}
+	}
+	.font {
+		display: inline-block;
+		font-size: 28rpx;
+		font-weight: 550;
+		padding-right: 16rpx;
+	}
+	.total {
+		display: block;
+		padding: 30rpx 0;
+		text-align: right;
+		font-size: 28rpx;
+		box-sizing: border-box;
+	}
+}
+.commodity-inf-wrapper {
+	padding: 0 30rpx;
+}
+.prod-box {
+	display: block;
+}
+.item-cont {
+	border-bottom: 3rpx solid #eee;
+	.gift-prods {
+		margin-left: 200rpx;
+		margin-top: 10rpx;
+		margin-bottom: 30rpx;
+		font-size: 24rpx;
+		.gift-item {
+			display: block;
+			width: 100%;
+			color: #333;
+			margin-bottom: 10rpx;
+			.name {
+				display: inline-block;
+				vertical-align: middle;
+				padding-right: 10rpx;
+				box-sizing: border-box;
+				width: 90%;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+			.num {
+				display: inline-block;
+				vertical-align: middle;
+				padding-right: 10rpx;
+				box-sizing: border-box;
+			}
+		}
+	}
+}
+.prod-detail {
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: 220rpx;
+	.prod-img {
+		display: inline-block;
+		width: 175rpx;
+		height: 175rpx;
+		margin-right: 20rpx;
+		image {
+			width: 175rpx;
+			height: 175rpx;
+		}
+	}
+	.prod-inf {
+		display: inline-block;
+		font-size: 25rpx;
+		width: 100%;
+		.prod-title {
+			line-height: 19px;
+			max-height: 39px;
+			overflow: hidden;
+			display: -webkit-box;
+			-webkit-line-clamp: 2;
+			-webkit-box-orient: vertical;
+			text-overflow: ellipsis;
+			word-break: break-all;
+			color: #333;
+			font-size: 26rpx;
+			font-weight: 549;
+		}
+		.brief {
+			font-size: 23rpx;
+			color: #999;
+			padding: 15rpx 0;
+			.gift-icon {
+				display: inline-block;
+				padding: 8rpx;
+				border-radius: 6rpx;
+				background: #e43130;
+				color: #fff;
+				margin-right: 8rpx;
+				line-height: 1em;
+			}
+		}
+		.price {
+			font-size: 31rpx;
+			font-weight: 520;
+			color: #e43130;
+		}
+		.num {
+			float: left;
+			font-size: 30rpx;
+			color: #999;
+		}
+		.sku-type {
+			font-size: 22rpx;
+			float: right;
+			word-break: break-all;
+			line-height: 30rpx;
+			color: #999;
+			border: 1rpx solid #999;
+			border-radius: 4rpx;
+			padding: 1rpx 6rpx;
+		}
+	}
+}
+.red {
+	color: #e43130;
+}
+.order-remarks {
+	display: flex;
+	width: 690rpx;
+	padding: 20rpx 0;
+	font-size: 28rpx;
+	background-color: #fff;
+	border-radius: 10rpx;
+	margin: 0 auto;
+	margin-top: 20rpx;
+	.remarks-title {
+		font-size: 28rpx;
+		color: #999;
+		margin-left: 30rpx;
+		width: 140rpx;
+	}
+	.remarks-txt {
+		width: 500rpx;
+		word-wrap: break-word;
+		word-break: break-all;
+		overflow: hidden;
+	}
+}
+.virtual-goods-code {
+	display: block;
+	width: 690rpx;
+	padding: 20rpx 30rpx;
+	box-sizing: border-box;
+	font-size: 28rpx;
+	background-color: #fff;
+	border-radius: 10rpx;
+	margin: 0 auto;
+	margin-top: 20rpx;
+	.code-tit {
+		margin-bottom: 20rpx;
+	}
+	.code-list.code-box {
+		max-height: 1000rpx;
+		overflow-y: auto;
+		.code-item {
+			font-size: 26rpx;
+		}
+	}
+	.code-list {
+		&:not(:last-child) {
+			border-bottom: 1px solid #eee;
+			padding-bottom: 10rpx;
+			margin-bottom: 20rpx;
+		}
+		.code-item {
+			margin-bottom: 16rpx;
+			font-size: 24rpx;
+		}
+		.date {
+			display: flex;
+			align-items: flex-start;
+			.lf {
+				white-space: nowrap;
+			}
+		}
+	}
+	.weak {
+		color: #999;
+	}
+}
+.pick-btn {
+	width: 690rpx;
+	height: 80rpx;
+	line-height: 80rpx;
+	font-size: 30rpx;
+	color: #fff;
+  background: #f81a1a;
+	text-align: center;
+	border-radius: 10rpx;
+	margin: 100rpx auto;
+}
+.no-pick-btn {
+	background: #e5e5e5;
+}
+}
diff --git a/src/pages/scan-pick/scan-pick.vue b/src/pages/scan-pick/scan-pick.vue
new file mode 100644
index 0000000..44932c9
--- /dev/null
+++ b/src/pages/scan-pick/scan-pick.vue
@@ -0,0 +1,499 @@
+<template>
+  <view class="page-scan-pick">
+    <!-- 提货人信息 -->
+    <view
+      v-if="isSelfPickup === 0 && (stationAddress || stationUserName || stationUserMobile)"
+      class="personal-inf"
+    >
+      <view class="personal-inf-wrapper">
+        <view class="pick-addr line">
+          <view class="title">
+            <text>提</text>
+            <text>货</text>
+            <text>地</text>
+            <text>点：</text>
+          </view>
+          <view class="detail">
+            {{ stationAddress }}
+          </view>
+        </view>
+        <view class="pick-people line">
+          <view class="title">
+            <text>提</text>
+            <text>货</text>
+            <text>人：</text>
+          </view>
+          <view class="detail">
+            {{ stationUserName }}
+          </view>
+        </view>
+        <view class="pick-people line">
+          <view class="title">
+            <text>提</text>
+            <text>货</text>
+            <text>人</text>
+            <text>号</text>
+            <text>码：</text>
+          </view>
+          <view class="detail">
+            {{ stationUserMobile }}
+          </view>
+        </view>
+      </view>
+    </view>
+    <!-- 商品信息 -->
+    <view
+      v-if="orderList && orderList.length"
+      class="commodity-inf"
+    >
+      <view class="commodity-inf-wrapper">
+        <view class="title">
+          <!-- <view class="icon"><image src=""></image></view> -->
+          <view class="icon">
+            <image src="/static/images/icon/shop.png" />
+          </view>
+          <view class="font">
+            {{ shopName }}
+          </view>
+        </view>
+        <view class="prod-box">
+          <view
+            v-for="(item, key) in orderList"
+            :key="key"
+            class="item-cont"
+          >
+            <view class="prod-detail">
+              <view class="prod-img">
+                <image
+                  v-if="!item.isPicError && item.pic"
+                  :src="item.pic.indexOf('http') === -1 ? picDomain + item.pic : item.pic"
+                  @error="onHandlePicError(item)"
+                />
+                <image
+                  v-else
+                  src="/static/images/icon/def.png"
+                />
+              </view>
+              <view class="prod-inf">
+                <view class="prod-title">
+                  {{ item.spuName }}
+                </view>
+                <view class="brief">
+                  <text
+                    v-if="orderItems.length === 1 && item.giveawayOrderItemId"
+                    class="gift-icon"
+                  >
+                    赠品
+                  </text>
+                  <text class="sku-name">
+                    {{ item.skuName }}
+                  </text>
+                </view>
+                <view>
+                  <text class="num">
+                    ×{{ item.count }}
+                  </text>
+                  <text
+                    v-if="item.stationStatus === 1"
+                    class="sku-type"
+                  >
+                    已核销
+                  </text>
+                </view>
+              </view>
+            </view>
+
+            <!-- 组合 -->
+            <view
+              v-if="item.comboItemList && item.comboItemList.length"
+              class="gift-prods"
+            >
+              <view
+                v-for="comboItem in item.comboItemList"
+                :key="comboItem.orderItemId"
+                class="gift-item"
+              >
+                <text class="name">
+                  【组合】{{ comboItem.spuName }}
+                </text>
+                <text class="num">
+                  ×{{ comboItem.count }}
+                </text>
+              </view>
+            </view>
+            <!-- / 组合 -->
+
+            <!-- 赠品：多个商品时展示 -->
+            <view
+              v-if="orderItems.length > 1 && item.giveawayList && item.giveawayList.length"
+              class="gift-prods"
+            >
+              <view
+                v-for="giftItem in item.giveawayList"
+                :key="giftItem.orderItemId"
+                class="gift-item"
+              >
+                <text class="name">
+                  【赠品】{{ giftItem.spuName }}
+                </text>
+                <text class="num">
+                  ×{{ giftItem.count }}
+                </text>
+              </view>
+            </view>
+            <!-- / 赠品 -->
+          </view>
+        </view>
+        <view class="total-box">
+          <view class="total">
+            <text>共{{ productNums }}件商品，合计：</text>
+            <text
+              v-if="actualTotal"
+              class="red"
+            >
+              ￥{{ actualTotal }}
+            </text><text v-if="useScore&&actualTotal">
+              +
+            </text><text
+              v-if="useScore"
+              class="red"
+            >
+              {{ useScore }} 积分
+            </text>
+          </view>
+        </view>
+      </view>
+    </view>
+    <!-- 券码列表(虚拟商品核销) -->
+    <view
+      v-if="isSelfPickup === 1 && orderVirtualInfoList.length"
+      class="virtual-goods-code"
+    >
+      <view class="code-tit">
+        即将核销（{{ orderVirtualInfoList.length }}张）
+      </view>
+      <view class="code-list">
+        <view class="code-item date weak">
+          <view class="lf">
+            有效期限：
+          </view>
+          <view class="rg">
+            <text v-if="writeOffStart && !writeOffEnd">
+              永久有效
+            </text>
+            <text v-if="writeOffStart && writeOffEnd">
+              {{ writeOffStart }} 至 {{ writeOffEnd }}
+            </text>
+          </view>
+        </view>
+        <view class="code-item date weak">
+          <view class="lf">
+            核销次数：
+          </view>
+          <view class="rg">
+            <text v-if="writeOffNum === -1">
+              多次核销
+            </text>
+            <text v-if="writeOffNum === 1">
+              单次核销
+            </text>
+            <text v-if="writeOffNum === 0">
+              无需核销
+            </text>
+          </view>
+        </view>
+      </view>
+      <view class="code-list code-box">
+        <view
+          v-for="(item,index) in orderVirtualInfoList"
+          :key="index"
+          class="code-item"
+        >
+          券码<text v-if="orderVirtualInfoList.length > 1">
+            {{ index+1 }}
+          </text>：
+          <text>{{ item.writeOffCode }}</text>
+        </view>
+      </view>
+    </view>
+    <!-- 全部留言(虚拟商品核销) -->
+    <view
+      v-if="!isSelfPickup && virtualRemark && virtualRemark.length"
+      class="virtual-goods-code"
+    >
+      <view class="code-tit">
+        全部留言
+      </view>
+      <view class="code-list">
+        <view
+          v-for="(item,index) in virtualRemark"
+          :key="index"
+          class="code-item weak"
+        >
+          {{ item.name }}&nbsp;&nbsp;&nbsp;&nbsp;{{ item.value }}
+        </view>
+      </view>
+    </view>
+    <!-- 订单备注 -->
+    <view
+      v-if="remarks"
+      class="order-remarks"
+    >
+      <text class="remarks-title">
+        订单备注：
+      </text>
+      <text class="remarks-txt">
+        {{ remarks }}
+      </text>
+    </view>
+    <!-- 提货按钮 -->
+    <view
+      v-if="!requestPageError"
+      :class="['pick-btn']"
+      @tap="pickGood"
+    >
+      {{ isSelfPickup===0 ? '确认取件' : '确认核销' }}
+    </view>
+  </view>
+</template>
+
+<script setup>
+const picDomain = import.meta.env.VITE_APP_RESOURCES_URL // 图片地址
+let pickCode = '' // 提货码
+const shopName = ref('') // 店铺名称
+const status = ref('') // 订单状态1:待付款 2:待发货 3:待收货 4:待评价 5:成功 6:失败
+let orderNumber = '' // 订单号
+const stationUserName = ref('') // 提货人名字
+const stationUserMobile = ref('') // 提货人号码
+const stationAddress = ref('') // 提货地点
+const productNums = ref(0)// 订单商品总件数
+const actualTotal = ref(0)// 订单总价
+const useScore = ref(0) // 积分
+const orderList = ref([]) // 订单的商品列表
+const remarks = ref('') // 订单备注
+let pageType = 1 // 1扫码 2手动输入核销码
+const isSelfPickup = ref(0) // 是否自提
+const orderVirtualInfoList = ref([]) // 虚拟商品
+const couponUsers = [] // 优惠券
+const virtualRemark = ref([]) // 虚拟商品-全部留言
+const writeOffStart = ref(null) // 核销有效期
+const writeOffEnd = ref(null)
+const writeOffNum = ref(0) // 核销次数 -1多次 1单次 0无需
+const requestPageError = ref(true) // 是否成功请求页面数据
+let timer = ''
+const orderItems = ref([])
+/* 生命周期函数--监听页面加载 */
+onLoad((options) => {
+  // 拿到扫码得到的提货码
+  if (options.pickCode) {
+    pickCode = options.pickCode
+  } else {
+    uni.showModal({
+      title: '提示',
+      content: '该提货码，没有对应订单',
+      showCancel: false,
+      confirmText: '确定',
+      success: (res) => {
+        if (res.confirm) {
+          uni.redirectTo({
+            url: '/pages/index/index'
+          })
+        }
+      }
+    })
+    return
+  }
+  // 进入页面类型：1扫码进入 2输入核销码进入
+  pageType = Number(options.pageType)
+})
+/* 生命周期函数--监听页面显示 */
+onShow(() => {
+  if (pickCode) {
+    onGetPickGoodInf()
+  }
+})
+/**
+ * 获取核销码信息
+ */
+const onGetPickGoodInf = () => {
+  uni.showLoading()
+  http.request({
+    url: '/mall4cloud_order/station/get_station_order_by_code',
+    method: 'GET',
+    data: {
+      code: pickCode
+    }
+  }).then(({ data }) => {
+    if (Object.keys(data).length > 0) {
+      // 自提
+      if (data.orderSelfStationVO) {
+        stationUserName.value = data.orderSelfStationVO.stationUserName
+        stationUserMobile.value = data.orderSelfStationVO.stationUserMobile
+        stationAddress.value = data.orderSelfStationVO.stationAddress
+        isSelfPickup.value = 0
+      }
+      // 虚拟商品核销
+      if (data.orderVirtualInfoList) {
+        isSelfPickup.value = 1
+        orderVirtualInfoList.value = data.orderVirtualInfoList
+        virtualRemark.value = data.virtualRemark ? JSON.parse(data.virtualRemark) : []
+        writeOffStart.value = data.writeOffStart
+        writeOffEnd.value = data.writeOffEnd
+        writeOffNum.value = parseInt(data.writeOffNum)
+        if (virtualRemark.value && virtualRemark.value.length) {
+          virtualRemark.value = virtualRemark.value.filter(el => el.value)
+        }
+        // 处理从输入核销码页面输入订单号进入的情况
+        if (!orderVirtualInfoList.value.find(el => el.writeOffCode === pickCode) && pickCode === data.orderNumber && pageType === 2) {
+          pageType = 1
+        }
+      }
+      data.orderItems.forEach(item => {
+        useScore.value += item.useScore
+      })
+      shopName.value = data.shopName
+      status.value = data.status
+      orderNumber = data.orderId
+      productNums.value = data.allCount
+      actualTotal.value = data.actualTotal / 100
+      orderItems.value = data.orderItems
+      remarks.value = data.remarks
+      requestPageError.value = false
+
+      orderList.value = data.orderItems
+      // 处理单个商品时，有赠品的商品列表
+      if (data.orderItems && data.orderItems.length === 1 && data.orderItems[0].giveawayList && data.orderItems[0].giveawayList.length
+      ) {
+        orderList.value = [...data.orderItems, ...data.orderItems[0].giveawayList]
+      }
+    } else {
+      requestPageError.value = true
+      uni.showModal({
+        title: '提示',
+        content: '没有该货物信息，请确认登录账号是否正确',
+        showCancel: false,
+        confirmText: '确定',
+        success: (data) => {
+          if (data.confirm) {
+            uni.redirectTo({
+              url: '/pages/index/index'
+            })
+          }
+        }
+      })
+    }
+    uni.hideLoading()
+  }).catch(err => {
+    uni.hideLoading()
+    requestPageError.value = true
+    uni.showModal({
+      title: '提示',
+      content: err.msg,
+      showCancel: false,
+      confirmText: '确定',
+      success: (err) => {
+        if (err.confirm) {
+          uni.redirectTo({
+            url: '/pages/index/index'
+          })
+        }
+      }
+    })
+  })
+}
+
+/**
+ * 确认核销
+ */
+const pickGood = () => {
+  if (requestPageError.value) {
+    return
+  }
+  let title = ''
+  // 1、自提商品购买后取货前状态是status==2
+  // 2、虚拟商品购买后核销前状态是status==3(确认收货即状态5已完成，未核销的券码仍然可以核销)
+  if ((isSelfPickup.value === 0 && status.value === 2) || (isSelfPickup.value === 1 && (status.value === 3 || status.value === 5 || status.value === 8)) || (isSelfPickup.value === 2 && couponUsers[0].status.value === 1)) {
+    const url = isSelfPickup.value === 0 ? '/mall4cloud_order/station/order_station_by_order_id' : '/mall4cloud_order/station/order_write_off_by_order_id'
+    const code = isSelfPickup.value === 0 ? orderNumber : { orderId: orderNumber }
+    // 虚拟商品输入核销码核销单个券码时再传writeOffCode，扫码进入无需传writeOffCode
+    if (pageType === 2 && isSelfPickup.value !== 0) {
+      code.writeOffCode = pickCode
+    }
+    uni.showModal({
+      title: '提示',
+      content: !isSelfPickup.value ? '是否确认取件' : '是否确认核销',
+      cancelText: '取消',
+      confirmText: '确定',
+      success: (res) => {
+        if (res.confirm) {
+          uni.showLoading()
+          http.request({
+            url,
+            method: 'PUT',
+            data: code
+          }).then(() => {
+            uni.showToast({
+              title: isSelfPickup.value === 0 ? '取件成功' : '核销成功',
+              icon: 'success'
+            })
+            timer = setTimeout(() => {
+              uni.redirectTo({
+                url: '/pages/index/index'
+              })
+            }, 800)
+            uni.hideLoading()
+          }).catch(err => {
+            uni.showToast({
+              title: err.data.msg,
+              icon: 'none'
+            })
+            uni.hideLoading()
+          })
+        }
+      }
+    })
+  } else {
+    if (status.value === 1) {
+      title = !isSelfPickup.value ? '订单待支付,请支付后再来取货' : '订单待支付,请先完成支付'
+    } else if ((!isSelfPickup.value && (status.value === 3 || status.value === 5)) || status.value === 4 || (isSelfPickup.value === 2 && couponUsers[0].status.value === 2)) {
+      title = !isSelfPickup.value ? '订单已取货' : '订单已核销'
+    } else if (status.value === 6) {
+      title = '订单已取消'
+    } else if (status.value === 7) {
+      title = '订单未成团，不支持核销'
+    }
+    uni.showModal({
+      title: '提示',
+      content: title,
+      showCancel: false,
+      confirmText: '确定',
+      success: (res) => {
+        if (res.confirm) {
+          uni.redirectTo({
+            url: '/pages/index/index'
+          })
+        }
+      }
+    })
+  }
+}
+
+/**
+ * 图片加载失败时显示默认图片
+ */
+const onHandlePicError = (item) => {
+  item.isPicError = true
+}
+
+onUnload(() => {
+  if (timer) {
+    clearTimeout(timer)
+    timer = null
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+@import "./scan-pick.scss";
+
+</style>
diff --git a/src/pages/shop-adminsistration/shop-adminsistration.scss b/src/pages/shop-adminsistration/shop-adminsistration.scss
new file mode 100644
index 0000000..be8eb14
--- /dev/null
+++ b/src/pages/shop-adminsistration/shop-adminsistration.scss
@@ -0,0 +1,306 @@
+
+.page-shop-adminsistration {
+	width: 100%;
+	height: 100%;
+	overflow: auto;
+	.msg-box { display: block;
+	background: #fff;
+	margin-bottom: 15rpx;
+	width: 100%;
+	height: 100%;
+}
+.msg-tit {
+	padding: 20rpx;
+	border-bottom: 1rpx solid #f2f2f2;
+}
+.shop-icon {
+	display: inline-block;
+	width: 40rpx;
+	height: 40rpx;
+	margin-right: 15rpx;
+	vertical-align: middle;
+	>image {
+		display: block;
+		width: 100%;
+		height: 100%;
+	}
+}
+.shop-msg-tit {
+	display: inline-block;
+	font-size: 32rpx;
+	font-weight: bold;
+	vertical-align: middle;
+}
+.msg-cont-box {
+	font-size: 30rpx;
+	padding: 25rpx 0;
+	margin: 0 20rpx;
+	border-bottom: 1rpx solid #f2f2f2;
+	display: flex;
+}
+.cont-txt {
+	display: inline-block;
+	width: 150rpx;
+	text-align: right;
+	vertical-align: middle;
+	margin: auto 0;
+	margin-right: 40rpx;
+}
+.cont-int {
+	display: inline-block;
+	vertical-align: middle;
+	width: 70%;
+}
+.cont-left {
+	display: inline-block;
+	width: 100rpx;
+	height: 60rpx;
+	vertical-align: middle;
+	padding: 0 15rpx;
+	border: 1rpx solid #d8dbe2;
+}
+.cont-right {
+	display: inline-block;
+	height: 60rpx;
+	vertical-align: middle;
+	padding: 0 15rpx;
+	border: 1rpx solid #d8dbe2;
+}
+.num-line {
+	display: inline-block;
+	width: 30rpx;
+	height: 2rpx;
+	vertical-align: middle;
+	background-color: #606266;
+	margin: 30rpx 10rpx;
+}
+.picker-section {
+	display: inline-block;
+	font-size: 25rpx;
+	vertical-align: middle;
+	margin-top: 2rpx;
+	.station-time {
+		display: inline-block;
+		width: 150rpx;
+		color: red;
+		margin-left: 8rpx;
+	}
+	.inter-time {
+		width: 500rpx;
+		font-size: 30rpx;
+	}
+}
+.cont-day {
+	display: inline-block;
+	width: 60rpx;
+	height: 60rpx;
+	vertical-align: middle;
+	text-align: center;
+	border-bottom: 1rpx solid #d8dbe2;
+}
+.text-day {
+	font-size: 18rpx;
+}
+.station-status {
+	display: inline-block;
+	.right-radio {
+		margin-left: 50rpx;
+	}
+}
+.disable {
+	color: #aaa;
+}
+.align-top {
+	vertical-align: top;
+}
+.cont-textarea {
+	box-sizing: border-box;
+	vertical-align: top;
+	line-height: 1.5em;
+	border: 1rpx solid #ececec;
+	border-radius: 8rpx;
+	padding: 10rpx 15rpx;
+}
+.addr {
+	position: relative;
+}
+.pca {
+	display: inline-block;
+	width: 70%;
+	vertical-align: middle;
+}
+:deep(.arrow) {
+	width: 25rpx;
+	height: 25rpx;
+	image {
+		width: 100%;
+		height: 100%;
+	}
+  .areaPicker {
+    width: 100%;
+    height: 100%;
+  }
+}
+.animation-element-wrapper {
+	display: flex;
+	position: fixed;
+	left: 0;
+	top: 0;
+	height: 100%;
+	width: 100%;
+	background-color: rgba(0, 0, 0, 0.6);
+	z-index: 999;
+}
+.animation-element {
+	display: flex;
+	position: fixed;
+	width: 100%;
+	height: 470rpx;
+	bottom: 0;
+	background-color: rgba(255, 255, 255, 1);
+}
+.right-bt {
+	right: 20rpx;
+	top: 20rpx;
+	position: absolute;
+	width: 80rpx !important;
+}
+.line {
+	display: block;
+	position: fixed;
+	height: 2rpx;
+	width: 100%;
+	margin-top: 89rpx;
+	background-color: #eee;
+}
+picker-view {
+	background-color: white;
+	padding: 0;
+	width: 100%;
+	height: 380rpx;
+	bottom: 0;
+	position: fixed;
+}
+picker-view-column {
+	view {
+		vertical-align: middle;
+		font-size: 28rpx;
+		line-height: 28rpx;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+}
+.show-location {
+	display: inline-block;
+	vertical-align: middle;
+	font-size: 30rpx;
+	line-height: 1.5em;
+	width: 45%;
+	margin-top: 2rpx;
+}
+.map {
+	float: right;
+	color: #ffffff;
+	background: #e43130;
+	font-size: 25rpx;
+	line-height: 40rpx;
+	height: 40rpx;
+	padding: 10rpx 20rpx;
+	border-radius: 8rpx;
+	margin-top: 16rpx;
+	vertical-align: middle;
+}
+.clearfix {
+	&::after {
+		display: block;
+		height: 0;
+		overflow: hidden;
+		content: '';
+		clear: both;
+	}
+}
+.upload-files {
+	display: inline-block;
+	vertical-align: top;
+}
+.upload-tips {
+	font-size: 26rpx;
+	color: #888888;
+	line-height: 2em;
+	margin-bottom: 15rpx;
+}
+.preview-img-box {
+	position: relative;
+	width: 120rpx;
+	height: 120rpx;
+	display: inline-block;
+	margin-bottom: 15rpx;
+	background: #eee;
+}
+.preview-logo {
+	width: 120rpx;
+	height: 120rpx;
+}
+image.preview-img {
+	width: 100%;
+	height: 100%;
+}
+.preview-img-del {
+	position: absolute;
+	top: -5rpx;
+	right: -5rpx;
+	width: 28rpx;
+	height: 28rpx;
+}
+.card-upload {
+	display: inline-block;
+	margin-right: 50rpx;
+}
+.card-txt {
+	font-size: 24rpx;
+	text-align: center;
+	color: #777;
+}
+.upload-icon {
+	display: inline-block;
+	width: 120rpx;
+	height: 120rpx;
+	line-height: 110rpx;
+	text-align: center;
+	border: 1rpx solid #e0e0e0;
+	vertical-align: top;
+	font-size: 90rpx;
+	color: #ddd;
+	margin-bottom: 15rpx;
+}
+.apply-btn {
+	padding: 100rpx 30rpx 150rpx 30rpx;
+}
+.btn {
+	font-size: 30rpx;
+	text-align: center;
+	background: #e43130;
+	padding-top: 20rpx;
+	padding-bottom: 20rpx;
+	color: #fff;
+	border-radius: 8rpx;
+}
+.foot-tips {
+	font-size: 28rpx;
+	color: #aaa;
+	line-height: 1.5em;
+	margin-top: 20rpx;
+}
+.audit-remark {
+	font-size: 26rpx;
+	background: #ffffcd;
+	color: #333;
+	padding: 20rpx;
+}
+image {
+  width: 100%;
+  height: 100%;
+}
+}
diff --git a/src/pages/shop-adminsistration/shop-adminsistration.vue b/src/pages/shop-adminsistration/shop-adminsistration.vue
new file mode 100644
index 0000000..b593b2a
--- /dev/null
+++ b/src/pages/shop-adminsistration/shop-adminsistration.vue
@@ -0,0 +1,525 @@
+<template>
+  <view class="page-shop-adminsistration">
+    <form class="msg-box">
+      <view class="msg-tit">
+        <view class="shop-icon">
+          <image src="/static/images/icon/shop-icon.png" />
+        </view>
+        <view class="shop-msg-tit">
+          店铺管理
+        </view>
+      </view>
+      <!-- 自提点名称 -->
+      <view class="msg-cont-box">
+        <label class="cont-txt">门店名称</label>
+        <input
+          type="text"
+          class="cont-int"
+          :value="stationName"
+          maxlength="50"
+          placeholder="输入自提点名称"
+          @input="onBindStationNameInt"
+        >
+      </view>
+      <!-- 自提点图片 -->
+      <view class="msg-cont-box">
+        <label class="cont-txt">门店图片</label>
+        <!-- 上传文件 -->
+        <view class="upload-files align-top">
+          <!-- 预览图片 -->
+          <view
+            v-if="logoImg.path"
+            class="preview-img-box preview-logo"
+          >
+            <image
+              class="preview-img"
+              :src="logoImg.url"
+              mode="aspectFill"
+            />
+            <!-- 删除 -->
+            <image
+              class="preview-img-del"
+              data-type="logoImg"
+              src="/static/images/icon/close2.png"
+              @tap="onRemoveImage"
+            />
+          </view>
+          <!-- 上传 -->
+          <view
+            v-if="!logoImg.path "
+            class="upload-icon upload-logo"
+            data-type="logoImg"
+            @tap="onGetUploadImg"
+          >
+            +
+          </view>
+        </view>
+        <!-- 上传文件end -->
+      </view>
+      <!-- /自提点图片 -->
+      <!-- 状态 -->
+      <view class="msg-cont-box">
+        <label class="cont-txt">状态</label>
+        <radio-group class="station-status">
+          <label class="radio">
+            <radio
+              :checked="stationStatus===1"
+              color="#e43130"
+              @tap="onStatusChange(1)"
+            />营业
+          </label>
+          <label class="radio right-radio">
+            <radio
+              :checked="stationStatus===0"
+              color="#e43130"
+              @tap="onStatusChange(0)"
+            />关闭
+          </label>
+        </radio-group>
+      </view>
+      <!-- 电话号码 -->
+      <view class="msg-cont-box">
+        <label class="cont-txt">电话号码</label>
+        <input
+          type="number"
+          placeholder="区号"
+          :value="stationOwnerAreaCode"
+          class="cont-left"
+          maxlength="5"
+          @input="onBindStationOwnerAreaCodeInt"
+        >
+        <view class="num-line" />
+        <input
+          type="number"
+          placeholder="电话/手机号码"
+          :value="stationOwnerPhoneValue"
+          class="cont-right"
+          maxlength="11"
+          @input="onBindStationOwnerPhoneInt"
+        >
+      </view>
+      <!-- 营业时间 -->
+      <view class="msg-cont-box">
+        <label class="cont-txt">营业时间</label>
+        <view class="picker-section">
+          <picker
+            mode="time"
+            :value="stationStartTime"
+            @change="onBindStartTimeChange"
+          >
+            <view class="picker">
+              开始<text class="station-time">
+                {{ tsDate(stationStartTime) }}
+              </text>
+            </view>
+          </picker>
+        </view>
+        <view class="picker-section">
+          <picker
+            mode="time"
+            :start="stationStartTime"
+            @change="onBindEndTimeChange"
+          >
+            <view class="picker">
+              结束<text class="station-time">
+                {{ tsDate(stationEndTime) }}
+              </text>
+            </view>
+          </picker>
+        </view>
+      </view>
+      <!-- 店铺地址 -->
+      <view
+        class="msg-cont-box addr"
+        @tap="translate"
+      >
+        <label class="cont-txt">所在地区</label>
+        <!-- 展示 -->
+        <view class="pca">
+          {{ province }} {{ city }} {{ area }}
+        </view>
+        <view class="arrow">
+          <area-picker
+            v-model:show-picker="showPicker"
+            v-model:value="addressValue"
+            :class-list="['areaPicker']"
+            @change="addressChange"
+          />
+        </view>
+      </view>
+      <!-- 详细地址 -->
+      <view class="msg-cont-box">
+        <label class="cont-txt">详细地址</label>
+        <input
+          type="text"
+          :value="stationAddrValue"
+          class="cont-int"
+          placeholder="填写详细地址"
+          @input="onBindStationAddrInt"
+        >
+      </view>
+      <!-- 经纬度(调用微信地图获取) -->
+      <view class="msg-cont-box wx-map clearfix">
+        <view class="cont-txt">
+          地理位置
+        </view>
+        <view
+          v-if="latitude"
+          class="show-location"
+        >
+          <view>{{ '纬度：' + latitude }}</view>
+          <view>{{ '经度：' + longitude }}</view>
+        </view>
+        <view
+          class="map"
+          @tap="onChooseLocation"
+        >
+          点击获取位置
+        </view>
+      </view>
+    </form>
+    <!-- 提交申请 -->
+    <view class="apply-btn">
+      <view
+        class="btn"
+        @tap="onSubmitApply"
+      >
+        提交修改
+      </view>
+    </view>
+  </view>
+</template>
+<script setup>
+import AreaPicker from '@/components/area-picker/area-picker.vue'
+import util from '@/utils/util.js'
+const tsDate = (value) => {
+  if (value) {
+    try {
+      value = value.split(':')
+      value.pop()
+      return value.join(':')
+    } catch {
+      return value
+    }
+  }
+  return value
+}
+let t = 0
+const resourcesUrl = import.meta.env.VITE_APP_RESOURCES_URL
+let stationId = 0 // 自提点Id
+const stationStatus = ref(1) // 自提点状态  0:关闭 1:营业
+const stationName = ref('') // 自提点名称
+const logoImg = ref({}) // 自提点logo
+const stationOwnerAreaCode = ref('') // 电话区号
+const stationOwnerPhoneValue = ref('') // 电话/手机号码
+const stationStartTime = ref('') // 开始营业时间
+const stationEndTime = ref('') // 打烊的时间
+const provinceId = ref(0)
+let cityId = 0
+let areaId = 0
+const province = ref('')
+const city = ref('')
+const area = ref('')
+const stationAddrValue = ref('') // 详细地址
+const latitude = ref('') // 经度
+const longitude = ref('') // 纬度
+const animation = ref('')
+let tempFiles = null
+let type = ''
+const addressChange = (address) => {
+  province.value = address[0].areaName
+  city.value = address[1].areaName
+  area.value = address[2].areaName
+  provinceId.value = address[0].areaId
+  cityId = address[1].areaId
+  areaId = address[2].areaId
+}
+/**
+ * 生命周期函数--监听页面加载
+ */
+onLoad(async (options) => {
+  await onGetStationInfo(options)// 获取自提点信息
+})
+/**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+onReady(() => {
+  // 底部弹框动画
+  animation.value = uni.createAnimation({
+    transformOrigin: '50% 50%',
+    duration: 0,
+    timingFunction: 'ease',
+    delay: 0
+  })
+  animation.value.translateY(200 + 'vh').step()
+  animation.value = animation.value.export()
+})
+/* 自提点信息 */
+const onGetStationInfo = (options) => {
+  uni.showLoading()
+  http.request({
+    url: '/mall4cloud_order/station',
+    method: 'GET',
+    data: {}
+  }).then(async ({ data }) => {
+    const timeDate = JSON.parse(data.timeInfo)
+    stationId = data.stationId
+    stationName.value = data.stationName || ''
+    logoImg.value.url = import.meta.env.VITE_APP_RESOURCES_URL + data.imgUrl
+    logoImg.value.path = data.imgUrl
+    stationStatus.value = data.status
+    stationOwnerAreaCode.value = data.mobilePrefix
+    stationOwnerPhoneValue.value = data.mobile || ''
+    stationStartTime.value = util.formatTime(timeDate.shopTime[0]).split(' ')[1]// 切割返回的营业时间
+    stationEndTime.value = util.formatTime(timeDate.shopTime[1]).split(' ')[1]// 切割返回的打烊时间
+    provinceId.value = data.provinceId
+    cityId = data.cityId
+    areaId = data.areaId
+    province.value = data.province
+    city.value = data.city
+    area.value = data.area
+    stationAddrValue.value = data.addr || ''
+    latitude.value = data.lat
+    longitude.value = data.lng
+    uni.hideLoading()
+    addressValue.value = [data.provinceId, data.cityId, data.areaId]
+    if (options.module && uni.getStorageSync('cloudSetStationLocationFlag')) {
+      afterLoc(options)
+    }
+  })
+}
+/**
+ * 获取到定位后的回调
+ * loc 定位信息
+ */
+const afterLoc = (loc) => {
+  if (loc && loc.module === 'locationPicker') { // 防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
+    stationAddrValue.value = loc.addr
+    latitude.value = loc.latng.split(',')[0]
+    longitude.value = loc.latng.split(',')[1]
+    util.area(loc.addr, loc.name).then(res => {
+      if (!res) return
+      const addrReplacrstr = res[0].name + res[1].name + res[2].name
+      stationAddrValue.value = stationAddrValue.value.replace(addrReplacrstr, '') || loc.poiname
+      province.value = res[0].name
+      city.value = res[1].name
+      area.value = res[2].name
+      provinceId.value = res[0].areaId
+      cityId = res[1].areaId
+      areaId = res[2].areaId
+    })
+    uni.setStorageSync('cloudSetStationLocationFlag', false)
+  }
+}
+/* 改变自提点状态 */
+const onStatusChange = (v) => {
+  stationStatus.value = v
+}
+/**
+ * 请求接口传数据
+ */
+const onSubmitApply = () => {
+  if (stationName.value.trim().length < 2) {
+    wx.showToast({
+      title: '请输入至少两位数字字母汉字组成的自提点名称',
+      icon: 'none'
+    })
+  } else if (stationOwnerPhoneValue.value.trim().length === 0) {
+    wx.showToast({
+      title: '请输入电话号码',
+      icon: 'none'
+    })
+  } else if (!stationStartTime.value || !stationEndTime.value) {
+    wx.showToast({
+      title: '请选择营业时间',
+      icon: 'none'
+    })
+  } else if (stationStartTime.value === stationEndTime.value) {
+    uni.showToast({
+      title: '开始时间不能等于结束时间',
+      icon: 'none'
+    })
+  } else if (!province.value && !city.value && !area.value) {
+    wx.showToast({
+      title: '请选择所在地区',
+      icon: 'none'
+    })
+  } else if (stationAddrValue.value.trim().length < 2) {
+    wx.showToast({
+      title: '请输入正确的详细地址：不得少于2字',
+      icon: 'none'
+    })
+  } else if (latitude.value === '' && longitude.value === '') {
+    wx.showToast({
+      title: '请选择地理位置',
+      icon: 'none'
+    })
+  } else {
+    let timeDate = {}
+    timeDate.shopTime = []
+    // 获取当前时间的年月日
+    const date = new Date()
+    const fragTime = util.formatTime(date.getTime()).split(' ')[0]
+    timeDate.shopTime[0] = util.dateToTimestamp(fragTime + ' ' + stationStartTime.value)
+    timeDate.shopTime[1] = util.dateToTimestamp(fragTime + ' ' + stationEndTime.value)
+    timeDate = JSON.stringify(timeDate)
+    uni.showLoading()
+    http.request({
+      url: '/mall4cloud_order/station',
+      method: 'PUT',
+      data: {
+        stationId,
+        stationName: stationName.value,
+        imgUrl: logoImg.value.path || '',
+        status: stationStatus.value,
+        mobilePrefix: stationOwnerAreaCode.value,
+        mobile: stationOwnerPhoneValue.value,
+        timeInfo: timeDate,
+        provinceId: provinceId.value,
+        cityId,
+        areaId,
+        province: province.value,
+        city: city.value,
+        area: area.value,
+        addr: stationAddrValue.value,
+        lat: latitude.value,
+        lng: longitude.value
+      }
+    }).then(() => {
+      uni.hideLoading()
+      uni.showToast({
+        title: '修改成功',
+        icon: 'success'
+      })
+      setTimeout(() => {
+        uni.redirectTo({
+          url: '/pages/index/index'
+        })
+      }, 1500)
+    })
+  }
+}
+/**
+ * 获取经纬度
+ */
+const key = import.meta.env.VITE_APP_MAP_KEY
+const onChooseLocation = () => {
+  uni.setStorageSync('cloudSetStationLocationFlag', true)
+  window.location.replace(`https://apis.map.qq.com/tools/locpicker?search=1&type=0&backurl=${location.href}&key=${key}&referer=myapp`)
+}
+/**
+  * 获取input数据
+  */
+// 获取自提点名称
+const onBindStationNameInt = (e) => {
+  stationName.value = e.detail.value
+}
+// 获取区号
+const onBindStationOwnerAreaCodeInt = (e) => {
+  stationOwnerAreaCode.value = e.detail.value
+}
+// 获取电话/手机号码
+const onBindStationOwnerPhoneInt = (e) => {
+  stationOwnerPhoneValue.value = e.detail.value
+}
+// 获取营业开始时间
+const onBindStartTimeChange = (e) => {
+  stationStartTime.value = e.detail.value + ':00'
+  stationEndTime.value = ''
+}
+// 获取营业结束时间
+const onBindEndTimeChange = (e) => {
+  stationEndTime.value = e.detail.value + ':00'
+}
+// 详细地址
+const onBindStationAddrInt = (e) => {
+  stationAddrValue.value = e.detail.value
+}
+/**
+ * 上传图片
+ */
+let ossList = []
+const onGetUploadImg = (e) => {
+  type = e.target.dataset.type
+  wx.chooseImage({
+    count: 1, // 默认9
+    sizeType: ['compressed'],
+    sourceType: ['album', 'camera'],
+    success: function (res) {
+      // 图片的本地临时文件路径列表
+      tempFiles = res.tempFiles
+      uni.showLoading({
+        mask: true
+      })
+      const fileNames = tempFiles?.map(item => item.name).join(',')
+      http.request({
+        url: '/mall4cloud_biz/ua/oss/get_batch_pre_sign_url',
+        method: 'GET',
+        data: {
+          fileNames // 需要获取token的文件名
+        }
+      }).then(({ data }) => {
+        uni.hideLoading()
+        ossList = data
+        onConfirmUpload()
+      })
+    }
+  })
+}
+const onUploadSuccess = (filePath) => {
+  const img = {}
+  img.path = filePath
+  img.url = resourcesUrl + filePath
+  if (type === 'logoImg') {
+    logoImg.value = img
+  }
+}
+/**
+ * 确认上传
+ */
+const onConfirmUpload = () => {
+  if (ossList.length <= 0) {
+    // message('数据异常，请刷新后重试')
+    uni.showToast({
+      title: '数据异常，请刷新后重试',
+      icon: 'error',
+      duration: 2000
+    })
+  }
+
+  // 文件上传
+  util.awsUpload(ossList, tempFiles).then(() => {
+    const filePath = '/' + ossList[0].dir + ossList[0].fileName
+    onUploadSuccess(filePath)
+  })
+}
+
+/**
+ * 删除图片
+ */
+const onRemoveImage = (e) => {
+  const type = e.target.dataset.type
+  if (type === 'logoImg') {
+    logoImg.value = {}
+  }
+}
+/**
+ * 移动按钮点击事件
+ */
+const translate = () => {
+  if (t === 0) {
+    t = 1
+  } else {
+    t = 0
+  }
+  showPicker.value = true
+}
+const addressValue = ref([])
+const showPicker = ref(false)
+onHide(() => {
+  showPicker.value = false
+})
+</script>
+<style lang="scss" scoped>
+@import "./shop-adminsistration.scss";
+</style>
diff --git a/src/shime-uni.d.ts b/src/shime-uni.d.ts
new file mode 100644
index 0000000..b3d3cc9
--- /dev/null
+++ b/src/shime-uni.d.ts
@@ -0,0 +1,6 @@
+export {};
+
+declare module "vue" {
+  type Hooks = App.AppInstance & Page.PageInstance;
+  interface ComponentCustomOptions extends Hooks {}
+}
\ No newline at end of file
diff --git a/src/static/images/icon/account-settings.png b/src/static/images/icon/account-settings.png
new file mode 100644
index 0000000..90c67ff
Binary files /dev/null and b/src/static/images/icon/account-settings.png differ
diff --git a/src/static/images/icon/account-settings2.png b/src/static/images/icon/account-settings2.png
new file mode 100644
index 0000000..a54d2b8
Binary files /dev/null and b/src/static/images/icon/account-settings2.png differ
diff --git a/src/static/images/icon/activity-arr.png b/src/static/images/icon/activity-arr.png
new file mode 100644
index 0000000..912449f
Binary files /dev/null and b/src/static/images/icon/activity-arr.png differ
diff --git a/src/static/images/icon/activity-bg.png b/src/static/images/icon/activity-bg.png
new file mode 100644
index 0000000..2200373
Binary files /dev/null and b/src/static/images/icon/activity-bg.png differ
diff --git a/src/static/images/icon/add.png b/src/static/images/icon/add.png
new file mode 100644
index 0000000..28fd9df
Binary files /dev/null and b/src/static/images/icon/add.png differ
diff --git a/src/static/images/icon/addr.png b/src/static/images/icon/addr.png
new file mode 100644
index 0000000..101f325
Binary files /dev/null and b/src/static/images/icon/addr.png differ
diff --git a/src/static/images/icon/alipay.png b/src/static/images/icon/alipay.png
new file mode 100644
index 0000000..d280021
Binary files /dev/null and b/src/static/images/icon/alipay.png differ
diff --git a/src/static/images/icon/applyAshop.png b/src/static/images/icon/applyAshop.png
new file mode 100644
index 0000000..ad117d0
Binary files /dev/null and b/src/static/images/icon/applyAshop.png differ
diff --git a/src/static/images/icon/arrive-at-cash.png b/src/static/images/icon/arrive-at-cash.png
new file mode 100644
index 0000000..e36fec6
Binary files /dev/null and b/src/static/images/icon/arrive-at-cash.png differ
diff --git a/src/static/images/icon/arrow-right.png b/src/static/images/icon/arrow-right.png
new file mode 100644
index 0000000..fd38af8
Binary files /dev/null and b/src/static/images/icon/arrow-right.png differ
diff --git a/src/static/images/icon/back-to-top.png b/src/static/images/icon/back-to-top.png
new file mode 100644
index 0000000..5bfad62
Binary files /dev/null and b/src/static/images/icon/back-to-top.png differ
diff --git a/src/static/images/icon/banner.png b/src/static/images/icon/banner.png
new file mode 100644
index 0000000..2a46ff3
Binary files /dev/null and b/src/static/images/icon/banner.png differ
diff --git a/src/static/images/icon/bg-home.png b/src/static/images/icon/bg-home.png
new file mode 100644
index 0000000..5ec30c7
Binary files /dev/null and b/src/static/images/icon/bg-home.png differ
diff --git a/src/static/images/icon/bg.png b/src/static/images/icon/bg.png
new file mode 100644
index 0000000..f143294
Binary files /dev/null and b/src/static/images/icon/bg.png differ
diff --git a/src/static/images/icon/bg1.png b/src/static/images/icon/bg1.png
new file mode 100644
index 0000000..bb679f9
Binary files /dev/null and b/src/static/images/icon/bg1.png differ
diff --git a/src/static/images/icon/car-new.png b/src/static/images/icon/car-new.png
new file mode 100644
index 0000000..2a25e25
Binary files /dev/null and b/src/static/images/icon/car-new.png differ
diff --git a/src/static/images/icon/car.png b/src/static/images/icon/car.png
new file mode 100644
index 0000000..6834595
Binary files /dev/null and b/src/static/images/icon/car.png differ
diff --git a/src/static/images/icon/chat.png b/src/static/images/icon/chat.png
new file mode 100644
index 0000000..7ff762f
Binary files /dev/null and b/src/static/images/icon/chat.png differ
diff --git a/src/static/images/icon/chongzhi.png b/src/static/images/icon/chongzhi.png
new file mode 100644
index 0000000..1815f1a
Binary files /dev/null and b/src/static/images/icon/chongzhi.png differ
diff --git a/src/static/images/icon/clear-his.png b/src/static/images/icon/clear-his.png
new file mode 100644
index 0000000..31780e6
Binary files /dev/null and b/src/static/images/icon/clear-his.png differ
diff --git a/src/static/images/icon/close.png b/src/static/images/icon/close.png
new file mode 100644
index 0000000..4b757f7
Binary files /dev/null and b/src/static/images/icon/close.png differ
diff --git a/src/static/images/icon/close2.png b/src/static/images/icon/close2.png
new file mode 100644
index 0000000..25b5a8c
Binary files /dev/null and b/src/static/images/icon/close2.png differ
diff --git a/src/static/images/icon/coupon-banner.png b/src/static/images/icon/coupon-banner.png
new file mode 100644
index 0000000..c6e0e34
Binary files /dev/null and b/src/static/images/icon/coupon-banner.png differ
diff --git a/src/static/images/icon/coupon-bg.png b/src/static/images/icon/coupon-bg.png
new file mode 100644
index 0000000..8151a95
Binary files /dev/null and b/src/static/images/icon/coupon-bg.png differ
diff --git a/src/static/images/icon/coupon-ot.png b/src/static/images/icon/coupon-ot.png
new file mode 100644
index 0000000..0e1939d
Binary files /dev/null and b/src/static/images/icon/coupon-ot.png differ
diff --git a/src/static/images/icon/coupon-received.png b/src/static/images/icon/coupon-received.png
new file mode 100644
index 0000000..bf6d13f
Binary files /dev/null and b/src/static/images/icon/coupon-received.png differ
diff --git a/src/static/images/icon/coupon-robbed.png b/src/static/images/icon/coupon-robbed.png
new file mode 100644
index 0000000..8f9c921
Binary files /dev/null and b/src/static/images/icon/coupon-robbed.png differ
diff --git a/src/static/images/icon/coupon-used.png b/src/static/images/icon/coupon-used.png
new file mode 100644
index 0000000..1c70631
Binary files /dev/null and b/src/static/images/icon/coupon-used.png differ
diff --git a/src/static/images/icon/customer-service.png b/src/static/images/icon/customer-service.png
new file mode 100644
index 0000000..595c190
Binary files /dev/null and b/src/static/images/icon/customer-service.png differ
diff --git a/src/static/images/icon/def.png b/src/static/images/icon/def.png
new file mode 100644
index 0000000..75766ae
Binary files /dev/null and b/src/static/images/icon/def.png differ
diff --git a/src/static/images/icon/default-avatar.png b/src/static/images/icon/default-avatar.png
new file mode 100644
index 0000000..cc662f1
Binary files /dev/null and b/src/static/images/icon/default-avatar.png differ
diff --git a/src/static/images/icon/delete.png b/src/static/images/icon/delete.png
new file mode 100644
index 0000000..617f75f
Binary files /dev/null and b/src/static/images/icon/delete.png differ
diff --git a/src/static/images/icon/delive-dot.png b/src/static/images/icon/delive-dot.png
new file mode 100644
index 0000000..0573a75
Binary files /dev/null and b/src/static/images/icon/delive-dot.png differ
diff --git a/src/static/images/icon/delivery-car.png b/src/static/images/icon/delivery-car.png
new file mode 100644
index 0000000..7fdd500
Binary files /dev/null and b/src/static/images/icon/delivery-car.png differ
diff --git a/src/static/images/icon/dot.png b/src/static/images/icon/dot.png
new file mode 100644
index 0000000..c092003
Binary files /dev/null and b/src/static/images/icon/dot.png differ
diff --git a/src/static/images/icon/dotted-line.png b/src/static/images/icon/dotted-line.png
new file mode 100644
index 0000000..e717638
Binary files /dev/null and b/src/static/images/icon/dotted-line.png differ
diff --git a/src/static/images/icon/down-arrow.png b/src/static/images/icon/down-arrow.png
new file mode 100644
index 0000000..58bbdd9
Binary files /dev/null and b/src/static/images/icon/down-arrow.png differ
diff --git a/src/static/images/icon/edit-score.png b/src/static/images/icon/edit-score.png
new file mode 100644
index 0000000..57d9da8
Binary files /dev/null and b/src/static/images/icon/edit-score.png differ
diff --git a/src/static/images/icon/empty-basket.png b/src/static/images/icon/empty-basket.png
new file mode 100644
index 0000000..eefa2a4
Binary files /dev/null and b/src/static/images/icon/empty-basket.png differ
diff --git a/src/static/images/icon/empty-cash.png b/src/static/images/icon/empty-cash.png
new file mode 100644
index 0000000..860e9ae
Binary files /dev/null and b/src/static/images/icon/empty-cash.png differ
diff --git a/src/static/images/icon/empty-com.png b/src/static/images/icon/empty-com.png
new file mode 100644
index 0000000..b356014
Binary files /dev/null and b/src/static/images/icon/empty-com.png differ
diff --git a/src/static/images/icon/empty-dot.png b/src/static/images/icon/empty-dot.png
new file mode 100644
index 0000000..6a86a87
Binary files /dev/null and b/src/static/images/icon/empty-dot.png differ
diff --git a/src/static/images/icon/empty.png b/src/static/images/icon/empty.png
new file mode 100644
index 0000000..3114802
Binary files /dev/null and b/src/static/images/icon/empty.png differ
diff --git a/src/static/images/icon/enough.png b/src/static/images/icon/enough.png
new file mode 100644
index 0000000..2422ff8
Binary files /dev/null and b/src/static/images/icon/enough.png differ
diff --git a/src/static/images/icon/erweima.png b/src/static/images/icon/erweima.png
new file mode 100644
index 0000000..3619fcd
Binary files /dev/null and b/src/static/images/icon/erweima.png differ
diff --git a/src/static/images/icon/everydaySale.png b/src/static/images/icon/everydaySale.png
new file mode 100644
index 0000000..b0c869c
Binary files /dev/null and b/src/static/images/icon/everydaySale.png differ
diff --git a/src/static/images/icon/flash-banner.png b/src/static/images/icon/flash-banner.png
new file mode 100644
index 0000000..58c9893
Binary files /dev/null and b/src/static/images/icon/flash-banner.png differ
diff --git a/src/static/images/icon/flash-bg.png b/src/static/images/icon/flash-bg.png
new file mode 100644
index 0000000..679bf37
Binary files /dev/null and b/src/static/images/icon/flash-bg.png differ
diff --git a/src/static/images/icon/getCoupon.png b/src/static/images/icon/getCoupon.png
new file mode 100644
index 0000000..8ed307d
Binary files /dev/null and b/src/static/images/icon/getCoupon.png differ
diff --git a/src/static/images/icon/gift.png b/src/static/images/icon/gift.png
new file mode 100644
index 0000000..4aa6619
Binary files /dev/null and b/src/static/images/icon/gift.png differ
diff --git a/src/static/images/icon/goumaihuiyuan@2x.png b/src/static/images/icon/goumaihuiyuan@2x.png
new file mode 100644
index 0000000..365567b
Binary files /dev/null and b/src/static/images/icon/goumaihuiyuan@2x.png differ
diff --git a/src/static/images/icon/grade.png b/src/static/images/icon/grade.png
new file mode 100644
index 0000000..d8db461
Binary files /dev/null and b/src/static/images/icon/grade.png differ
diff --git a/src/static/images/icon/group-banner.png b/src/static/images/icon/group-banner.png
new file mode 100644
index 0000000..767daf7
Binary files /dev/null and b/src/static/images/icon/group-banner.png differ
diff --git a/src/static/images/icon/group-bg.png b/src/static/images/icon/group-bg.png
new file mode 100644
index 0000000..8e23c82
Binary files /dev/null and b/src/static/images/icon/group-bg.png differ
diff --git a/src/static/images/icon/group.png b/src/static/images/icon/group.png
new file mode 100644
index 0000000..ffbd3df
Binary files /dev/null and b/src/static/images/icon/group.png differ
diff --git a/src/static/images/icon/handoff.png b/src/static/images/icon/handoff.png
new file mode 100644
index 0000000..98444d9
Binary files /dev/null and b/src/static/images/icon/handoff.png differ
diff --git a/src/static/images/icon/head01.png b/src/static/images/icon/head01.png
new file mode 100644
index 0000000..aa7986d
Binary files /dev/null and b/src/static/images/icon/head01.png differ
diff --git a/src/static/images/icon/head04.png b/src/static/images/icon/head04.png
new file mode 100644
index 0000000..2187de0
Binary files /dev/null and b/src/static/images/icon/head04.png differ
diff --git a/src/static/images/icon/horn.png b/src/static/images/icon/horn.png
new file mode 100644
index 0000000..ae9279b
Binary files /dev/null and b/src/static/images/icon/horn.png differ
diff --git a/src/static/images/icon/hotsell03.png b/src/static/images/icon/hotsell03.png
new file mode 100644
index 0000000..6956de7
Binary files /dev/null and b/src/static/images/icon/hotsell03.png differ
diff --git a/src/static/images/icon/huiyuan.png b/src/static/images/icon/huiyuan.png
new file mode 100644
index 0000000..17d6b3c
Binary files /dev/null and b/src/static/images/icon/huiyuan.png differ
diff --git a/src/static/images/icon/integral-bg.png b/src/static/images/icon/integral-bg.png
new file mode 100644
index 0000000..622b637
Binary files /dev/null and b/src/static/images/icon/integral-bg.png differ
diff --git a/src/static/images/icon/integral-detail-bg1.png b/src/static/images/icon/integral-detail-bg1.png
new file mode 100644
index 0000000..3d06501
Binary files /dev/null and b/src/static/images/icon/integral-detail-bg1.png differ
diff --git a/src/static/images/icon/integral-detail-bg2.png b/src/static/images/icon/integral-detail-bg2.png
new file mode 100644
index 0000000..37f9496
Binary files /dev/null and b/src/static/images/icon/integral-detail-bg2.png differ
diff --git a/src/static/images/icon/integral-icon.png b/src/static/images/icon/integral-icon.png
new file mode 100644
index 0000000..66d233c
Binary files /dev/null and b/src/static/images/icon/integral-icon.png differ
diff --git a/src/static/images/icon/integral-icon2.png b/src/static/images/icon/integral-icon2.png
new file mode 100644
index 0000000..a6635b3
Binary files /dev/null and b/src/static/images/icon/integral-icon2.png differ
diff --git a/src/static/images/icon/integral-icon3.png b/src/static/images/icon/integral-icon3.png
new file mode 100644
index 0000000..2cbf110
Binary files /dev/null and b/src/static/images/icon/integral-icon3.png differ
diff --git a/src/static/images/icon/integral.png b/src/static/images/icon/integral.png
new file mode 100644
index 0000000..d2405c0
Binary files /dev/null and b/src/static/images/icon/integral.png differ
diff --git a/src/static/images/icon/integralActBg1.png b/src/static/images/icon/integralActBg1.png
new file mode 100644
index 0000000..38c5385
Binary files /dev/null and b/src/static/images/icon/integralActBg1.png differ
diff --git a/src/static/images/icon/integralActBg2.png b/src/static/images/icon/integralActBg2.png
new file mode 100644
index 0000000..dd320f0
Binary files /dev/null and b/src/static/images/icon/integralActBg2.png differ
diff --git a/src/static/images/icon/jiantou.png b/src/static/images/icon/jiantou.png
new file mode 100644
index 0000000..05f73fd
Binary files /dev/null and b/src/static/images/icon/jiantou.png differ
diff --git a/src/static/images/icon/jiantou2.png b/src/static/images/icon/jiantou2.png
new file mode 100644
index 0000000..392b1af
Binary files /dev/null and b/src/static/images/icon/jiantou2.png differ
diff --git a/src/static/images/icon/jifen@2x.png b/src/static/images/icon/jifen@2x.png
new file mode 100644
index 0000000..39e4698
Binary files /dev/null and b/src/static/images/icon/jifen@2x.png differ
diff --git a/src/static/images/icon/lianjie.png b/src/static/images/icon/lianjie.png
new file mode 100644
index 0000000..ae6c6e6
Binary files /dev/null and b/src/static/images/icon/lianjie.png differ
diff --git a/src/static/images/icon/logo.png b/src/static/images/icon/logo.png
new file mode 100644
index 0000000..671753e
Binary files /dev/null and b/src/static/images/icon/logo.png differ
diff --git a/src/static/images/icon/make-integral.png b/src/static/images/icon/make-integral.png
new file mode 100644
index 0000000..b3a5312
Binary files /dev/null and b/src/static/images/icon/make-integral.png differ
diff --git a/src/static/images/icon/memberIndexBg.png b/src/static/images/icon/memberIndexBg.png
new file mode 100644
index 0000000..83d665a
Binary files /dev/null and b/src/static/images/icon/memberIndexBg.png differ
diff --git a/src/static/images/icon/menu-01.png b/src/static/images/icon/menu-01.png
new file mode 100644
index 0000000..54f7aab
Binary files /dev/null and b/src/static/images/icon/menu-01.png differ
diff --git a/src/static/images/icon/menu-02.png b/src/static/images/icon/menu-02.png
new file mode 100644
index 0000000..450cdd6
Binary files /dev/null and b/src/static/images/icon/menu-02.png differ
diff --git a/src/static/images/icon/menu-03.png b/src/static/images/icon/menu-03.png
new file mode 100644
index 0000000..fcce049
Binary files /dev/null and b/src/static/images/icon/menu-03.png differ
diff --git a/src/static/images/icon/menu-04.png b/src/static/images/icon/menu-04.png
new file mode 100644
index 0000000..d3ec6d9
Binary files /dev/null and b/src/static/images/icon/menu-04.png differ
diff --git a/src/static/images/icon/merchant-code.png b/src/static/images/icon/merchant-code.png
new file mode 100644
index 0000000..ac716f5
Binary files /dev/null and b/src/static/images/icon/merchant-code.png differ
diff --git a/src/static/images/icon/miaosha.png b/src/static/images/icon/miaosha.png
new file mode 100644
index 0000000..0720ee0
Binary files /dev/null and b/src/static/images/icon/miaosha.png differ
diff --git a/src/static/images/icon/more-icon.png b/src/static/images/icon/more-icon.png
new file mode 100644
index 0000000..99296b7
Binary files /dev/null and b/src/static/images/icon/more-icon.png differ
diff --git a/src/static/images/icon/more.png b/src/static/images/icon/more.png
new file mode 100644
index 0000000..3baecd2
Binary files /dev/null and b/src/static/images/icon/more.png differ
diff --git a/src/static/images/icon/more2.png b/src/static/images/icon/more2.png
new file mode 100644
index 0000000..f33f96a
Binary files /dev/null and b/src/static/images/icon/more2.png differ
diff --git a/src/static/images/icon/ms-edit.png b/src/static/images/icon/ms-edit.png
new file mode 100644
index 0000000..d3e5ab9
Binary files /dev/null and b/src/static/images/icon/ms-edit.png differ
diff --git a/src/static/images/icon/ms-search.png b/src/static/images/icon/ms-search.png
new file mode 100644
index 0000000..ae1ed66
Binary files /dev/null and b/src/static/images/icon/ms-search.png differ
diff --git a/src/static/images/icon/my-shop-bg.png b/src/static/images/icon/my-shop-bg.png
new file mode 100644
index 0000000..e8fb937
Binary files /dev/null and b/src/static/images/icon/my-shop-bg.png differ
diff --git a/src/static/images/icon/myAddr.png b/src/static/images/icon/myAddr.png
new file mode 100644
index 0000000..0a4578e
Binary files /dev/null and b/src/static/images/icon/myAddr.png differ
diff --git a/src/static/images/icon/myCol.png b/src/static/images/icon/myCol.png
new file mode 100644
index 0000000..e33d002
Binary files /dev/null and b/src/static/images/icon/myCol.png differ
diff --git a/src/static/images/icon/myCoupon.png b/src/static/images/icon/myCoupon.png
new file mode 100644
index 0000000..5176cb5
Binary files /dev/null and b/src/static/images/icon/myCoupon.png differ
diff --git a/src/static/images/icon/myInt.png b/src/static/images/icon/myInt.png
new file mode 100644
index 0000000..ab86fa0
Binary files /dev/null and b/src/static/images/icon/myInt.png differ
diff --git a/src/static/images/icon/myshop-icon.png b/src/static/images/icon/myshop-icon.png
new file mode 100644
index 0000000..315482d
Binary files /dev/null and b/src/static/images/icon/myshop-icon.png differ
diff --git a/src/static/images/icon/myshop.png b/src/static/images/icon/myshop.png
new file mode 100644
index 0000000..acf2fab
Binary files /dev/null and b/src/static/images/icon/myshop.png differ
diff --git a/src/static/images/icon/newProd.png b/src/static/images/icon/newProd.png
new file mode 100644
index 0000000..34d46dc
Binary files /dev/null and b/src/static/images/icon/newProd.png differ
diff --git a/src/static/images/icon/neweveryday.png b/src/static/images/icon/neweveryday.png
new file mode 100644
index 0000000..a68b453
Binary files /dev/null and b/src/static/images/icon/neweveryday.png differ
diff --git a/src/static/images/icon/newprods.png b/src/static/images/icon/newprods.png
new file mode 100644
index 0000000..6f76a60
Binary files /dev/null and b/src/static/images/icon/newprods.png differ
diff --git a/src/static/images/icon/normal-bg.png b/src/static/images/icon/normal-bg.png
new file mode 100644
index 0000000..2a97563
Binary files /dev/null and b/src/static/images/icon/normal-bg.png differ
diff --git a/src/static/images/icon/normal-icon.png b/src/static/images/icon/normal-icon.png
new file mode 100644
index 0000000..3611b72
Binary files /dev/null and b/src/static/images/icon/normal-icon.png differ
diff --git a/src/static/images/icon/notice.png b/src/static/images/icon/notice.png
new file mode 100644
index 0000000..555a706
Binary files /dev/null and b/src/static/images/icon/notice.png differ
diff --git a/src/static/images/icon/orders.png b/src/static/images/icon/orders.png
new file mode 100644
index 0000000..82ac6fa
Binary files /dev/null and b/src/static/images/icon/orders.png differ
diff --git a/src/static/images/icon/pay.png b/src/static/images/icon/pay.png
new file mode 100644
index 0000000..469eed9
Binary files /dev/null and b/src/static/images/icon/pay.png differ
diff --git a/src/static/images/icon/phone.png b/src/static/images/icon/phone.png
new file mode 100644
index 0000000..46d115b
Binary files /dev/null and b/src/static/images/icon/phone.png differ
diff --git a/src/static/images/icon/plus-sign.png b/src/static/images/icon/plus-sign.png
new file mode 100644
index 0000000..b1d3915
Binary files /dev/null and b/src/static/images/icon/plus-sign.png differ
diff --git a/src/static/images/icon/privilege-bg.png b/src/static/images/icon/privilege-bg.png
new file mode 100644
index 0000000..31ef2fa
Binary files /dev/null and b/src/static/images/icon/privilege-bg.png differ
diff --git a/src/static/images/icon/prod-col-red.png b/src/static/images/icon/prod-col-red.png
new file mode 100644
index 0000000..1437407
Binary files /dev/null and b/src/static/images/icon/prod-col-red.png differ
diff --git a/src/static/images/icon/prod-col.png b/src/static/images/icon/prod-col.png
new file mode 100644
index 0000000..8a03d7e
Binary files /dev/null and b/src/static/images/icon/prod-col.png differ
diff --git a/src/static/images/icon/promotion.png b/src/static/images/icon/promotion.png
new file mode 100644
index 0000000..6f7dc21
Binary files /dev/null and b/src/static/images/icon/promotion.png differ
diff --git a/src/static/images/icon/questions.png b/src/static/images/icon/questions.png
new file mode 100644
index 0000000..16ded5a
Binary files /dev/null and b/src/static/images/icon/questions.png differ
diff --git a/src/static/images/icon/ranking-first.png b/src/static/images/icon/ranking-first.png
new file mode 100644
index 0000000..b9dc726
Binary files /dev/null and b/src/static/images/icon/ranking-first.png differ
diff --git a/src/static/images/icon/ranking-second.png b/src/static/images/icon/ranking-second.png
new file mode 100644
index 0000000..7b0cb84
Binary files /dev/null and b/src/static/images/icon/ranking-second.png differ
diff --git a/src/static/images/icon/ranking-third.png b/src/static/images/icon/ranking-third.png
new file mode 100644
index 0000000..037059c
Binary files /dev/null and b/src/static/images/icon/ranking-third.png differ
diff --git a/src/static/images/icon/receive.png b/src/static/images/icon/receive.png
new file mode 100644
index 0000000..795788d
Binary files /dev/null and b/src/static/images/icon/receive.png differ
diff --git a/src/static/images/icon/refund.png b/src/static/images/icon/refund.png
new file mode 100644
index 0000000..7a68987
Binary files /dev/null and b/src/static/images/icon/refund.png differ
diff --git a/src/static/images/icon/refunds.png b/src/static/images/icon/refunds.png
new file mode 100644
index 0000000..431b695
Binary files /dev/null and b/src/static/images/icon/refunds.png differ
diff --git a/src/static/images/icon/revise.png b/src/static/images/icon/revise.png
new file mode 100644
index 0000000..5fb1ad7
Binary files /dev/null and b/src/static/images/icon/revise.png differ
diff --git a/src/static/images/icon/rmb-icon.png b/src/static/images/icon/rmb-icon.png
new file mode 100644
index 0000000..838578c
Binary files /dev/null and b/src/static/images/icon/rmb-icon.png differ
diff --git a/src/static/images/icon/salesman.png b/src/static/images/icon/salesman.png
new file mode 100644
index 0000000..a09bb56
Binary files /dev/null and b/src/static/images/icon/salesman.png differ
diff --git a/src/static/images/icon/search-01.png b/src/static/images/icon/search-01.png
new file mode 100644
index 0000000..99eb77a
Binary files /dev/null and b/src/static/images/icon/search-01.png differ
diff --git a/src/static/images/icon/search-col.png b/src/static/images/icon/search-col.png
new file mode 100644
index 0000000..587c2bf
Binary files /dev/null and b/src/static/images/icon/search-col.png differ
diff --git a/src/static/images/icon/search-col2.png b/src/static/images/icon/search-col2.png
new file mode 100644
index 0000000..cdd35fb
Binary files /dev/null and b/src/static/images/icon/search-col2.png differ
diff --git a/src/static/images/icon/search.png b/src/static/images/icon/search.png
new file mode 100644
index 0000000..feac7b9
Binary files /dev/null and b/src/static/images/icon/search.png differ
diff --git a/src/static/images/icon/set-password.png b/src/static/images/icon/set-password.png
new file mode 100644
index 0000000..aaa2048
Binary files /dev/null and b/src/static/images/icon/set-password.png differ
diff --git a/src/static/images/icon/share-prod.png b/src/static/images/icon/share-prod.png
new file mode 100644
index 0000000..0c7ee6a
Binary files /dev/null and b/src/static/images/icon/share-prod.png differ
diff --git a/src/static/images/icon/shop-customer-service.png b/src/static/images/icon/shop-customer-service.png
new file mode 100644
index 0000000..2795da0
Binary files /dev/null and b/src/static/images/icon/shop-customer-service.png differ
diff --git a/src/static/images/icon/shop-icon.png b/src/static/images/icon/shop-icon.png
new file mode 100644
index 0000000..3c3a099
Binary files /dev/null and b/src/static/images/icon/shop-icon.png differ
diff --git a/src/static/images/icon/shop-manage.png b/src/static/images/icon/shop-manage.png
new file mode 100644
index 0000000..6991a73
Binary files /dev/null and b/src/static/images/icon/shop-manage.png differ
diff --git a/src/static/images/icon/shop.png b/src/static/images/icon/shop.png
new file mode 100644
index 0000000..cc93e56
Binary files /dev/null and b/src/static/images/icon/shop.png differ
diff --git a/src/static/images/icon/sousuo.png b/src/static/images/icon/sousuo.png
new file mode 100644
index 0000000..be1b2aa
Binary files /dev/null and b/src/static/images/icon/sousuo.png differ
diff --git a/src/static/images/icon/spell-group-order.png b/src/static/images/icon/spell-group-order.png
new file mode 100644
index 0000000..e73b76f
Binary files /dev/null and b/src/static/images/icon/spell-group-order.png differ
diff --git a/src/static/images/icon/star-empty.png b/src/static/images/icon/star-empty.png
new file mode 100644
index 0000000..47889ca
Binary files /dev/null and b/src/static/images/icon/star-empty.png differ
diff --git a/src/static/images/icon/star-red.png b/src/static/images/icon/star-red.png
new file mode 100644
index 0000000..2c3efcd
Binary files /dev/null and b/src/static/images/icon/star-red.png differ
diff --git a/src/static/images/icon/status-bg.png b/src/static/images/icon/status-bg.png
new file mode 100644
index 0000000..8463144
Binary files /dev/null and b/src/static/images/icon/status-bg.png differ
diff --git a/src/static/images/icon/submit-address.png b/src/static/images/icon/submit-address.png
new file mode 100644
index 0000000..4a20e43
Binary files /dev/null and b/src/static/images/icon/submit-address.png differ
diff --git a/src/static/images/icon/submit-bg.png b/src/static/images/icon/submit-bg.png
new file mode 100644
index 0000000..554acf3
Binary files /dev/null and b/src/static/images/icon/submit-bg.png differ
diff --git a/src/static/images/icon/success.png b/src/static/images/icon/success.png
new file mode 100644
index 0000000..5c76962
Binary files /dev/null and b/src/static/images/icon/success.png differ
diff --git a/src/static/images/icon/sure.png b/src/static/images/icon/sure.png
new file mode 100644
index 0000000..f0878e8
Binary files /dev/null and b/src/static/images/icon/sure.png differ
diff --git a/src/static/images/icon/switch.png b/src/static/images/icon/switch.png
new file mode 100644
index 0000000..a9e0072
Binary files /dev/null and b/src/static/images/icon/switch.png differ
diff --git a/src/static/images/icon/thumb.png b/src/static/images/icon/thumb.png
new file mode 100644
index 0000000..4d53d54
Binary files /dev/null and b/src/static/images/icon/thumb.png differ
diff --git a/src/static/images/icon/time.png b/src/static/images/icon/time.png
new file mode 100644
index 0000000..5a524c7
Binary files /dev/null and b/src/static/images/icon/time.png differ
diff --git a/src/static/images/icon/timePrice.png b/src/static/images/icon/timePrice.png
new file mode 100644
index 0000000..9daab00
Binary files /dev/null and b/src/static/images/icon/timePrice.png differ
diff --git a/src/static/images/icon/title-background-left.png b/src/static/images/icon/title-background-left.png
new file mode 100644
index 0000000..4441a7b
Binary files /dev/null and b/src/static/images/icon/title-background-left.png differ
diff --git a/src/static/images/icon/title-background-right.png b/src/static/images/icon/title-background-right.png
new file mode 100644
index 0000000..4eb49d1
Binary files /dev/null and b/src/static/images/icon/title-background-right.png differ
diff --git a/src/static/images/icon/title-bg2.png b/src/static/images/icon/title-bg2.png
new file mode 100644
index 0000000..a7c7afe
Binary files /dev/null and b/src/static/images/icon/title-bg2.png differ
diff --git a/src/static/images/icon/toComment.png b/src/static/images/icon/toComment.png
new file mode 100644
index 0000000..dd97528
Binary files /dev/null and b/src/static/images/icon/toComment.png differ
diff --git a/src/static/images/icon/toDelivery.png b/src/static/images/icon/toDelivery.png
new file mode 100644
index 0000000..499fd68
Binary files /dev/null and b/src/static/images/icon/toDelivery.png differ
diff --git a/src/static/images/icon/toPay.png b/src/static/images/icon/toPay.png
new file mode 100644
index 0000000..62b10e2
Binary files /dev/null and b/src/static/images/icon/toPay.png differ
diff --git a/src/static/images/icon/toTake.png b/src/static/images/icon/toTake.png
new file mode 100644
index 0000000..861cf5c
Binary files /dev/null and b/src/static/images/icon/toTake.png differ
diff --git a/src/static/images/icon/tuiguang01.png b/src/static/images/icon/tuiguang01.png
new file mode 100644
index 0000000..0b7d086
Binary files /dev/null and b/src/static/images/icon/tuiguang01.png differ
diff --git a/src/static/images/icon/tuiguang02.png b/src/static/images/icon/tuiguang02.png
new file mode 100644
index 0000000..87aba09
Binary files /dev/null and b/src/static/images/icon/tuiguang02.png differ
diff --git a/src/static/images/icon/tuiguang03.png b/src/static/images/icon/tuiguang03.png
new file mode 100644
index 0000000..a3832d1
Binary files /dev/null and b/src/static/images/icon/tuiguang03.png differ
diff --git a/src/static/images/icon/tw.png b/src/static/images/icon/tw.png
new file mode 100644
index 0000000..caa9d14
Binary files /dev/null and b/src/static/images/icon/tw.png differ
diff --git a/src/static/images/icon/unionpay.png b/src/static/images/icon/unionpay.png
new file mode 100644
index 0000000..01da92d
Binary files /dev/null and b/src/static/images/icon/unionpay.png differ
diff --git a/src/static/images/icon/up-arrow.png b/src/static/images/icon/up-arrow.png
new file mode 100644
index 0000000..2477bd8
Binary files /dev/null and b/src/static/images/icon/up-arrow.png differ
diff --git a/src/static/images/icon/user-icon.png b/src/static/images/icon/user-icon.png
new file mode 100644
index 0000000..826afe0
Binary files /dev/null and b/src/static/images/icon/user-icon.png differ
diff --git a/src/static/images/icon/verification-code.png b/src/static/images/icon/verification-code.png
new file mode 100644
index 0000000..88e7904
Binary files /dev/null and b/src/static/images/icon/verification-code.png differ
diff --git a/src/static/images/icon/verification.png b/src/static/images/icon/verification.png
new file mode 100644
index 0000000..9fa94fd
Binary files /dev/null and b/src/static/images/icon/verification.png differ
diff --git a/src/static/images/icon/vip-icon.png b/src/static/images/icon/vip-icon.png
new file mode 100644
index 0000000..43b7f1d
Binary files /dev/null and b/src/static/images/icon/vip-icon.png differ
diff --git a/src/static/images/icon/vip1.png b/src/static/images/icon/vip1.png
new file mode 100644
index 0000000..2870c7e
Binary files /dev/null and b/src/static/images/icon/vip1.png differ
diff --git a/src/static/images/icon/vip2.png b/src/static/images/icon/vip2.png
new file mode 100644
index 0000000..be0f4ee
Binary files /dev/null and b/src/static/images/icon/vip2.png differ
diff --git a/src/static/images/icon/vip3.png b/src/static/images/icon/vip3.png
new file mode 100644
index 0000000..07d3df6
Binary files /dev/null and b/src/static/images/icon/vip3.png differ
diff --git a/src/static/images/icon/vip4.png b/src/static/images/icon/vip4.png
new file mode 100644
index 0000000..f33f170
Binary files /dev/null and b/src/static/images/icon/vip4.png differ
diff --git a/src/static/images/icon/vip5.png b/src/static/images/icon/vip5.png
new file mode 100644
index 0000000..c7a4a83
Binary files /dev/null and b/src/static/images/icon/vip5.png differ
diff --git a/src/static/images/icon/weixin.png b/src/static/images/icon/weixin.png
new file mode 100644
index 0000000..cdd5842
Binary files /dev/null and b/src/static/images/icon/weixin.png differ
diff --git a/src/static/images/icon/white-arr.png b/src/static/images/icon/white-arr.png
new file mode 100644
index 0000000..d72407c
Binary files /dev/null and b/src/static/images/icon/white-arr.png differ
diff --git a/src/static/images/icon/wxpay.png b/src/static/images/icon/wxpay.png
new file mode 100644
index 0000000..f18d9e9
Binary files /dev/null and b/src/static/images/icon/wxpay.png differ
diff --git a/src/static/images/icon/zhiwen.png b/src/static/images/icon/zhiwen.png
new file mode 100644
index 0000000..5973038
Binary files /dev/null and b/src/static/images/icon/zhiwen.png differ
diff --git a/src/static/images/icon/zunxiang.png b/src/static/images/icon/zunxiang.png
new file mode 100644
index 0000000..45b3780
Binary files /dev/null and b/src/static/images/icon/zunxiang.png differ
diff --git a/src/static/logo.png b/src/static/logo.png
new file mode 100644
index 0000000..671753e
Binary files /dev/null and b/src/static/logo.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/dabiaoti@2x.png b/src/static/packageMemberIntegral/images/icon/dabiaoti@2x.png
new file mode 100644
index 0000000..a55bc44
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/dabiaoti@2x.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/dianjichoujiang@2x.png b/src/static/packageMemberIntegral/images/icon/dianjichoujiang@2x.png
new file mode 100644
index 0000000..d252868
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/dianjichoujiang@2x.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/integral-bg.png b/src/static/packageMemberIntegral/images/icon/integral-bg.png
new file mode 100644
index 0000000..622b637
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/integral-bg.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/integral-detail-bg1.png b/src/static/packageMemberIntegral/images/icon/integral-detail-bg1.png
new file mode 100644
index 0000000..3d06501
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/integral-detail-bg1.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/integral-detail-bg2.png b/src/static/packageMemberIntegral/images/icon/integral-detail-bg2.png
new file mode 100644
index 0000000..37f9496
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/integral-detail-bg2.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/integralActBg1.png b/src/static/packageMemberIntegral/images/icon/integralActBg1.png
new file mode 100644
index 0000000..38c5385
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/integralActBg1.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/integralActBg2.png b/src/static/packageMemberIntegral/images/icon/integralActBg2.png
new file mode 100644
index 0000000..dd320f0
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/integralActBg2.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/jinbi@2x.png b/src/static/packageMemberIntegral/images/icon/jinbi@2x.png
new file mode 100644
index 0000000..62368d7
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/jinbi@2x.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/memberIndexBg.png b/src/static/packageMemberIntegral/images/icon/memberIndexBg.png
new file mode 100644
index 0000000..83d665a
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/memberIndexBg.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/memberLevelBg.png b/src/static/packageMemberIntegral/images/icon/memberLevelBg.png
new file mode 100644
index 0000000..84f4069
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/memberLevelBg.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/nanguo@2x.png b/src/static/packageMemberIntegral/images/icon/nanguo@2x.png
new file mode 100644
index 0000000..99f4244
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/nanguo@2x.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/people.png b/src/static/packageMemberIntegral/images/icon/people.png
new file mode 100644
index 0000000..1616aa0
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/people.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/xingyunchoujiang-bg.png b/src/static/packageMemberIntegral/images/icon/xingyunchoujiang-bg.png
new file mode 100644
index 0000000..2ac6769
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/xingyunchoujiang-bg.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/youhuiq@2x.png b/src/static/packageMemberIntegral/images/icon/youhuiq@2x.png
new file mode 100644
index 0000000..26d683e
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/youhuiq@2x.png differ
diff --git a/src/static/packageMemberIntegral/images/icon/zhuanpan@2x.png b/src/static/packageMemberIntegral/images/icon/zhuanpan@2x.png
new file mode 100644
index 0000000..1901638
Binary files /dev/null and b/src/static/packageMemberIntegral/images/icon/zhuanpan@2x.png differ
diff --git a/src/uni.scss b/src/uni.scss
new file mode 100644
index 0000000..4362c07
--- /dev/null
+++ b/src/uni.scss
@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color: #333; // 基本色
+$uni-text-color-inverse: #fff; // 反色
+$uni-text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable: #c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color: #fff;
+$uni-bg-color-grey: #f8f8f8;
+$uni-bg-color-hover: #f1f1f1; // 点击状态颜色
+$uni-bg-color-mask: rgba(0, 0, 0, 0.4); // 遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color: #cccbc7;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm: 12px;
+$uni-font-size-base: 14px;
+$uni-font-size-lg: 16;
+
+/* 图片尺寸 */
+$uni-img-size-sm: 20px;
+$uni-img-size-base: 26px;
+$uni-img-size-lg: 40px;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2c405a; // 文章标题颜色
+$uni-font-size-title: 20px;
+$uni-color-subtitle: #555; // 二级标题颜色
+$uni-font-size-subtitle: 18px;
+$uni-color-paragraph: #3f536e; // 文章段落颜色
+$uni-font-size-paragraph: 15px;
\ No newline at end of file
diff --git a/src/uni_modules/z-paging/changelog.md b/src/uni_modules/z-paging/changelog.md
new file mode 100644
index 0000000..5ec98ea
--- /dev/null
+++ b/src/uni_modules/z-paging/changelog.md
@@ -0,0 +1,12 @@
+## 2.5.8（2023-05-03）
+1.`新增` props：`refresher-no-transform`，支持控制下拉刷新时是否禁止下拉刷新view跟随用户触摸竖直移动。  
+2.`新增` props：`refresher-refreshing-animated`，支持控制下拉刷新刷新中状态下是否展示旋转动画。  
+3.`新增` vue3中页面滚动hooks。  
+4.`新增` 全局拦截器-`@query`拦截器中回调函数添加当前列表最后一个item数据。  
+5.`修复` 在vue3+内置浏览器中，报错`SyntaxError: Unexpected token . at xxx`的问题。  
+6.`修复` 滑动切换选项卡简化写法queryList触发多次的问题。  
+7.`优化`  底部加载更多展示逻辑，在各个平台中过渡更加自然。  
+8.`优化` `@touchDirectionChange`触发逻辑，仅在值改变时触发，优化性能。  
+## 2.5.7（2023-03-14）
+1.`修复` 在nvue+安卓中，设置`empty-view-center`为false后空数据图被切割未能完整显示的问题。  
+2.`修复` 由`2.5.4`引出的在nvue中，使用`slot="top"`后下拉刷新失效的问题。  
diff --git a/src/uni_modules/z-paging/components/z-paging-cell/z-paging-cell.vue b/src/uni_modules/z-paging/components/z-paging-cell/z-paging-cell.vue
new file mode 100644
index 0000000..e9aca70
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging-cell/z-paging-cell.vue
@@ -0,0 +1,34 @@
+<!-- z-paging -->
+<!-- github地址:https://github.com/SmileZXLee/uni-z-paging -->
+<!-- dcloud地址:https://ext.dcloud.net.cn/plugin?id=3935 -->
+<!-- 反馈QQ群：790460711 -->
+
+<!-- z-paging-cell，用于在nvue中使用cell包裹，vue中使用view包裹 -->
+<template>
+	<!-- #ifdef APP-NVUE -->
+	<cell :style="[cellStyle]">
+		<slot />
+	</cell>
+	<!-- #endif -->
+	<!-- #ifndef APP-NVUE -->
+	<view :style="[cellStyle]">
+		<slot />
+	</view>
+	<!-- #endif -->
+</template>
+
+<script>
+	export default {
+		name: "z-paging-cell",
+		props: {
+			//cellStyle
+			cellStyle: {
+				type: Object,
+				default: function() {
+                    return {}
+                }
+			}
+		}
+	}
+</script>
+
diff --git a/src/uni_modules/z-paging/components/z-paging-empty-view/z-paging-empty-view.vue b/src/uni_modules/z-paging/components/z-paging-empty-view/z-paging-empty-view.vue
new file mode 100644
index 0000000..18ee4ee
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging-empty-view/z-paging-empty-view.vue
@@ -0,0 +1,162 @@
+<!-- z-paging -->
+<!-- github地址:https://github.com/SmileZXLee/uni-z-paging -->
+<!-- dcloud地址:https://ext.dcloud.net.cn/plugin?id=3935 -->
+<!-- 反馈QQ群：790460711 -->
+
+<!-- 空数据占位view，此组件支持easycom规范，可以在项目中直接引用 -->
+<template>
+	<view :class="{'zp-container':true,'zp-container-fixed':emptyViewFixed}" :style="[finalEmptyViewStyle]" @click="emptyViewClick">
+		<view class="zp-main">
+			<image v-if="!emptyViewImg.length" class="zp-main-image" :style="[emptyViewImgStyle]" :src="emptyImg" />
+			<image v-else class="zp-main-image" mode="aspectFit" :style="[emptyViewImgStyle]" :src="emptyViewImg" />
+			<text class="zp-main-title" :style="[emptyViewTitleStyle]">{{emptyViewText}}</text>
+			<text v-if="showEmptyViewReload" class="zp-main-error-btn" :style="[emptyViewReloadStyle]" @click.stop="reloadClick">{{emptyViewReloadText}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	import zStatic from '../z-paging/js/z-paging-static'
+	export default {
+		name: "z-paging-empty-view",
+		data() {
+			return {
+				
+			};
+		},
+		props: {
+			//空数据描述文字
+			emptyViewText: {
+				type: String,
+				default: '没有数据哦~'
+			},
+			//空数据图片
+			emptyViewImg: {
+				type: String,
+				default: ''
+			},
+			//是否显示空数据图重新加载按钮
+			showEmptyViewReload: {
+				type: Boolean,
+				default: false
+			},
+			//空数据点击重新加载文字
+			emptyViewReloadText: {
+				type: String,
+				default: '重新加载'
+			},
+			//是否是加载失败
+			isLoadFailed: {
+				type: Boolean,
+				default: false
+			},
+			//空数据图样式
+			emptyViewStyle: {
+				type: Object,
+				default: function() {
+                    return {}
+                }
+			},
+			//空数据图img样式
+			emptyViewImgStyle: {
+				type: Object,
+				default: function() {
+				    return {}
+				}
+			},
+			//空数据图描述文字样式
+			emptyViewTitleStyle: {
+				type: Object,
+				default: function() {
+				    return {}
+				}
+			},
+			//空数据图重新加载按钮样式
+			emptyViewReloadStyle: {
+				type: Object,
+				default: function() {
+				    return {}
+				}
+			},
+			//空数据图z-index
+			emptyViewZIndex: {
+				type: Number,
+				default: 9
+			},
+			//空数据图片是否使用fixed布局并铺满z-paging
+			emptyViewFixed: {
+				type: Boolean,
+				default: true
+			}
+		},
+		computed: {
+			emptyImg() {
+                return this.isLoadFailed ? zStatic.base64Error : zStatic.base64Empty;
+			},
+			finalEmptyViewStyle(){
+				this.emptyViewStyle['z-index'] = this.emptyViewZIndex;
+				return this.emptyViewStyle;
+			}
+		},
+		methods: {
+			reloadClick() {
+				this.$emit('reload');
+			},
+			emptyViewClick() {
+				this.$emit('viewClick');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.zp-container{
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+	.zp-container-fixed {
+		/* #ifndef APP-NVUE */
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+	}
+
+	.zp-main{
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+        padding: 50rpx 0rpx;
+	}
+
+	.zp-main-image {
+		width: 200rpx;
+		height: 200rpx;
+	}
+
+	.zp-main-title {
+		font-size: 26rpx;
+		color: #aaaaaa;
+		text-align: center;
+		margin-top: 10rpx;
+	}
+
+	.zp-main-error-btn {
+		font-size: 26rpx;
+		padding: 8rpx 24rpx;
+		border: solid 1px #dddddd;
+		border-radius: 6rpx;
+		color: #aaaaaa;
+		margin-top: 50rpx;
+	}
+</style>
diff --git a/src/uni_modules/z-paging/components/z-paging-swiper-item/z-paging-swiper-item.vue b/src/uni_modules/z-paging/components/z-paging-swiper-item/z-paging-swiper-item.vue
new file mode 100644
index 0000000..fed9080
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging-swiper-item/z-paging-swiper-item.vue
@@ -0,0 +1,143 @@
+<!-- z-paging -->
+<!-- github地址:https://github.com/SmileZXLee/uni-z-paging -->
+<!-- dcloud地址:https://ext.dcloud.net.cn/plugin?id=3935 -->
+<!-- 反馈QQ群：790460711 -->
+
+<!-- 滑动切换选项卡swiper-item，此组件支持easycom规范，可以在项目中直接引用 -->
+<template>
+	<view class="zp-swiper-item-container">
+		<z-paging ref="paging" :fixed="false" 
+			:auto="false" :useVirtualList="useVirtualList" :useInnerList="useInnerList" :cellKeyName="cellKeyName" :innerListStyle="innerListStyle" 
+			:preloadPage="preloadPage" :cellHeightMode="cellHeightMode" :virtualScrollFps="virtualScrollFps" :virtualListCol="virtualListCol"
+			@query="_queryList" @listChange="_updateList" style="height: 100%;">
+			<slot />
+			<template #header>
+				<slot name="header"/>
+			</template>
+			<template #cell="{item,index}">
+				<slot name="cell" :item="item" :index="index"/>
+			</template>
+			<template #footer>
+				<slot name="footer"/>
+			</template>
+		</z-paging>
+	</view>
+</template>
+
+<script>
+	import zPaging from '../z-paging/z-paging'
+	export default {
+		name: "z-paging-swiper-item",
+		components: { zPaging },
+		data() {
+			return {
+				firstLoaded: false
+			}
+		},
+		props: {
+			//当前组件的index，也就是当前组件是swiper中的第几个
+			tabIndex: {
+				type: Number,
+				default: function() {
+					return 0
+				}
+			},
+			//当前swiper切换到第几个index
+			currentIndex: {
+				type: Number,
+				default: function() {
+					return 0
+				}
+			},
+			//是否使用虚拟列表，默认为否
+			useVirtualList: {
+				type: Boolean,
+				default: false
+			},
+			//是否在z-paging内部循环渲染列表(内置列表)，默认为否。若use-virtual-list为true，则此项恒为true
+			useInnerList: {
+				type: Boolean,
+				default: false
+			},
+			//内置列表cell的key名称，仅nvue有效，在nvue中开启use-inner-list时必须填此项
+			cellKeyName: {
+				type: String,
+				default: ''
+			},
+			//innerList样式
+			innerListStyle: {
+				type: Object,
+				default: function() {
+					return {};
+				}
+			},
+			//预加载的列表可视范围(列表高度)页数，默认为7，即预加载当前页及上下各7页的cell。此数值越大，则虚拟列表中加载的dom越多，内存消耗越大(会维持在一个稳定值)，但增加预加载页面数量可缓解快速滚动短暂白屏问题
+			preloadPage: {
+				type: [Number, String],
+				default: 7
+			},
+			//虚拟列表cell高度模式，默认为fixed，也就是每个cell高度完全相同，将以第一个cell高度为准进行计算。可选值【dynamic】，即代表高度是动态非固定的，【dynamic】性能低于【fixed】。
+			cellHeightMode: {
+				type: String,
+				default: 'fixed'
+			},
+			//虚拟列表列数，默认为1。常用于每行有多列的情况，例如每行有2列数据，需要将此值设置为2
+			virtualListCol: {
+				type: [Number, String],
+				default: 1
+			},
+			//虚拟列表scroll取样帧率，默认为60，过高可能出现卡顿等问题
+			virtualScrollFps: {
+				type: [Number, String],
+				default: 60
+			},
+		},
+		watch: {
+			currentIndex: {
+				handler(newVal, oldVal) {
+					if (newVal === this.tabIndex) {
+						//懒加载，当滑动到当前的item时，才去加载
+						if (!this.firstLoaded) {
+							this.$nextTick(()=>{
+								let delay = 5;
+								// #ifdef MP-TOUTIAO
+								delay = 100;
+								// #endif
+								setTimeout(() => {
+									this.$refs.paging.reload();
+								}, delay);
+							})
+						}
+					}
+				},
+				immediate: true
+			}
+		},
+		methods: {
+			reload(data) {
+				this.$refs.paging.reload(data);
+			},
+			complete(data) {
+				this.firstLoaded = true;
+				this.$refs.paging.complete(data);
+			},
+			_queryList(pageNo, pageSize, from) {
+				this.$emit('query', pageNo, pageSize, from);
+			},
+			_updateList(list) {
+				this.$emit('updateList', list);
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.zp-swiper-item-container {
+		/* #ifndef APP-NVUE */
+		height: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+	}
+</style>
diff --git a/src/uni_modules/z-paging/components/z-paging-swiper/z-paging-swiper.vue b/src/uni_modules/z-paging/components/z-paging-swiper/z-paging-swiper.vue
new file mode 100644
index 0000000..e1c608b
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging-swiper/z-paging-swiper.vue
@@ -0,0 +1,169 @@
+<!-- z-paging -->
+<!-- github地址:https://github.com/SmileZXLee/uni-z-paging -->
+<!-- dcloud地址:https://ext.dcloud.net.cn/plugin?id=3935 -->
+<!-- 反馈QQ群：790460711 -->
+
+<!-- 滑动切换选项卡swiper容器，此组件支持easycom规范，可以在项目中直接引用 -->
+<template>
+	<view :class="fixed?'zp-swiper-container zp-swiper-container-fixed':'zp-swiper-container'" :style="[finalSwiperStyle]">
+		<!-- #ifndef APP-PLUS -->
+		<view v-if="cssSafeAreaInsetBottom===-1" class="zp-safe-area-inset-bottom"></view>
+		<!-- #endif -->
+		<slot v-if="zSlots.top" name="top" />
+		<view class="zp-swiper-super">
+			<view v-if="zSlots.left" :class="{'zp-swiper-left':true,'zp-absoulte':isOldWebView}">
+				<slot name="left" />
+			</view>
+			<view :class="{'zp-swiper':true,'zp-absoulte':isOldWebView}" :style="[swiperContentStyle]">
+				<slot />
+			</view>
+			<view v-if="zSlots.right" :class="{'zp-swiper-right':true,'zp-absoulte zp-right':isOldWebView}">
+				<slot name="right" />
+			</view>
+		</view>
+		<slot v-if="zSlots.bottom" name="bottom" />
+	</view>
+</template>
+
+<script>
+	import commonLayoutModule from '../z-paging/js/modules/common-layout'
+	
+	export default {
+		name: "z-paging-swiper",
+		mixins: [commonLayoutModule],
+		data() {
+			return {
+				swiperContentStyle: {}
+			};
+		},
+		props: {
+			//是否使用fixed布局，默认为是
+			fixed: {
+				type: Boolean,
+				default: true
+			},
+			//是否开启底部安全区域适配
+			safeAreaInsetBottom: {
+				type: Boolean,
+				default: false
+			},
+			//z-paging-swiper样式
+			swiperStyle: {
+				type: Object,
+				default: function() {
+					return {};
+				},
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.systemInfo = uni.getSystemInfoSync();
+			})
+			// #ifndef APP-PLUS
+			this._getCssSafeAreaInsetBottom();
+			// #endif
+			this.updateLeftAndRightWidth();
+
+			this.swiperContentStyle = { 'flex': '1' };
+			// #ifndef APP-NVUE
+			this.swiperContentStyle = { width: '100%',height: '100%' };
+			// #endif
+		},
+		computed: {
+			finalSwiperStyle() {
+				const swiperStyle = this.swiperStyle;
+				if (!this.systemInfo) return swiperStyle;
+				const windowTop = this.windowTop;
+				const windowBottom = this.systemInfo.windowBottom;
+				if (this.fixed) {
+					if (windowTop && !swiperStyle.top) {
+						swiperStyle.top = windowTop + 'px';
+					}
+					if (!swiperStyle.bottom) {
+						let bottom = windowBottom || 0;
+						bottom += this.safeAreaInsetBottom ? this.safeAreaBottom : 0;
+						if (bottom > 0) {
+							swiperStyle.bottom = bottom + 'px';
+						}
+					}
+				}
+				return swiperStyle;
+			}
+		},
+		methods: {
+			//更新slot="left"和slot="right"宽度，当slot="left"或slot="right"宽度动态改变时调用
+			updateLeftAndRightWidth() {
+				if (!this.isOldWebView) return;
+				this.$nextTick(() => this._updateLeftAndRightWidth(this.swiperContentStyle, 'zp-swiper'));
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.zp-swiper-container {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		flex: 1;
+	}
+
+	.zp-swiper-container-fixed {
+		position: fixed;
+		/* #ifndef APP-NVUE */
+		height: auto;
+		width: auto;
+		/* #endif */
+		top: 0;
+		left: 0;
+		bottom: 0;
+		right: 0;
+	}
+	
+	.zp-safe-area-inset-bottom {
+		position: absolute;
+		/* #ifndef APP-PLUS */
+		height: env(safe-area-inset-bottom);
+		/* #endif */
+	}
+
+	.zp-swiper-super {
+		flex: 1;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+	
+	.zp-swiper-left,.zp-swiper-right{
+		/* #ifndef APP-NVUE */
+		height: 100%;
+		/* #endif */
+	}
+
+	.zp-swiper {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		height: 100%;
+		width: 100%;
+		/* #endif */
+	}
+	
+	.zp-absoulte {
+		/* #ifndef APP-NVUE */
+		position: absolute;
+		top: 0;
+		width: auto;
+		/* #endif */
+	}
+	
+	.zp-right{
+		right: 0;
+	}
+	
+	.zp-swiper-item {
+		height: 100%;
+	}
+</style>
diff --git a/src/uni_modules/z-paging/components/z-paging/components/z-paging-load-more.vue b/src/uni_modules/z-paging/components/z-paging/components/z-paging-load-more.vue
new file mode 100644
index 0000000..3dd311c
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/components/z-paging-load-more.vue
@@ -0,0 +1,141 @@
+<!-- [z-paging]上拉加载更多view -->
+<template>
+	<view class="zp-l-container" :style="[c.customStyle]" @click="doClick">
+		<template v-if="!c.hideContent">
+			<text v-if="c.showNoMoreLine&&finalStatus===M.NoMore" class="zp-l-line" :style="[{backgroundColor:zTheme.line[ts]},c.noMoreLineCustomStyle]" />
+			<!-- #ifndef APP-NVUE -->
+			<image v-if="finalStatus===M.Loading&&!!c.loadingIconCustomImage"
+				:src="c.loadingIconCustomImage" :style="[c.iconCustomStyle]" :class="{'zp-l-line-loading-custom-image':true,'zp-l-line-loading-custom-image-animated':c.loadingAnimated}" />
+			<image v-if="finalStatus===M.Loading&&finalLoadingIconType==='flower'&&!c.loadingIconCustomImage.length"
+				class="zp-line-loading-image" :style="[c.iconCustomStyle]" :src="zTheme.flower[ts]" />
+			<!-- #endif -->
+			<!-- #ifdef APP-NVUE -->
+			<view>
+				<loading-indicator v-if="finalStatus===M.Loading&&finalLoadingIconType!=='circle'" class="zp-line-loading-image" :style="[{color:zTheme.indicator[ts]}]" :animating="true" />
+			</view>
+			<!-- #endif -->
+			<text v-if="finalStatus===M.Loading&&finalLoadingIconType==='circle'&&!c.loadingIconCustomImage.length"
+				class="zp-l-circle-loading-view" :style="[{borderColor:zTheme.circleBorder[ts],borderTopColor:zTheme.circleBorderTop[ts]},c.iconCustomStyle]" />
+			<text class="zp-l-text" :style="[{color:zTheme.title[ts]},c.titleCustomStyle]">{{ownLoadingMoreText}}</text>
+			<text v-if="c.showNoMoreLine&&finalStatus===M.NoMore" class="zp-l-line" :style="[{backgroundColor:zTheme.line[ts]},c.noMoreLineCustomStyle]" />
+		</template>
+	</view>
+</template>
+<script>
+	import zStatic from '../js/z-paging-static'
+	import Enum from '../js/z-paging-enum'
+	export default {
+		name: 'z-paging-load-more',
+		data() {
+			return {
+				M: Enum.More,
+				zTheme: {
+					title: { white: '#efefef', black: '#a4a4a4' },
+					line: { white: '#efefef', black: '#eeeeee' },
+					circleBorder: { white: '#aaaaaa', black: '#c8c8c8' },
+					circleBorderTop: { white: '#ffffff', black: '#444444' },
+					flower: { white: zStatic.base64FlowerWhite, black: zStatic.base64Flower },
+					indicator: { white: '#eeeeee', black: '#777777' }
+				}
+			};
+		},
+		props: ['zConfig'],
+		computed: {
+			ts() {
+				return this.c.defaultThemeStyle;
+			},
+			c() {
+				return this.zConfig;
+			},
+			ownLoadingMoreText() {
+				const statusTextArr = [this.c.defaultText,this.c.loadingText,this.c.noMoreText,this.c.failText];
+				return statusTextArr[this.finalStatus];
+			},
+			finalStatus() {
+				if (this.c.defaultAsLoading && this.c.status === this.M.Default) return this.M.Loading;
+				return this.c.status;
+			},
+			finalLoadingIconType() {
+				// #ifdef APP-NVUE
+				return 'flower';
+				// #endif
+				return this.c.loadingIconType;
+			}
+		},
+		methods: {
+			doClick() {
+				this.$emit('doClick');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	@import "../css/z-paging-static.css";
+
+	.zp-l-container {
+		height: 80rpx;
+		font-size: 27rpx;
+		/* #ifndef APP-NVUE */
+		clear: both;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.zp-l-line-loading-custom-image {
+		color: #a4a4a4;
+		margin-right: 8rpx;
+		width: 28rpx;
+		height: 28rpx;
+	}
+	
+	.zp-l-line-loading-custom-image-animated{
+		/* #ifndef APP-NVUE */
+		animation: loading-circle 1s linear infinite;
+		/* #endif */
+	}
+
+	.zp-l-circle-loading-view {
+		margin-right: 8rpx;
+		width: 23rpx;
+		height: 23rpx;
+		border: 3rpx solid #dddddd;
+		border-radius: 50%;
+		/* #ifndef APP-NVUE */
+		animation: loading-circle 1s linear infinite;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		width: 30rpx;
+		height: 30rpx;
+		/* #endif */
+	}
+
+	.zp-l-text {
+		/* #ifdef APP-NVUE */
+		font-size: 30rpx;
+		margin: 0rpx 10rpx;
+		/* #endif */
+	}
+
+	.zp-l-line {
+		height: 1px;
+		width: 100rpx;
+		margin: 0rpx 10rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	@keyframes loading-circle {
+		0% {
+			-webkit-transform: rotate(0deg);
+			transform: rotate(0deg);
+		}
+		100% {
+			-webkit-transform: rotate(360deg);
+			transform: rotate(360deg);
+		}
+	}
+	/* #endif */
+</style>
diff --git a/src/uni_modules/z-paging/components/z-paging/components/z-paging-refresh.vue b/src/uni_modules/z-paging/components/z-paging/components/z-paging-refresh.vue
new file mode 100644
index 0000000..12ac9db
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/components/z-paging-refresh.vue
@@ -0,0 +1,182 @@
+<!-- [z-paging]下拉刷新view -->
+<template>
+	<view style="height: 100%;">
+		<view :class="showUpdateTime?'zp-r-container zp-r-container-padding':'zp-r-container'">
+			<view class="zp-r-left">
+				<image v-if="status!==R.Loading" :class="leftImageClass" :style="[leftImageStyle,imgStyle]" :src="leftImageSrc" />
+				<!-- #ifndef APP-NVUE -->
+				<image v-else :class="{'zp-line-loading-image':refreshingAnimated,'zp-r-left-image':true}" :style="[leftImageStyle,imgStyle]" :src="leftImageSrc" />
+				<!-- #endif -->
+				<!-- #ifdef APP-NVUE -->
+				<view v-else :style="[{'margin-right':showUpdateTime?'18rpx':'12rpx'}]">
+					<loading-indicator :class="isIos?'zp-loading-image-ios':'zp-loading-image-android'" 
+					:style="[{color:zTheme.indicator[ts]},imgStyle]" :animating="true" />
+				</view>
+				<!-- #endif -->
+			</view>
+			<view class="zp-r-right">
+				<text class="zp-r-right-text" :style="[rightTextStyle,titleStyle]">{{currentTitle}}</text>
+				<text v-if="showUpdateTime&&refresherTimeText.length" class="zp-r-right-text zp-r-right-time-text" :style="[rightTextStyle,updateTimeStyle]">
+					{{refresherTimeText}}
+				</text>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	import zStatic from '../js/z-paging-static'
+	import u from '../js/z-paging-utils'
+	import Enum from '../js/z-paging-enum'
+	
+	export default {
+		name: 'z-paging-refresh',
+		data() {
+			return {
+				R: Enum.Refresher,
+				isIos: uni.getSystemInfoSync().platform === 'ios',
+				refresherTimeText: '',
+				zTheme: {
+					title: { white: '#efefef', black: '#555555' },
+					arrow: { white: zStatic.base64ArrowWhite, black: zStatic.base64Arrow },
+					flower: { white: zStatic.base64FlowerWhite, black: zStatic.base64Flower },
+					success: { white: zStatic.base64SuccessWhite, black: zStatic.base64Success },
+					indicator: { white: '#eeeeee', black: '#777777' }
+				}
+			};
+		},
+		props: ['status', 'defaultThemeStyle', 'defaultText', 'pullingText', 'refreshingText', 'completeText', 'defaultImg', 'pullingImg', 
+			'refreshingImg', 'completeImg', 'refreshingAnimated', 'showUpdateTime', 'updateTimeKey', 'imgStyle', 'titleStyle', 'updateTimeStyle', 'updateTimeTextMap'
+		],
+		computed: {
+			ts() {
+				return this.defaultThemeStyle;
+			},
+			statusTextArr() {
+				this.updateTime();
+				return [this.defaultText,this.pullingText,this.refreshingText,this.completeText];
+			},
+			currentTitle() {
+				return this.statusTextArr[this.status] || this.defaultText;
+			},
+			leftImageClass() {
+				if (this.status === this.R.Complete) return 'zp-r-left-image-pre-size';
+				return `zp-r-left-image zp-r-left-image-pre-size ${this.status === this.R.Default ? 'zp-r-arrow-down' : 'zp-r-arrow-top'}`;
+			},
+			leftImageStyle() {
+				const showUpdateTime = this.showUpdateTime;
+				const size = showUpdateTime ? '36rpx' : '30rpx';
+				return {width: size,height: size,'margin-right': showUpdateTime ? '20rpx' : '9rpx'};
+			},
+			leftImageSrc() {
+				const R = this.R;
+				const status = this.status;
+				if (status === R.Default) {
+					if (!!this.defaultImg) return this.defaultImg;
+					return this.zTheme.arrow[this.ts];
+				} else if (status  === R.ReleaseToRefresh) {
+					if (!!this.pullingImg) return this.pullingImg;
+					if (!!this.defaultImg) return this.defaultImg;
+					return this.zTheme.arrow[this.ts];
+				} else if (status  === R.Loading) {
+					if (!!this.refreshingImg) return this.refreshingImg;
+					return this.zTheme.flower[this.ts];;
+				} else if (status  === R.Complete) {
+					if (!!this.completeImg) return this.completeImg;
+					return this.zTheme.success[this.ts];;
+				}
+				return '';
+			},
+			rightTextStyle() {
+				let stl = {};
+				// #ifdef APP-NVUE
+				const textHeight = this.showUpdateTime ? '40rpx' : '80rpx';
+				stl = {'height': textHeight, 'line-height': textHeight}
+				// #endif
+				stl['color'] = this.zTheme.title[this.ts];
+				return stl;
+			}
+		},
+		methods: {
+			updateTime() {
+				if (this.showUpdateTime) {
+					this.refresherTimeText = u.getRefesrherFormatTimeByKey(this.updateTimeKey, this.updateTimeTextMap);
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	@import "../css/z-paging-static.css";
+
+	.zp-r-container {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		height: 100%;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.zp-r-container-padding {
+		/* #ifdef APP-NVUE */
+		padding: 15rpx 0rpx;
+		/* #endif */
+	}
+
+	.zp-r-left {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		overflow: hidden;
+		/* #ifdef MP-ALIPAY */
+		margin-top: -4rpx;
+		/* #endif */
+	}
+
+	.zp-r-left-image {
+		transition-duration: .2s;
+		transition-property: transform;
+		color: #666666;
+	}
+	
+	.zp-r-left-image-pre-size{
+		/* #ifndef APP-NVUE */
+		width: 30rpx;
+		height: 30rpx;
+		overflow: hidden;
+		/* #endif */
+	}
+
+	.zp-r-arrow-top {
+		transform: rotate(0deg);
+	}
+
+	.zp-r-arrow-down {
+		transform: rotate(180deg);
+	}
+
+	.zp-r-right {
+		font-size: 27rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.zp-r-right-text {
+		/* #ifdef APP-NVUE */
+		font-size: 28rpx;
+		/* #endif */
+	}
+
+	.zp-r-right-time-text {
+		margin-top: 10rpx;
+		font-size: 24rpx;
+	}
+</style>
diff --git a/src/uni_modules/z-paging/components/z-paging/config/index.js b/src/uni_modules/z-paging/components/z-paging/config/index.js
new file mode 100644
index 0000000..2af6aa2
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/config/index.js
@@ -0,0 +1,45 @@
+// z-paging全局配置文件，注意避免更新时此文件被覆盖，若被覆盖，可在此文件中右键->点击本地历史记录，找回覆盖前的配置
+export default {
+    //配置分页默认pageSize为20
+    'default-page-size': '20',
+    // 空数据图图片
+    'empty-view-img': '/static/empty-img/not-found.png',
+    // 空数据图图片是否居中
+    'empty-view-center':false,
+    // 空数据图img样式
+    'empty-view-img-style': {
+        'display': 'block',
+        'width': '200rpx',
+        'height': '200rpx',
+        'margin': '0 auto',
+        'margin-bottom': '20rpx'
+    },
+    // 滑动到底部"没有更多"文字
+    'loading-more-no-more-text': '没有更多了，看看别的吧',
+    // 底部加载更多文字样式
+    'loading-more-title-custom-style':{
+        'font-size': '24rpx'
+    },
+    // 自动显示点击返回顶部按钮
+    'auto-show-back-to-top': true,
+    // 返回顶部按钮图标
+    'back-to-top-img': '/static/images/back-to-top.png',
+    // 返回顶部按钮样式
+    'back-to-top-style': {
+        'display': 'flex',
+        'justify-content': 'center',
+        'align-items': 'center',
+        'width': '80rpx',
+        'height': '80rpx',
+        'border-radius': '50%',
+        'background': '#fff',
+        'border': '2rpx solid #ccc'
+    },
+    // 点击返回顶部按钮与底部的距离
+    'back-to-top-bottom': '150rpx',
+    // 当列表内容没有超出一页时，是否隐藏没有更多的提示
+    'hide-no-more-inside': true,
+    // 是否开启底部安全区域适配
+    'safe-area-inset-bottom': true,
+    'auto-clean-list-when-reload': false
+}
\ No newline at end of file
diff --git a/src/uni_modules/z-paging/components/z-paging/css/z-paging-main.css b/src/uni_modules/z-paging/components/z-paging/css/z-paging-main.css
new file mode 100644
index 0000000..a12a458
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/css/z-paging-main.css
@@ -0,0 +1,227 @@
+/* [z-paging]公共css*/
+
+.z-paging-content {
+	position: relative;
+	/* #ifndef APP-NVUE */
+	display: flex;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	/* #endif */
+	flex-direction: column;
+}
+
+.z-paging-content-fixed, .zp-loading-fixed {
+	position: fixed;
+	/* #ifndef APP-NVUE */
+	height: auto;
+	width: auto;
+	/* #endif */
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+}
+
+.zp-page-top,.zp-page-bottom {
+	/* #ifndef APP-NVUE */
+	width: auto;
+	/* #endif */
+	position: fixed;
+	left: 0;
+	right: 0;
+	z-index: 999;
+}
+
+.zp-page-left,.zp-page-right{
+	/* #ifndef APP-NVUE */
+	height: 100%;
+	/* #endif */
+}
+
+.zp-scroll-view-super {
+	flex: 1;
+	position: relative;
+}
+
+.zp-view-super{
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: row;
+}
+
+.zp-custom-refresher-container {
+	overflow: hidden;
+}
+
+.zp-scroll-view-container,.zp-scroll-view {
+	position: relative;
+	/* #ifndef APP-NVUE */
+	height: 100%;
+	width: 100%;
+	/* #endif */
+}
+
+.zp-absoulte{
+	/* #ifndef APP-NVUE */
+	position: absolute;
+	top: 0;
+	width: auto;
+	/* #endif */
+}
+
+.zp-right{
+	right: 0;
+}
+
+.zp-scroll-view-absolute {
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+
+/* #ifndef APP-NVUE */
+.zp-scroll-view-hide-scrollbar ::-webkit-scrollbar {
+	display: none;
+	-webkit-appearance: none;
+	width: 0 !important;
+	height: 0 !important;
+	background: transparent;
+}
+/* #endif */
+
+.zp-paging-touch-view {
+	width: 100%;
+	height: 100%;
+	position: relative;
+}
+
+.zp-fixed-bac-view {
+	position: absolute;
+	width: 100%;
+	top: 0;
+	left: 0;
+	height: 200px;
+}
+
+.zp-paging-main {
+	height: 100%;
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: column;
+}
+
+.zp-paging-container {
+	flex: 1;
+	position: relative;
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: column;
+}
+
+.zp-chat-record-loading-container {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	width: 100%;
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	width: 750rpx;
+	/* #endif */
+	align-items: center;
+	justify-content: center;
+	height: 60rpx;
+	font-size: 26rpx;
+}
+
+.zp-chat-record-loading-custom-image {
+	width: 35rpx;
+	height: 35rpx;
+	/* #ifndef APP-NVUE */
+	animation: loading-flower 1s linear infinite;
+	/* #endif */
+}
+
+.zp-custom-refresher-container {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+}
+
+.zp-back-to-top {
+	width: 76rpx;
+	height: 76rpx;
+	z-index: 999;
+	position: absolute;
+	bottom: 0rpx;
+	right: 25rpx;
+	transition-duration: .3s;
+	transition-property: opacity;
+}
+
+.zp-back-to-top-show {
+	opacity: 1;
+}
+
+.zp-back-to-top-hide {
+	opacity: 0;
+}
+
+.zp-back-to-top-img {
+	/* #ifndef APP-NVUE */
+	width: 100%;
+	height: 100%;
+	/* #endif */
+	/* #ifdef APP-NVUE */
+	flex: 1;
+	/* #endif */
+	z-index: 999;
+}
+
+.zp-empty-view {
+	/* #ifdef APP-NVUE */
+	height: 100%;
+	/* #endif */
+	flex: 1;
+}
+
+.zp-empty-view-center {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+}
+
+.zp-loading-fixed {
+	z-index: 9999;
+}
+
+.zp-safe-area-inset-bottom {
+	position: absolute;
+	/* #ifndef APP-PLUS */
+	height: env(safe-area-inset-bottom);
+	/* #endif */
+}
+
+.zp-n-refresh-container {
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	justify-content: center;
+	width: 750rpx;
+}
+
+.zp-n-list-container{
+	/* #ifndef APP-NVUE */
+	display: flex;
+	/* #endif */
+	flex-direction: row;
+	flex: 1;
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/css/z-paging-static.css b/src/uni_modules/z-paging/components/z-paging/css/z-paging-static.css
new file mode 100644
index 0000000..eaad977
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/css/z-paging-static.css
@@ -0,0 +1,35 @@
+/* [z-paging]公用的静态css资源 */
+
+.zp-line-loading-image {
+	margin-right: 8rpx;
+	width: 28rpx;
+	height: 28rpx;
+	/* #ifndef APP-NVUE */
+	animation: loading-flower 1s steps(12) infinite;
+	/* #endif */
+	color: #666666;
+}
+
+.zp-loading-image-ios{
+	width: 20px;
+	height: 20px;
+}
+
+.zp-loading-image-android{
+	width: 32rpx;
+	height: 32rpx;
+}
+
+/* #ifndef APP-NVUE */
+@keyframes loading-flower {
+	0% {
+		-webkit-transform: rotate(0deg);
+		transform: rotate(0deg);
+	}
+	to {
+		-webkit-transform: rotate(1turn);
+		transform: rotate(1turn);
+	}
+}
+/* #endif */
+
diff --git a/src/uni_modules/z-paging/components/z-paging/i18n/en.json b/src/uni_modules/z-paging/components/z-paging/i18n/en.json
new file mode 100644
index 0000000..d93430f
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/i18n/en.json
@@ -0,0 +1,22 @@
+{	
+	"zp.refresher.default": "Pull down to refresh",
+	"zp.refresher.pulling": "Release to refresh",
+	"zp.refresher.refreshing": "Refreshing...",
+	"zp.refresher.complete": "Refresh succeeded",
+	
+	"zp.loadingMore.default": "Click to load more",
+	"zp.loadingMore.loading": "Loading...",
+	"zp.loadingMore.noMore": "No more data",
+	"zp.loadingMore.fail": "Load failed,click to reload",
+	
+	"zp.emptyView.title": "No data",
+	"zp.emptyView.reload": "Reload",
+	"zp.emptyView.error": "Sorry,load failed",
+	
+	"zp.refresherUpdateTime.title": "Last update: ",
+	"zp.refresherUpdateTime.none": "None",
+	"zp.refresherUpdateTime.today": "Today",
+	"zp.refresherUpdateTime.yesterday": "Yesterday",
+	
+	"zp.systemLoading.title": "Loading..."
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/i18n/index.js b/src/uni_modules/z-paging/components/z-paging/i18n/index.js
new file mode 100644
index 0000000..de7509c
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/i18n/index.js
@@ -0,0 +1,8 @@
+import en from './en.json'
+import zhHans from './zh-Hans.json'
+import zhHant from './zh-Hant.json'
+export default {
+	en,
+	'zh-Hans': zhHans,
+	'zh-Hant': zhHant
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/i18n/zh-Hans.json b/src/uni_modules/z-paging/components/z-paging/i18n/zh-Hans.json
new file mode 100644
index 0000000..f2cc3c8
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/i18n/zh-Hans.json
@@ -0,0 +1,22 @@
+{	
+	"zp.refresher.default": "继续下拉刷新",
+	"zp.refresher.pulling": "松开立即刷新",
+	"zp.refresher.refreshing": "正在刷新...",
+	"zp.refresher.complete": "刷新成功",
+	
+	"zp.loadingMore.default": "点击加载更多",
+	"zp.loadingMore.loading": "正在加载...",
+	"zp.loadingMore.noMore": "没有更多了",
+	"zp.loadingMore.fail": "加载失败，点击重新加载",
+	
+	"zp.emptyView.title": "没有数据哦~",
+	"zp.emptyView.reload": "重新加载",
+	"zp.emptyView.error": "很抱歉，加载失败",
+	
+	"zp.refresherUpdateTime.title": "最后更新：",
+	"zp.refresherUpdateTime.none": "无",
+	"zp.refresherUpdateTime.today": "今天",
+	"zp.refresherUpdateTime.yesterday": "昨天",
+	
+	"zp.systemLoading.title": "加载中..."
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/i18n/zh-Hant.json b/src/uni_modules/z-paging/components/z-paging/i18n/zh-Hant.json
new file mode 100644
index 0000000..e9c80cf
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/i18n/zh-Hant.json
@@ -0,0 +1,22 @@
+{	
+	"zp.refresher.default": "繼續下拉重繪",
+	"zp.refresher.pulling": "鬆開立即重繪",
+	"zp.refresher.refreshing": "正在重繪...",
+	"zp.refresher.complete": "重繪成功",
+	
+	"zp.loadingMore.default": "點擊加載更多",
+	"zp.loadingMore.loading": "正在加載...",
+	"zp.loadingMore.noMore": "沒有更多了",
+	"zp.loadingMore.fail": "加載失敗，點擊重新加載",
+	
+	"zp.emptyView.title": "沒有數據哦~",
+	"zp.emptyView.reload": "重新加載",
+	"zp.emptyView.error": "很抱歉，加載失敗",
+	
+	"zp.refresherUpdateTime.title": "最後更新：",
+	"zp.refresherUpdateTime.none": "無",
+	"zp.refresherUpdateTime.today": "今天",
+	"zp.refresherUpdateTime.yesterday": "昨天",
+	
+	"zp.systemLoading.title": "加載中..."
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/hooks/useZPaging.js b/src/uni_modules/z-paging/components/z-paging/js/hooks/useZPaging.js
new file mode 100644
index 0000000..3c2d5f9
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/hooks/useZPaging.js
@@ -0,0 +1,25 @@
+// [z-paging]useZPaging hooks
+
+import { onPageScroll, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app';
+
+function useZPaging(paging) {
+	const cPaging = !!paging ? paging.value || paging : null;
+	
+	onPullDownRefresh(() => {
+		if (!cPaging) return;
+		cPaging.value.reload();
+	})
+	
+	onPageScroll(e => {
+		if (!cPaging) return;
+		cPaging.value.updatePageScrollTop(e.scrollTop);
+		e.scrollTop < 10 && cPaging.value.doChatRecordLoadMore();
+	})
+	
+	onReachBottom(() => {
+		if (!cPaging) return;
+		cPaging.value.pageReachBottom();
+	})
+}
+
+export default useZPaging
\ No newline at end of file
diff --git a/src/uni_modules/z-paging/components/z-paging/js/hooks/useZPagingComp.js b/src/uni_modules/z-paging/components/z-paging/js/hooks/useZPagingComp.js
new file mode 100644
index 0000000..b9a0054
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/hooks/useZPagingComp.js
@@ -0,0 +1,26 @@
+// [z-paging]useZPagingComp hooks
+
+function useZPagingComp(paging) {
+	
+	const cPaging = !!paging ? paging.value || paging : null;
+	
+	const reload = () => {
+		if (!cPaging) return;
+		cPaging.value.reload();
+	}
+	const updatePageScrollTop = scrollTop => {
+		if (!cPaging) return;
+		cPaging.value.updatePageScrollTop(scrollTop);
+	}
+	const doChatRecordLoadMore = () => {
+		if (!cPaging) return;
+		cPaging.value.doChatRecordLoadMore();
+	}
+	const pageReachBottom = () => {
+		if (!cPaging) return;
+		cPaging.value.pageReachBottom();
+	}
+	return { reload, updatePageScrollTop, doChatRecordLoadMore, pageReachBottom };
+}
+
+export default useZPagingComp
\ No newline at end of file
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/back-to-top.js b/src/uni_modules/z-paging/components/z-paging/js/modules/back-to-top.js
new file mode 100644
index 0000000..a490911
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/back-to-top.js
@@ -0,0 +1,100 @@
+// [z-paging]点击返回顶部view模块
+import u from '.././z-paging-utils'
+
+export default {
+	props: {
+		//自动显示点击返回顶部按钮，默认为否
+		autoShowBackToTop: {
+			type: Boolean,
+			default: u.gc('autoShowBackToTop', false)
+		},
+		//点击返回顶部按钮显示/隐藏的阈值(滚动距离)，单位为px，默认为400rpx
+		backToTopThreshold: {
+			type: [Number, String],
+			default: u.gc('backToTopThreshold', '400rpx')
+		},
+		//点击返回顶部按钮的自定义图片地址，默认使用z-paging内置的图片
+		backToTopImg: {
+			type: String,
+			default: u.gc('backToTopImg', '')
+		},
+		//点击返回顶部按钮返回到顶部时是否展示过渡动画，默认为是
+		backToTopWithAnimate: {
+			type: Boolean,
+			default: u.gc('backToTopWithAnimate', true)
+		},
+		//点击返回顶部按钮与底部的距离，注意添加单位px或rpx，默认为160rpx
+		backToTopBottom: {
+			type: [Number, String],
+			default: u.gc('backToTopBottom', '160rpx')
+		},
+		//点击返回顶部按钮的自定义样式
+		backToTopStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('backToTopStyle', {});
+			},
+		},
+		//iOS点击顶部状态栏、安卓双击标题栏时，滚动条返回顶部，只支持竖向，默认为是
+		enableBackToTop: {
+			type: Boolean,
+			default: u.gc('enableBackToTop', true)
+		},
+	},
+	data() {
+		return {
+			backToTopClass: 'zp-back-to-top zp-back-to-top-hide',
+			lastBackToTopShowTime: 0,
+			showBackToTopClass: false,
+		}
+	},
+	computed: {
+		finalEnableBackToTop() {
+			return this.usePageScroll ? false : this.enableBackToTop;
+		},
+		finalBackToTopThreshold() {
+			return u.convertToPx(this.backToTopThreshold);
+		},
+		finalBackToTopStyle() {
+			const backToTopStyle = this.backToTopStyle;
+			if (!backToTopStyle.bottom) {
+				backToTopStyle.bottom = this.windowBottom + u.convertToPx(this.backToTopBottom) + 'px';
+			}
+			if(!backToTopStyle.position){
+				backToTopStyle.position = this.usePageScroll ? 'fixed': 'absolute';
+			}
+			return backToTopStyle;
+		},
+	},
+	methods: {
+		//点击返回顶部
+		_backToTopClick() {
+			!this.backToTopWithAnimate && this._checkShouldShowBackToTop(0);
+			this.scrollToTop(this.backToTopWithAnimate);
+		},
+		//判断是否要显示返回顶部按钮
+		_checkShouldShowBackToTop(scrollTop) {
+			if (!this.autoShowBackToTop) {
+				this.showBackToTopClass = false;
+				return;
+			}
+			if (scrollTop > this.finalBackToTopThreshold) {
+				if (!this.showBackToTopClass) {
+					this.showBackToTopClass = true;
+					this.lastBackToTopShowTime = new Date().getTime();
+					u.delay(() => {
+						this.backToTopClass = 'zp-back-to-top zp-back-to-top-show';
+					}, 300)
+				}
+			} else {
+				if (this.showBackToTopClass) {
+					this.backToTopClass = 'zp-back-to-top zp-back-to-top-hide';
+					u.delay(() => {
+						this.showBackToTopClass = false;
+					}, new Date().getTime() - this.lastBackToTopShowTime < 500 ? 0 : 300)
+				}
+			}
+		},
+	}
+}
+
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/common-layout.js b/src/uni_modules/z-paging/components/z-paging/js/modules/common-layout.js
new file mode 100644
index 0000000..c5cbc4f
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/common-layout.js
@@ -0,0 +1,116 @@
+// [z-paging]通用布局相关模块
+
+// #ifdef APP-NVUE
+const weexDom = weex.requireModule('dom');
+// #endif
+
+export default {
+	data() {
+		return {
+			systemInfo: null,
+			cssSafeAreaInsetBottom: -1,
+		}
+	},
+	computed: {
+		windowTop() {
+			if (!this.systemInfo) return 0;
+			//暂时修复vue3中隐藏系统导航栏后windowTop获取不正确的问题，具体bug详见https://ask.dcloud.net.cn/question/141634
+			//感谢litangyu！！https://github.com/SmileZXLee/uni-z-paging/issues/25
+			// #ifdef VUE3 && H5
+			const pageHeadNode = document.getElementsByTagName("uni-page-head");
+			if (!pageHeadNode.length) return 0;
+			// #endif
+			return this.systemInfo.windowTop || 0;
+		},
+		safeAreaBottom() {
+			if (!this.systemInfo) return 0;
+			let safeAreaBottom = 0;
+			// #ifdef APP-PLUS
+			safeAreaBottom = this.systemInfo.safeAreaInsets.bottom || 0 ;
+			// #endif
+			// #ifndef APP-PLUS
+			safeAreaBottom = Math.max(this.cssSafeAreaInsetBottom, 0);
+			// #endif
+			return safeAreaBottom;
+		},
+		isOldWebView() {
+			// #ifndef APP-NVUE || MP-KUAISHOU
+			try {
+				const systemInfos = systemInfo.system.split(' ');
+				const deviceType = systemInfos[0];
+				const version = parseInt(systemInfos[1]);
+				if ((deviceType === 'iOS' && version <= 10) || (deviceType === 'Android' && version <= 6)) {
+					return true;
+				}
+			} catch(e) {
+				return false;
+			}
+			// #endif
+			return false;
+		},
+		zSlots() {
+			// #ifdef VUE2
+			
+			// #ifdef MP-ALIPAY
+			return this.$slots;
+			// #endif
+			
+			return this.$scopedSlots || this.$slots;
+			// #endif
+			
+			return this.$slots;
+		}
+	},
+	methods: {
+		//获取节点尺寸
+		_getNodeClientRect(select, inDom = true, scrollOffset = false) {
+			// #ifdef APP-NVUE
+			select = select.replace(/[.|#]/g, '');
+			const ref = this.$refs[select];
+			return new Promise((resolve, reject) => {
+				if (ref) {
+					weexDom.getComponentRect(ref, option => {
+						resolve(option && option.result ? [option.size] : false);
+					})
+				} else {
+					resolve(false);
+				}
+			});
+			return;
+			// #endif
+			//#ifdef MP-ALIPAY
+			inDom = false;
+			//#endif
+			let res = !!inDom ? uni.createSelectorQuery().in(inDom === true ? this : inDom) : uni.createSelectorQuery();
+			scrollOffset ? res.select(select).scrollOffset() : res.select(select).boundingClientRect();
+			return new Promise((resolve, reject) => {
+				res.exec(data => {
+					resolve((data && data != '' && data != undefined && data.length) ? data : false);
+				});
+			});
+		},
+		//获取slot="left"和slot="right"宽度并且更新布局
+		_updateLeftAndRightWidth(targetStyle, parentNodePrefix) {
+			this.$nextTick(() => {
+				let delayTime = 0;
+				// #ifdef MP-BAIDU
+				delayTime = 10;
+				// #endif
+				setTimeout(() => {
+					['left','right'].map(position => {
+						this._getNodeClientRect(`.${parentNodePrefix}-${position}`).then(res => {
+							this.$set(targetStyle, position, res ? res[0].width + 'px' : '0px');
+						});
+					})
+				}, delayTime)
+			})
+		},
+		//通过获取css设置的底部安全区域占位view高度设置bottom距离
+		_getCssSafeAreaInsetBottom(success) {
+			this._getNodeClientRect('.zp-safe-area-inset-bottom').then(res => {
+				this.cssSafeAreaInsetBottom = res ? res[0].height : -1;
+				res && success && success();
+			});
+		}
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/data-handle.js b/src/uni_modules/z-paging/components/z-paging/js/modules/data-handle.js
new file mode 100644
index 0000000..9cfebb5
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/data-handle.js
@@ -0,0 +1,717 @@
+// [z-paging]数据处理模块
+import u from '.././z-paging-utils'
+import c from '.././z-paging-constant'
+import Enum from '.././z-paging-enum'
+import interceptor from '../z-paging-interceptor'
+
+export default {
+	props: {
+		//自定义初始的pageNo，默认为1
+		defaultPageNo: {
+			type: [Number, String],
+			default: u.gc('defaultPageNo', 1),
+			observer: function(newVal) {
+				this.pageNo = newVal;
+			},
+		},
+		//自定义pageSize，默认为10
+		defaultPageSize: {
+			type: [Number, String],
+			default: u.gc('defaultPageSize', 10),
+			validator: (value) => {
+				if (value <= 0) u.consoleErr('default-page-size必须大于0！');
+				return value > 0;
+			}
+		},
+		//为保证数据一致，设置当前tab切换时的标识key，并在complete中传递相同key，若二者不一致，则complete将不会生效
+		dataKey: {
+			type: [Number, String, Object],
+			default: function() {
+				return u.gc('dataKey', null);
+			},
+		},
+		//使用缓存，若开启将自动缓存第一页的数据，默认为否。请注意，因考虑到切换tab时不同tab数据不同的情况，默认仅会缓存组件首次加载时第一次请求到的数据，后续的下拉刷新操作不会更新缓存。
+		useCache: {
+			type: Boolean,
+			default: u.gc('useCache', false)
+		},
+		//使用缓存时缓存的key，用于区分不同列表的缓存数据，useCache为true时必须设置，否则缓存无效
+		cacheKey: {
+			type: String,
+			default: u.gc('cacheKey', null)
+		},
+		//缓存模式，默认仅会缓存组件首次加载时第一次请求到的数据，可设置为always，即代表总是缓存，每次列表刷新(下拉刷新、调用reload等)都会更新缓存
+		cacheMode: {
+			type: String,
+			default: u.gc('cacheMode', Enum.CacheMode.Default)
+		},
+		//自动注入的list名，可自动修改父view(包含ref="paging")中对应name的list值
+		autowireListName: {
+			type: String,
+			default: u.gc('autowireListName', '')
+		},
+		//自动注入的query名，可自动调用父view(包含ref="paging")中的query方法
+		autowireQueryName: {
+			type: String,
+			default: u.gc('autowireQueryName', '')
+		},
+		//z-paging mounted后自动调用reload方法(mounted后自动调用接口)，默认为是
+		auto: {
+			type: Boolean,
+			default: u.gc('auto', true)
+		},
+		//用户下拉刷新时是否触发reload方法，默认为是
+		reloadWhenRefresh: {
+			type: Boolean,
+			default: u.gc('reloadWhenRefresh', true)
+		},
+		//reload时自动滚动到顶部，默认为是
+		autoScrollToTopWhenReload: {
+			type: Boolean,
+			default: u.gc('autoScrollToTopWhenReload', true)
+		},
+		//reload时立即自动清空原list，默认为是，若立即自动清空，则在reload之后、请求回调之前页面是空白的
+		autoCleanListWhenReload: {
+			type: Boolean,
+			default: u.gc('autoCleanListWhenReload', true)
+		},
+		//列表刷新时自动显示下拉刷新view，默认为否
+		showRefresherWhenReload: {
+			type: Boolean,
+			default: u.gc('showRefresherWhenReload', false)
+		},
+		//列表刷新时自动显示加载更多view，且为加载中状态，默认为否
+		showLoadingMoreWhenReload: {
+			type: Boolean,
+			default: u.gc('showLoadingMoreWhenReload', false)
+		},
+		//组件created时立即触发reload(可解决一些情况下先看到页面再看到loading的问题)，auto为true时有效。为否时将在mounted+nextTick后触发reload，默认为否
+		createdReload: {
+			type: Boolean,
+			default: u.gc('createdReload', false)
+		},
+		//本地分页时上拉加载更多延迟时间，单位为毫秒，默认200毫秒
+		localPagingLoadingTime: {
+			type: [Number, String],
+			default: u.gc('localPagingLoadingTime', 200)
+		},
+		//使用聊天记录模式，默认为否
+		useChatRecordMode: {
+			type: Boolean,
+			default: u.gc('useChatRecordMode', false)
+		},
+		//使用聊天记录模式时是否自动隐藏键盘：在用户触摸列表时候自动隐藏键盘，默认为是
+		autoHideKeyboardWhenChat: {
+			type: Boolean,
+			default: u.gc('autoHideKeyboardWhenChat', true)
+		},
+		//自动拼接complete中传过来的数组(使用聊天记录模式时无效)
+		concat: {
+			type: Boolean,
+			default: u.gc('concat', true)
+		},
+		//父组件v-model所绑定的list的值
+		value: {
+			type: Array,
+			default: function() {
+				return [];
+			}
+		},
+		// #ifdef VUE3
+		modelValue: {
+			type: Array,
+			default: function() {
+				return [];
+			}
+		}
+		// #endif
+	},
+	data (){
+		return {
+			currentData: [],
+			totalData: [],
+			realTotalData: [],
+			totalLocalPagingList: [],
+			dataPromiseResultMap: {
+				reload: null,
+				complete: null,
+				localPaging: null
+			},
+			isSettingCacheList: false,
+			pageNo: 1,
+			currentRefreshPageSize: 0,
+			isLocalPaging: false,
+			isAddedData: false,
+			isTotalChangeFromAddData: false,
+			privateConcat: true,
+			myParentQuery: -1,
+			firstPageLoaded: false,
+			pagingLoaded: false,
+			loaded: false,
+			isUserReload: true,
+			fromEmptyViewReload: false,
+			queryFrom: '',
+			listRendering: false,
+		}
+	},
+	computed: {
+		pageSize() {
+			return this.defaultPageSize;
+		},
+		finalConcat() {
+			return this.concat && this.privateConcat;
+		},
+		finalUseCache() {
+			if (this.useCache && !this.cacheKey) {
+				u.consoleErr('use-cache为true时，必须设置cache-key，否则缓存无效！');
+			}
+			return this.useCache && !!this.cacheKey;
+		},
+		finalCacheKey() {
+			return this.cacheKey ? `${c.cachePrefixKey}-${this.cacheKey}` : null; 
+		},
+		isFirstPage() {
+			return this.pageNo === this.defaultPageNo;
+		}
+	},
+	watch: {
+		totalData(newVal, oldVal) {
+			this._totalDataChange(newVal, oldVal);
+		},
+		currentData(newVal, oldVal) {
+			this._currentDataChange(newVal, oldVal);
+		},
+		useChatRecordMode(newVal, oldVal) {
+			if (newVal) {
+				this.nLoadingMoreFixedHeight = false;
+			}
+		},
+		value: {
+			handler(newVal) {
+				this.realTotalData = newVal;
+			},
+			immediate: true
+		},
+		// #ifdef VUE3
+		modelValue: {
+			handler(newVal) {
+				this.realTotalData = newVal;
+			},
+			immediate: true
+		}
+		// #endif
+	},
+	methods: {
+		//请求结束(成功或者失败)调用此方法，将请求的结果传递给z-paging处理，第一个参数为请求结果数组，第二个参数为是否成功(默认是是）
+		complete(data, success = true) {
+			this.customNoMore = -1;
+			return this.addData(data, success);
+		},
+		//【保证数据一致】请求结束(成功或者失败)调用此方法，将请求的结果传递给z-paging处理，第一个参数为请求结果数组，第二个参数为dataKey，需与:data-key绑定的一致，第三个参数为是否成功(默认为是）
+		completeByKey(data, dataKey = null, success = true) {
+			if (dataKey !== null && this.dataKey !== null && dataKey !== this.dataKey) {
+				this.isFirstPage && this.endRefresh();
+				return new Promise(resolve => resolve());
+			}
+			this.customNoMore = -1;
+			return this.addData(data, success);
+		},
+		//【通过total判断是否有更多数据】请求结束(成功或者失败)调用此方法，将请求的结果传递给z-paging处理，第一个参数为请求结果数组，第二个参数为total(列表总数)，第三个参数为是否成功(默认为是）
+		completeByTotal(data, total, success = true) {
+			if (total == 'undefined') {
+				this.customNoMore = -1;
+			} else {
+				const dataTypeRes = this._checkDataType(data, success, false);
+				data = dataTypeRes.data;
+				success = dataTypeRes.success;
+				if (total >= 0 && success) {
+					return new Promise((resolve, reject) => {
+						this.$nextTick(() => {
+							let nomore = false;
+							const realTotalDataCount = this.pageNo == this.defaultPageNo ? 0 : this.realTotalData.length;
+							const dataLength = this.privateConcat ? data.length : 0;
+							let exceedCount = realTotalDataCount + dataLength - total;
+							if (exceedCount >= 0) {
+								nomore = true;
+								exceedCount = this.defaultPageSize - exceedCount;
+								if (this.privateConcat && exceedCount > 0 && exceedCount < data.length) {
+									data = data.splice(0, exceedCount);
+								}
+							}
+							this.completeByNoMore(data, nomore, success).then(res => resolve(res)).catch(() => reject());
+						})
+					});
+				}
+			}
+			return this.addData(data, success);
+		},
+		//【自行判断是否有更多数据】请求结束(成功或者失败)调用此方法，将请求的结果传递给z-paging处理，第一个参数为请求结果数组，第二个参数为是否有更多数据，第三个参数为是否成功(默认是是）
+		completeByNoMore(data, nomore, success = true) {
+			if (nomore != 'undefined') {
+				this.customNoMore = nomore == true ? 1 : 0;
+			}
+			return this.addData(data, success);
+		},
+		//与上方complete方法功能一致，新版本中设置服务端回调数组请使用complete方法
+		addData(data, success = true) {
+			if (!this.fromCompleteEmit) {
+				this.disabledCompleteEmit = true;
+				this.fromCompleteEmit = false;
+			}
+			const currentTimeStamp = u.getTime();
+			const disTime = currentTimeStamp - this.requestTimeStamp;
+			let minDelay = this.minDelay;
+			if (this.isFirstPage && this.finalShowRefresherWhenReload) {
+				minDelay = Math.max(400, minDelay);
+			}
+			const addDataDalay = (this.requestTimeStamp > 0 && disTime < minDelay) ? minDelay - disTime : 0;
+			this.$nextTick(() => {
+				u.delay(() => {
+					this._addData(data, success, false);
+				}, this.delay > 0 ? this.delay : addDataDalay)
+			})
+			
+			return new Promise((resolve, reject) => {
+				this.dataPromiseResultMap.complete = { resolve, reject };
+			});
+		},
+		//从顶部添加数据，不会影响分页的pageNo和pageSize
+		addDataFromTop(data, toTop = true, toTopWithAnimate = true) {
+			data = Object.prototype.toString.call(data) !== '[object Array]' ? [data] : data;
+			this.totalData = [...data, ...this.totalData];
+			if (toTop) {
+				u.delay(() => {
+					this._scrollToTop(toTopWithAnimate);
+				})
+			}
+		},
+		//重新设置列表数据，调用此方法不会影响pageNo和pageSize，也不会触发请求。适用场景：当需要删除列表中某一项时，将删除对应项后的数组通过此方法传递给z-paging。(当出现类似的需要修改列表数组的场景时，请使用此方法，请勿直接修改page中:list.sync绑定的数组)
+		resetTotalData(data) {
+			this.isTotalChangeFromAddData = true;
+			data = Object.prototype.toString.call(data) !== '[object Array]' ? [data] : data;
+			this.totalData = data;
+		},
+		//添加聊天记录
+		addChatRecordData(data, toBottom = true, toBottomWithAnimate = true) {
+			data = Object.prototype.toString.call(data) !== '[object Array]' ? [data] : data;
+			if (!this.useChatRecordMode) return;
+			this.isTotalChangeFromAddData = true;
+			//#ifndef APP-NVUE
+			this.totalData = [...this.totalData, ...data];
+			//#endif
+			//#ifdef APP-NVUE
+			this.totalData = this.nIsFirstPageAndNoMore ? [...this.totalData, ...data] : [...data, ...this.totalData];
+			//#endif
+			if (toBottom) {
+				u.delay(() => {
+					//#ifndef APP-NVUE
+					this._scrollToBottom(toBottomWithAnimate);
+					//#endif
+					//#ifdef APP-NVUE
+					this.nIsFirstPageAndNoMore ? this._scrollToBottom(toBottomWithAnimate) : this._scrollToTop(toBottomWithAnimate);
+					//#endif
+				})
+			}
+		},
+		//设置本地分页数据，请求结束(成功或者失败)调用此方法，将请求的结果传递给z-paging作分页处理（若调用了此方法，则上拉加载更多时内部会自动分页，不会触发@query所绑定的事件）
+		setLocalPaging(data, success = true) {
+			this.isLocalPaging = true;
+			this.$nextTick(() => {
+				this._addData(data, success, true);
+			})
+			return new Promise((resolve, reject) => {
+				this.dataPromiseResultMap.localPaging = { resolve, reject };
+			});
+		},
+		//重新加载分页数据，pageNo会恢复为默认值，相当于下拉刷新的效果(animate为true时会展示下拉刷新动画，默认为false)
+		reload(animate = this.showRefresherWhenReload) {
+			if (animate) {
+				this.privateShowRefresherWhenReload = animate;
+				this.isUserPullDown = true;
+			}
+			if (!this.showLoadingMoreWhenReload) {
+				this.listRendering = true;
+			}
+			this.$nextTick(() => {
+				this._preReload(animate, false);
+			})
+			return new Promise((resolve, reject) => {
+				this.dataPromiseResultMap.reload = { resolve, reject };
+			});
+		},
+		//刷新列表数据，pageNo和pageSize不会重置，列表数据会重新从服务端获取。必须保证@query绑定的方法中的pageNo和pageSize和传给服务端的一致
+		refresh() {
+			if (!this.realTotalData.length) return this.reload();
+			const disPageNo = this.pageNo - this.defaultPageNo + 1;
+			if (disPageNo >= 1) {
+				this.loading = true;
+				this.privateConcat = false;
+				const totalPageSize = disPageNo * this.pageSize;
+				this.currentRefreshPageSize = totalPageSize;
+				this._emitQuery(this.defaultPageNo, totalPageSize, Enum.QueryFrom.Refresh);
+				this._callMyParentQuery(this.defaultPageNo, totalPageSize);
+			}
+			return new Promise((resolve, reject) => {
+				this.dataPromiseResultMap.reload = { resolve, reject };
+			});
+		},
+		//手动更新列表缓存数据，将自动截取v-model绑定的list中的前pageSize条覆盖缓存，请确保在list数据更新到预期结果后再调用此方法
+		updateCache() {
+			if (this.finalUseCache && this.totalData.length) {
+				this._saveLocalCache(this.totalData.slice(0, Math.min(this.totalData.length, this.pageSize)));
+			}
+		},
+		//清空分页数据
+		clean() {
+			this._reload(true);
+			this._addData([], true, false);
+		},
+		//清空分页数据
+		clear() {
+			this.clean();
+		},
+		//手动触发滚动到顶部加载更多，聊天记录模式时有效
+		doChatRecordLoadMore() {
+			this.useChatRecordMode && this._onLoadingMore('click');
+		},
+		//reload之前的一些处理
+		_preReload(animate = this.showRefresherWhenReload, isFromMounted = true) {
+			this.isUserReload = true;
+			this.loadingType = Enum.LoadingType.Refresher;
+			if (animate) {
+				this.privateShowRefresherWhenReload = animate;
+				// #ifndef APP-NVUE
+				if (this.useCustomRefresher) {
+					this._doRefresherRefreshAnimate();
+				} else {
+					this.refresherTriggered = true;
+				}
+				// #endif
+				// #ifdef APP-NVUE
+				this.refresherStatus = Enum.Refresher.Loading;
+				this.refresherRevealStackCount ++;
+				u.delay(() => {
+					this._getNodeClientRect('zp-n-refresh-container', false).then((node) => {
+						if (node) {
+							let nodeHeight = node[0].height;
+							this.nShowRefresherReveal = true;
+							this.nShowRefresherRevealHeight = nodeHeight;
+							u.delay(() => {
+								this._nDoRefresherEndAnimation(0, -nodeHeight, false, false);
+								u.delay(() => {
+									this._nDoRefresherEndAnimation(nodeHeight, 0);
+								}, 10)
+							}, 10)
+						}
+						this._reload(false, isFromMounted);
+						this._doRefresherLoad(false);
+					});
+				}, this.pagingLoaded ? 10 : 100)
+				return;
+				// #endif
+			} else {
+				this._refresherEnd(false, false, false, false);
+			}
+			this._reload(false, isFromMounted);
+		},
+		//重新加载分页数据
+		_reload(isClean = false, isFromMounted = false, isUserPullDown = false) {
+			this.isAddedData = false;
+			this.insideOfPaging = -1;
+			this.cacheScrollNodeHeight = -1;
+			this.pageNo = this.defaultPageNo;
+			this._cleanRefresherEndTimeout();
+			!this.privateShowRefresherWhenReload && !isClean && this._startLoading(true);
+			this.firstPageLoaded = true;
+			this.isTotalChangeFromAddData = false;
+			if (!this.isSettingCacheList) {
+				this.totalData = [];
+			}
+			if (!isClean) {
+				this._emitQuery(this.pageNo, this.defaultPageSize, isUserPullDown ? Enum.QueryFrom.UserPullDown : Enum.QueryFrom.Reload);
+				let delay = 0;
+				// #ifdef MP-TOUTIAO
+				delay = 5;
+				// #endif
+				u.delay(this._callMyParentQuery, delay);
+				if (!isFromMounted && this.autoScrollToTopWhenReload) {
+					let checkedNRefresherLoading = true;
+					// #ifdef APP-NVUE
+					checkedNRefresherLoading = !this.nRefresherLoading;
+					// #endif
+					checkedNRefresherLoading && this._scrollToTop(false);
+				}
+			}
+			// #ifdef APP-NVUE
+			this.$nextTick(() => {
+				this.nShowBottom = this.realTotalData.length > 0;
+			})
+			// #endif
+		},
+		//处理服务端返回的数组
+		_addData(data, success, isLocal) {
+			this.isAddedData = true;
+			this.fromEmptyViewReload = false;
+			this.isTotalChangeFromAddData = true;
+			this.refresherTriggered = false;
+			this._endSystemLoadingAndRefresh();
+			const tempIsUserPullDown = this.isUserPullDown;
+			if (this.showRefresherUpdateTime && this.isFirstPage) {
+				u.setRefesrherTime(u.getTime(), this.refresherUpdateTimeKey);
+				this.$refs.refresh && this.$refs.refresh.updateTime();
+			}
+			if (!isLocal && tempIsUserPullDown && this.isFirstPage) {
+				this.isUserPullDown = false;
+			}
+			if (!this.isFirstPage) {
+				this.listRendering = true;
+				this.$nextTick(() => {
+					u.delay(() => {
+						this.listRendering = false;
+					})
+				})
+			} else {
+				this.listRendering = false;
+			}
+			let dataTypeRes = this._checkDataType(data, success, isLocal);
+			data = dataTypeRes.data;
+			success = dataTypeRes.success;
+			let delayTime = c.delayTime;
+			// #ifdef APP-NVUE
+			if (this.useChatRecordMode) delayTime = 0;
+			// #endif
+			this.loadingForNow = false;
+			u.delay(() => {
+				this.pagingLoaded = true;
+				this.$nextTick(()=>{
+					!isLocal && this._refresherEnd(delayTime > 0, true, tempIsUserPullDown);
+				})
+			})
+			if (this.isFirstPage) {
+				this.isLoadFailed = !success;
+				this.$emit('isLoadFailedChange', this.isLoadFailed);
+				if (this.finalUseCache && success && (this.cacheMode === Enum.CacheMode.Always ? true : this.isSettingCacheList)) {
+					this._saveLocalCache(data);
+				}
+			}
+			this.isSettingCacheList = false;
+			if (success) {
+				if (!(this.privateConcat === false && this.loadingStatus === Enum.More.NoMore)) {
+					this.loadingStatus = Enum.More.Default;
+				}
+				if (isLocal) {
+					this.totalLocalPagingList = data;
+					const localPageNo = this.defaultPageNo;
+					const localPageSize = this.queryFrom !== Enum.QueryFrom.Refresh ? this.defaultPageSize : this.currentRefreshPageSize;
+					this._localPagingQueryList(localPageNo, localPageSize, 0, res => {
+						this.completeByTotal(res, this.totalLocalPagingList.length);
+					})
+				} else {
+					let dataChangeDelayTime = 0;
+					// #ifdef APP-NVUE
+					if (this.privateShowRefresherWhenReload && this.finalNvueListIs === 'waterfall') {
+						dataChangeDelayTime = 150;
+					}
+					// #endif
+					u.delay(() => {
+						this._currentDataChange(data, this.currentData);
+						this._callDataPromise(true, this.totalData);
+					}, dataChangeDelayTime)
+				}
+			} else {
+				this._currentDataChange(data, this.currentData);
+				this._callDataPromise(false);
+				this.loadingStatus = Enum.More.Fail;
+				if (this.loadingType === Enum.LoadingType.LoadingMore) {
+					this.pageNo --;
+				}
+			}
+		},
+		//所有数据改变时调用
+		_totalDataChange(newVal, oldVal, eventThrow=true) {
+			if ((!this.isUserReload || !this.autoCleanListWhenReload) && this.firstPageLoaded && !newVal.length && oldVal.length) {
+				return;
+			}
+			this._doCheckScrollViewShouldFullHeight(newVal);
+			if(!this.realTotalData.length && !newVal.length){
+				eventThrow = false;
+			}
+			this.realTotalData = newVal;
+			if (eventThrow) {
+				this.$emit('input', newVal);
+				// #ifdef VUE3
+				this.$emit('update:modelValue', newVal);
+				// #endif
+				this.$emit('update:list', newVal);
+				this.$emit('listChange', newVal);
+				this._callMyParentList(newVal);
+			}
+			this.firstPageLoaded = false;
+			this.isTotalChangeFromAddData = false;
+			this.$nextTick(() => {
+				u.delay(()=>{
+					this._getNodeClientRect('.zp-paging-container-content').then(res => {
+						res && this.$emit('contentHeightChanged', res[0].height);
+					});
+				}, c.delayTime * (this.isIos ? 1 : 3))
+				// #ifdef APP-NVUE
+				if (this.useChatRecordMode && this.nIsFirstPageAndNoMore && this.isFirstPage && !this.nFirstPageAndNoMoreChecked) {
+					this.nFirstPageAndNoMoreChecked = true;
+					this._scrollToBottom(false);
+				}
+				u.delay(() => {
+					this.nShowBottom = true;
+				}, c.delayTime * 6, 'nShowBottomDelay');
+				// #endif
+			})
+		},
+		//当前数据改变时调用
+		_currentDataChange(newVal, oldVal) {
+			newVal = [...newVal];
+			// #ifndef APP-NVUE
+			this.finalUseVirtualList && this._setCellIndex(newVal, this.totalData.length === 0)
+			this.useChatRecordMode && newVal.reverse();
+			// #endif
+			if (this.isFirstPage && this.finalConcat) {
+				this.totalData = [];
+			}
+			if (this.customNoMore !== -1) {
+				if (this.customNoMore === 1 || !newVal.length) {
+					this.loadingStatus = Enum.More.NoMore;
+				}
+			} else {
+				if (!newVal.length || (newVal.length && newVal.length < this.defaultPageSize)) {
+					this.loadingStatus = Enum.More.NoMore;
+				}
+			}
+			if (!this.totalData.length) {
+				if (this.finalConcat) {
+					// #ifdef APP-NVUE
+					if (this.useChatRecordMode && this.isFirstPage && this.loadingStatus === Enum.More.NoMore) {
+						newVal.reverse();
+					}
+					// #endif
+					this.totalData = newVal;
+				}
+				if (this.useChatRecordMode) {
+					// #ifndef APP-NVUE
+					this.$nextTick(() => {
+						this._scrollToBottom(false);
+					})
+					// #endif
+				}
+			} else {
+				if (this.useChatRecordMode) {
+					// #ifdef APP-NVUE
+					this.totalData = [...this.totalData, ...newVal];
+					// #endif
+					//#ifndef APP-NVUE
+					const idIndex = newVal.length;
+					let idIndexStr = `z-paging-${idIndex}`;
+					this.totalData = [...newVal, ...this.totalData];
+					if (this.pageNo !== this.defaultPageNo) {
+						this.privateScrollWithAnimation = 0;
+						this.$emit('update:chatIndex', idIndex);
+						this.$nextTick(() => {
+							this._scrollIntoView(idIndexStr, 30 + Math.max(0, this.cacheTopHeight), false, () => {
+								this.$emit('update:chatIndex', 0);
+							});
+						})
+					} else {
+						this.$nextTick(() => {
+							this._scrollToBottom(false);
+						})
+					}
+					//#endif
+		
+				} else {
+					if (this.finalConcat) {
+						const currentScrollTop = this.oldScrollTop;
+						this.totalData = [...this.totalData, ...newVal];
+						// #ifdef MP-WEIXIN
+						if (!this.isIos && !this.refresherOnly && !this.usePageScroll && newVal.length) {
+							this.loadingMoreTimeStamp = u.getTime();
+							this.$nextTick(() => {
+								this.scrollToY(currentScrollTop);
+							})
+						}
+						// #endif
+					} else {
+						this.totalData = newVal;
+					}
+				}
+			}
+			this.privateConcat = true;
+		},
+		//本地分页请求
+		_localPagingQueryList(pageNo, pageSize, localPagingLoadingTime, callback) {
+			pageNo = Math.max(1, pageNo);
+			pageSize = Math.max(1, pageSize);
+			const totalPagingList = [...this.totalLocalPagingList];
+			const pageNoIndex = (pageNo - 1) * pageSize;
+			const finalPageNoIndex = Math.min(totalPagingList.length, pageNoIndex + pageSize);
+			const resultPagingList = totalPagingList.splice(pageNoIndex, finalPageNoIndex - pageNoIndex);
+			u.delay(() => callback(resultPagingList), localPagingLoadingTime)
+		},
+		//存储列表缓存数据
+		_saveLocalCache(data) {
+			uni.setStorageSync(this.finalCacheKey, data);
+		},
+		//通过缓存数据填充列表数据
+		_setListByLocalCache() {
+			this.totalData = uni.getStorageSync(this.finalCacheKey) || [];
+			this.isSettingCacheList = true;
+		},
+		//修改父view的list
+		_callMyParentList(newVal) {
+			if (this.autowireListName.length) {
+				const myParent = u.getParent(this.$parent);
+				if (myParent && myParent[this.autowireListName]) {
+					myParent[this.autowireListName] = newVal;
+				}
+			}
+		},
+		//调用父view的query
+		_callMyParentQuery(customPageNo = 0, customPageSize = 0) {
+			if (this.autowireQueryName) {
+				if (this.myParentQuery === -1) {
+					const myParent = u.getParent(this.$parent);
+					if (myParent && myParent[this.autowireQueryName]) {
+						this.myParentQuery = myParent[this.autowireQueryName];
+					}
+				} 
+				if (this.myParentQuery !== -1) {
+					customPageSize > 0 ? this.myParentQuery(customPageNo, customPageSize) : this.myParentQuery(this.pageNo, this.defaultPageSize);
+				}
+			}
+		},
+		//emit query事件
+		_emitQuery(pageNo, pageSize, from){
+			this.queryFrom = from;
+			this.requestTimeStamp = u.getTime();
+			const [lastItem] = this.realTotalData.slice(-1);
+			this.$emit('query', ...interceptor._handleQuery(pageNo, pageSize, from, lastItem || null));
+		},
+		//触发数据改变promise
+		_callDataPromise(success, totalList) {
+			for (const key in this.dataPromiseResultMap) {
+				const obj = this.dataPromiseResultMap[key];
+				success ? (!!obj && obj.resolve({ totalList, noMore: this.loadingStatus === Enum.More.NoMore })) : (!!obj && obj.reject());
+			}
+		},
+		//检查complete data的类型
+		_checkDataType(data, success, isLocal) {
+			const dataType = Object.prototype.toString.call(data);
+			if (dataType === '[object Boolean]') {
+				success = data;
+				data = [];
+			} else if (dataType !== '[object Array]') {
+				data = [];
+				if (dataType !== '[object Undefined]' && dataType !== '[object Null]') {
+					u.consoleErr(`${isLocal ? 'setLocalPaging' : 'complete'}参数类型不正确，第一个参数类型必须为Array!`);
+				}
+			}
+			return { data, success };
+		},
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/empty.js b/src/uni_modules/z-paging/components/z-paging/js/modules/empty.js
new file mode 100644
index 0000000..3d6ec6f
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/empty.js
@@ -0,0 +1,147 @@
+// [z-paging]空数据图view模块
+import u from '.././z-paging-utils'
+
+export default {
+	props: {
+		//是否强制隐藏空数据图，默认为否
+		hideEmptyView: {
+			type: Boolean,
+			default: u.gc('hideEmptyView', false)
+		},
+		//空数据图描述文字，默认为“没有数据哦~”
+		emptyViewText: {
+			type: [String, Object],
+			default: u.gc('emptyViewText', null)
+		},
+		//是否显示空数据图重新加载按钮(无数据时)，默认为否
+		showEmptyViewReload: {
+			type: Boolean,
+			default: u.gc('showEmptyViewReload', false)
+		},
+		//加载失败时是否显示空数据图重新加载按钮，默认为是
+		showEmptyViewReloadWhenError: {
+			type: Boolean,
+			default: u.gc('showEmptyViewReloadWhenError', true)
+		},
+		//空数据图点击重新加载文字，默认为“重新加载”
+		emptyViewReloadText: {
+			type: [String, Object],
+			default: u.gc('emptyViewReloadText', null)
+		},
+		//空数据图图片，默认使用z-paging内置的图片
+		emptyViewImg: {
+			type: String,
+			default: u.gc('emptyViewImg', '')
+		},
+		//空数据图“加载失败”描述文字，默认为“很抱歉，加载失败”
+		emptyViewErrorText: {
+			type: [String, Object],
+			default: u.gc('emptyViewErrorText', null)
+		},
+		//空数据图“加载失败”图片，默认使用z-paging内置的图片
+		emptyViewErrorImg: {
+			type: String,
+			default: u.gc('emptyViewErrorImg', '')
+		},
+		//空数据图样式
+		emptyViewStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('emptyViewStyle', {});
+			}
+		},
+		//空数据图容器样式
+		emptyViewSuperStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('emptyViewSuperStyle', {});
+			}
+		},
+		//空数据图img样式
+		emptyViewImgStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('emptyViewImgStyle', {});
+			}
+		},
+		//空数据图描述文字样式
+		emptyViewTitleStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('emptyViewTitleStyle', {});
+			}
+		},
+		//空数据图重新加载按钮样式
+		emptyViewReloadStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('emptyViewReloadStyle', {});
+			}
+		},
+		//空数据图片是否铺满z-paging，默认为否，即填充满z-paging内列表(滚动区域)部分。若设置为否，则为填铺满整个z-paging
+		emptyViewFixed: {
+			type: Boolean,
+			default: u.gc('emptyViewFixed', false)
+		},
+		//空数据图片是否垂直居中，默认为是，若设置为否即为从空数据容器顶部开始显示。emptyViewFixed为false时有效
+		emptyViewCenter: {
+			type: Boolean,
+			default: u.gc('emptyViewCenter', true)
+		},
+		//加载中时是否自动隐藏空数据图，默认为是
+		autoHideEmptyViewWhenLoading: {
+			type: Boolean,
+			default: u.gc('autoHideEmptyViewWhenLoading', true)
+		},
+		//用户下拉列表触发下拉刷新加载中时是否自动隐藏空数据图，默认为是
+		autoHideEmptyViewWhenPull: {
+			type: Boolean,
+			default: u.gc('autoHideEmptyViewWhenPull', true)
+		},
+		//空数据view的z-index，默认为9
+		emptyViewZIndex: {
+			type: Number,
+			default: u.gc('emptyViewZIndex', 9)
+		},
+	},
+	computed: {
+		finalEmptyViewImg() {
+			return this.isLoadFailed ? this.emptyViewErrorImg : this.emptyViewImg;
+		},
+		finalShowEmptyViewReload() {
+			return this.isLoadFailed ? this.showEmptyViewReloadWhenError : this.showEmptyViewReload;
+		},
+		showEmpty() {
+			if (this.refresherOnly || this.hideEmptyView || this.realTotalData.length) return false;
+			if (this.autoHideEmptyViewWhenLoading) {
+				if (this.isAddedData && !this.firstPageLoaded && !this.loading) return true;
+			} else {
+				return true;
+			}
+			return !this.autoHideEmptyViewWhenPull && !this.isUserReload;
+		},
+	},
+	methods: {
+		//点击了空数据view重新加载按钮
+		_emptyViewReload() {
+			let callbacked = false;
+			this.$emit('emptyViewReload', reload => {
+				if (reload === undefined || reload === true) {
+					this.fromEmptyViewReload = true;
+					this.reload();
+				}
+				callbacked = true;
+			});
+			this.$nextTick(() => {
+				if (!callbacked) {
+					this.fromEmptyViewReload = true;
+					this.reload();
+				}
+			})
+		},
+		//点击了空数据view
+		_emptyViewClick() {
+			this.$emit('emptyViewClick');
+		},
+	}
+}
\ No newline at end of file
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/i18n.js b/src/uni_modules/z-paging/components/z-paging/js/modules/i18n.js
new file mode 100644
index 0000000..4a99a71
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/i18n.js
@@ -0,0 +1,100 @@
+// [z-paging]i18n模块
+import { initVueI18n } from '@dcloudio/uni-i18n'
+import messages from '../../i18n/index.js'
+const { t } = initVueI18n(messages)
+
+import u from '.././z-paging-utils'
+import c from '.././z-paging-constant'
+import interceptor from '../z-paging-interceptor'
+
+export default {
+	data() {
+		return {
+			language: uni.getSystemInfoSync().language
+		}
+	},
+	computed: {
+		finalLanguage() {
+			try {
+				const local = uni.getLocale();
+				const language = this.language;
+				return local === 'auto' ? interceptor._handleLanguage2Local(language, this._language2Local(language)) : local;
+			} catch (e) {
+				return 'zh-Hans';
+			}
+		},
+		finalRefresherDefaultText() {
+			return this._getI18nText('zp.refresher.default', this.refresherDefaultText);
+		},
+		finalRefresherPullingText() {
+			return this._getI18nText('zp.refresher.pulling', this.refresherPullingText);
+		},
+		finalRefresherRefreshingText() {
+			return this._getI18nText('zp.refresher.refreshing', this.refresherRefreshingText);
+		},
+		finalRefresherCompleteText() {
+			return this._getI18nText('zp.refresher.complete', this.refresherCompleteText);
+		},
+		finalRefresherUpdateTimeTextMap() {
+			return {
+				title: t('zp.refresherUpdateTime.title'),
+				none: t('zp.refresherUpdateTime.none'),
+				today: t('zp.refresherUpdateTime.today'),
+				yesterday: t('zp.refresherUpdateTime.yesterday')
+			};
+		},
+		finalLoadingMoreDefaultText() {
+			return this._getI18nText('zp.loadingMore.default', this.loadingMoreDefaultText);
+		},
+		finalLoadingMoreLoadingText() {
+			return this._getI18nText('zp.loadingMore.loading', this.loadingMoreLoadingText);
+		},
+		finalLoadingMoreNoMoreText() {
+			return this._getI18nText('zp.loadingMore.noMore', this.loadingMoreNoMoreText);
+		},
+		finalLoadingMoreFailText() {
+			return this._getI18nText('zp.loadingMore.fail', this.loadingMoreFailText);
+		},
+		finalEmptyViewText() {
+			return this.isLoadFailed ? this.finalEmptyViewErrorText : this._getI18nText('zp.emptyView.title', this.emptyViewText);
+		},
+		finalEmptyViewReloadText() {
+			return this._getI18nText('zp.emptyView.reload', this.emptyViewReloadText);
+		},
+		finalEmptyViewErrorText() {
+			return this._getI18nText('zp.emptyView.error', this.emptyViewErrorText);
+		},
+		finalSystemLoadingText() {
+			return this._getI18nText('zp.systemLoading.title', this.systemLoadingText);
+		},
+	},
+	methods: {
+		//获取当前z-paging的语言
+		getLanguage() {
+			return this.finalLanguage;
+		},
+		//获取国际化转换后的文本
+		_getI18nText(key, value) {
+			const dataType = Object.prototype.toString.call(value);
+			if (dataType === '[object Object]') {
+				const nextValue = value[this.finalLanguage];
+				if (nextValue) return nextValue;
+			} else if (dataType === '[object String]') {
+				return value;
+			}
+			return t(key);
+		},
+		//系统language转i18n local
+		_language2Local(language) {
+			const formatedLanguage = language.toLowerCase().replace(new RegExp('_', ''), '-');
+			if (formatedLanguage.indexOf('zh') !== -1) {
+				if (formatedLanguage === 'zh' || formatedLanguage === 'zh-cn' || formatedLanguage.indexOf('zh-hans') !== -1) {
+					return 'zh-Hans';
+				}
+				return 'zh-Hant';
+			}
+			if (formatedLanguage.indexOf('en') !== -1) return 'en';
+			return language;
+		}
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/load-more.js b/src/uni_modules/z-paging/components/z-paging/js/modules/load-more.js
new file mode 100644
index 0000000..c24a535
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/load-more.js
@@ -0,0 +1,315 @@
+// [z-paging]滚动到底部加载更多模块
+import u from '.././z-paging-utils'
+import Enum from '.././z-paging-enum'
+
+export default {
+	props: {
+		//自定义底部加载更多样式
+		loadingMoreCustomStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('loadingMoreCustomStyle', {});
+			}
+		},
+		//自定义底部加载更多文字样式
+		loadingMoreTitleCustomStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('loadingMoreTitleCustomStyle', {});
+			}
+		},
+		//自定义底部加载更多加载中动画样式
+		loadingMoreLoadingIconCustomStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('loadingMoreLoadingIconCustomStyle', {});
+			}
+		},
+		//自定义底部加载更多加载中动画图标类型，可选flower或circle，默认为flower
+		loadingMoreLoadingIconType: {
+			type: String,
+			default: u.gc('loadingMoreLoadingIconType', 'flower')
+		},
+		//自定义底部加载更多加载中动画图标图片
+		loadingMoreLoadingIconCustomImage: {
+			type: String,
+			default: u.gc('loadingMoreLoadingIconCustomImage', '')
+		},
+		//底部加载更多加载中view是否展示旋转动画，默认为是
+		loadingMoreLoadingAnimated: {
+			type: Boolean,
+			default: u.gc('loadingMoreLoadingAnimated', true)
+		},
+		//是否启用加载更多数据(含滑动到底部加载更多数据和点击加载更多数据)，默认为是
+		loadingMoreEnabled: {
+			type: Boolean,
+			default: u.gc('loadingMoreEnabled', true)
+		},
+		//是否启用滑动到底部加载更多数据，默认为是
+		toBottomLoadingMoreEnabled: {
+			type: Boolean,
+			default: u.gc('toBottomLoadingMoreEnabled', true)
+		},
+		//滑动到底部状态为默认状态时，以加载中的状态展示，默认为否。若设置为是，可避免滚动到底部看到默认状态然后立刻变为加载中状态的问题，但分页数量未超过一屏时，不会显示【点击加载更多】
+		loadingMoreDefaultAsLoading: {
+			type: [Boolean],
+			default: u.gc('loadingMoreDefaultAsLoading', false)
+		},
+		//滑动到底部"默认"文字，默认为【点击加载更多】
+		loadingMoreDefaultText: {
+			type: [String, Object],
+			default: u.gc('loadingMoreDefaultText', null)
+		},
+		//滑动到底部"加载中"文字，默认为【正在加载...】
+		loadingMoreLoadingText: {
+			type: [String, Object],
+			default: u.gc('loadingMoreLoadingText', null)
+		},
+		//滑动到底部"没有更多"文字，默认为【没有更多了】
+		loadingMoreNoMoreText: {
+			type: [String, Object],
+			default: u.gc('loadingMoreNoMoreText', null)
+		},
+		//滑动到底部"加载失败"文字，默认为【加载失败，点击重新加载】
+		loadingMoreFailText: {
+			type: [String, Object],
+			default: u.gc('loadingMoreFailText', null)
+		},
+		//当没有更多数据且分页内容未超出z-paging时是否隐藏没有更多数据的view，默认为否
+		hideNoMoreInside: {
+			type: Boolean,
+			default: u.gc('hideNoMoreInside', false)
+		},
+		//当没有更多数据且分页数组长度少于这个值时，隐藏没有更多数据的view，默认为0，代表不限制。
+		hideNoMoreByLimit: {
+			type: Number,
+			default: u.gc('hideNoMoreByLimit', 0)
+		},
+		//是否显示默认的加载更多text，默认为是
+		showDefaultLoadingMoreText: {
+			type: Boolean,
+			default: u.gc('showDefaultLoadingMoreText', true)
+		},
+		//是否显示没有更多数据的view
+		showLoadingMoreNoMoreView: {
+			type: Boolean,
+			default: u.gc('showLoadingMoreNoMoreView', true)
+		},
+		//是否显示没有更多数据的分割线，默认为是
+		showLoadingMoreNoMoreLine: {
+			type: Boolean,
+			default: u.gc('showLoadingMoreNoMoreLine', true)
+		},
+		//自定义底部没有更多数据的分割线样式
+		loadingMoreNoMoreLineCustomStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('loadingMoreNoMoreLineCustomStyle', {});
+			},
+		},
+		//当分页未满一屏时，是否自动加载更多，默认为否(nvue无效)
+		insideMore: {
+			type: Boolean,
+			default: u.gc('insideMore', false)
+		},
+		//距底部/右边多远时（单位px），触发 scrolltolower 事件，默认为100rpx
+		lowerThreshold: {
+			type: [Number, String],
+			default: u.gc('lowerThreshold', '100rpx')
+		},
+	},
+	data() {
+		return {
+			M: Enum.More,
+			//底部加载更多状态
+			loadingStatus: Enum.More.Default,
+			loadingStatusAfterRender: Enum.More.Default,
+			loadingMoreTimeStamp: 0,
+			loadingMoreDefaultSlot: null,
+			showLoadingMore: false,
+			customNoMore: -1,
+		}
+	},
+	computed: {
+		zLoadMoreConfig() {
+			return {
+				status: this.loadingStatusAfterRender,
+				defaultAsLoading: this.loadingMoreDefaultAsLoading,
+				defaultThemeStyle: this.finalLoadingMoreThemeStyle,
+				customStyle: this.loadingMoreCustomStyle,
+				titleCustomStyle: this.loadingMoreTitleCustomStyle,
+				iconCustomStyle: this.loadingMoreLoadingIconCustomStyle,
+				loadingIconType: this.loadingMoreLoadingIconType,
+				loadingIconCustomImage: this.loadingMoreLoadingIconCustomImage,
+				loadingAnimated: this.loadingMoreLoadingAnimated,
+				showNoMoreLine: this.showLoadingMoreNoMoreLine,
+				noMoreLineCustomStyle: this.loadingMoreNoMoreLineCustomStyle,
+				defaultText: this.finalLoadingMoreDefaultText,
+				loadingText: this.finalLoadingMoreLoadingText,
+				noMoreText: this.finalLoadingMoreNoMoreText,
+				failText: this.finalLoadingMoreFailText,
+				hideContent: !this.loadingMoreDefaultAsLoading && this.listRendering,
+			};
+		},
+		finalLoadingMoreThemeStyle() {
+			return this.loadingMoreThemeStyle.length ? this.loadingMoreThemeStyle : this.defaultThemeStyle;
+		},
+		showLoadingMoreDefault() {
+			return this._showLoadingMore('Default');
+		},
+		showLoadingMoreLoading() {
+			return this._showLoadingMore('Loading');
+		},
+		showLoadingMoreNoMore() {
+			return this._showLoadingMore('NoMore');
+		},
+		showLoadingMoreFail() {
+			return this._showLoadingMore('Fail');
+		},
+		showLoadingMoreCustom() {
+			return this._showLoadingMore('Custom');
+		}
+	},
+	methods: {
+		//页面滚动到底部时通知z-paging进行进一步处理
+		pageReachBottom() {
+			!this.useChatRecordMode && this._onLoadingMore('toBottom');
+		},
+		//手动触发上拉加载更多(非必须，可依据具体需求使用)
+		doLoadMore(type) {
+			this._onLoadingMore(type);
+		},
+		//通过@scroll事件检测是否滚动到了底部
+		_checkScrolledToBottom(scrollDiff, checked = false) {
+			if (this.cacheScrollNodeHeight === -1) {
+				this._getNodeClientRect('.zp-scroll-view').then((res) => {
+					if (res) {
+						const pageScrollNodeHeight = res[0].height;
+						this.cacheScrollNodeHeight = pageScrollNodeHeight;
+						if (scrollDiff - pageScrollNodeHeight <= this.finalLowerThreshold) {
+							this._onLoadingMore('toBottom');
+						}
+					}
+				});
+			} else {
+				if (scrollDiff - this.cacheScrollNodeHeight <= this.finalLowerThreshold) {
+					this._onLoadingMore('toBottom');
+				} else if (scrollDiff - this.cacheScrollNodeHeight <= 500 && !checked) {
+					u.delay(() => {
+						this._getNodeClientRect('.zp-scroll-view', true, true).then((res) => {
+							this.oldScrollTop = res[0].scrollTop;
+							const newScrollDiff = res[0].scrollHeight - this.oldScrollTop;
+							this._checkScrolledToBottom(newScrollDiff, true);
+						})
+					}, 150, 'checkScrolledToBottomDelay')
+				}
+			}
+		},
+		//触发加载更多时调用,from:0-滑动到底部触发；1-点击加载更多触发
+		_onLoadingMore(from = 'click') {
+			if (from === 'toBottom' && !this.scrollToBottomBounceEnabled && this.scrollEnable) {
+				this.scrollEnable = false;
+				this.$nextTick(() => {
+					this.scrollEnable = true;
+				})
+			}
+			this.$emit('scrolltolower', from);
+			if (from === 'toBottom' && (!this.toBottomLoadingMoreEnabled || this.useChatRecordMode)) return;
+			if (this.refresherOnly || !this.loadingMoreEnabled || !(this.loadingStatus === Enum.More.Default || this.loadingStatus === Enum.More.Fail) || this.loading) return;
+			// #ifdef MP-WEIXIN
+			if (!this.isIos && !this.refresherOnly && !this.usePageScroll) {
+				const currentTimestamp = u.getTime();
+				if (this.loadingMoreTimeStamp > 0 && currentTimestamp - this.loadingMoreTimeStamp < 100) {
+					this.loadingMoreTimeStamp = 0;
+					return;
+				}
+			}
+			// #endif
+			this._doLoadingMore();
+		},
+		//处理开始加载更多
+		_doLoadingMore() {
+			if (this.pageNo >= this.defaultPageNo && this.loadingStatus !== Enum.More.NoMore) {
+				this.pageNo ++;
+				this._startLoading(false);
+				if (this.isLocalPaging) {
+					this._localPagingQueryList(this.pageNo, this.defaultPageSize, this.localPagingLoadingTime, res => {
+						this.completeByTotal(res, this.totalLocalPagingList.length);
+					})
+				} else {
+					this._emitQuery(this.pageNo, this.defaultPageSize, Enum.QueryFrom.LoadingMore);
+					this._callMyParentQuery();
+				}
+				this.loadingType = Enum.LoadingType.LoadingMore;
+			}
+		},
+		//(预处理)判断当没有更多数据且分页内容未超出z-paging时是否显示没有更多数据的view
+		_preCheckShowNoMoreInside(newVal, scrollViewNode, pagingContainerNode) {
+			if (this.loadingStatus === Enum.More.NoMore && this.hideNoMoreByLimit > 0 && newVal.length) {
+				this.showLoadingMore = newVal.length > this.hideNoMoreByLimit;
+			} else if ((this.loadingStatus === Enum.More.NoMore && this.hideNoMoreInside && newVal.length) || (this.insideMore && this.insideOfPaging !== false && newVal.length)) {
+				this.$nextTick(() => {
+					this._checkShowNoMoreInside(newVal, scrollViewNode, pagingContainerNode);
+				})
+				if (this.insideMore && this.insideOfPaging !== false && newVal.length) {
+					this.showLoadingMore = newVal.length;
+				}
+			} else {
+				this.showLoadingMore = newVal.length;
+			}
+		},
+		//判断当没有更多数据且分页内容未超出z-paging时是否显示没有更多数据的view
+		async _checkShowNoMoreInside(totalData, oldScrollViewNode, oldPagingContainerNode) {
+			try {
+				const scrollViewNode = oldScrollViewNode || await this._getNodeClientRect('.zp-scroll-view');
+				if (this.usePageScroll) {
+					if (scrollViewNode) {
+						const scrollViewTotalH = scrollViewNode[0].top + scrollViewNode[0].height;
+						this.insideOfPaging = scrollViewTotalH < this.windowHeight;
+						if (this.hideNoMoreInside) {
+							this.showLoadingMore = !this.insideOfPaging;
+						}
+						this._updateInsideOfPaging();
+					}
+				} else {
+					const pagingContainerNode = oldPagingContainerNode || await this._getNodeClientRect('.zp-paging-container-content');
+					const pagingContainerH = pagingContainerNode ? pagingContainerNode[0].height : 0;
+					const scrollViewH = scrollViewNode ? scrollViewNode[0].height : 0;
+					this.insideOfPaging = pagingContainerH < scrollViewH;
+					if (this.hideNoMoreInside) {
+						this.showLoadingMore = !this.insideOfPaging;
+					}
+					this._updateInsideOfPaging();
+				}
+			} catch (e) {
+				this.insideOfPaging = !totalData.length;
+				if (this.hideNoMoreInside) {
+					this.showLoadingMore = !this.insideOfPaging;
+				}
+				this._updateInsideOfPaging();
+			}
+		},
+		//是否要展示上拉加载更多view
+		_showLoadingMore(type) {
+			if (!this.showLoadingMoreWhenReload && (!(this.loadingStatus === Enum.More.Default ? this.nShowBottom : true) || !this.realTotalData.length)) return false;
+			if (((!this.showLoadingMoreWhenReload || this.isUserPullDown || this.loadingStatus !== Enum.More.Loading) && !this.showLoadingMore) || 
+			(!this.loadingMoreEnabled && (!this.showLoadingMoreWhenReload || this.isUserPullDown || this.loadingStatus !== Enum.More.Loading)) || this.refresherOnly) {
+				return false;
+			}
+			if (this.useChatRecordMode && type !== 'Loading') return false;
+			if (!this.$slots) return false;
+			if (type === 'Custom') {
+				return this.showDefaultLoadingMoreText && !(this.loadingStatus === Enum.More.NoMore && !this.showLoadingMoreNoMoreView);
+			}
+			const res = this.loadingStatus === Enum.More[type] && this.$slots[`loadingMore${type}`] && (type === 'NoMore' ? this.showLoadingMoreNoMoreView : true);
+			if (res) {
+				// #ifdef APP-NVUE
+				if (!this.isIos) {
+					this.nLoadingMoreFixedHeight = false;
+				}
+				//  #endif
+			}
+			return res;
+		},
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/loading.js b/src/uni_modules/z-paging/components/z-paging/js/modules/loading.js
new file mode 100644
index 0000000..52960a5
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/loading.js
@@ -0,0 +1,93 @@
+// [z-paging]loading相关模块
+import u from '.././z-paging-utils'
+import Enum from '.././z-paging-enum'
+
+export default {
+	props: {
+		//第一次加载后自动隐藏loading slot，默认为是
+		autoHideLoadingAfterFirstLoaded: {
+			type: Boolean,
+			default: u.gc('autoHideLoadingAfterFirstLoaded', true)
+		},
+		//loading slot是否铺满屏幕并固定，默认为否
+		loadingFullFixed: {
+			type: Boolean,
+			default: u.gc('loadingFullFixed', false)
+		},
+		//是否自动显示系统Loading：即uni.showLoading，若开启则将在刷新列表时(调用reload、refresh时)显示，下拉刷新和滚动到底部加载更多不会显示，默认为false。
+		autoShowSystemLoading: {
+			type: Boolean,
+			default: u.gc('autoShowSystemLoading', false)
+		},
+		//显示系统Loading时是否显示透明蒙层，防止触摸穿透，默认为是(H5、App、微信小程序、百度小程序有效)
+		systemLoadingMask: {
+			type: Boolean,
+			default: u.gc('systemLoadingMask', true)
+		},
+		//显示系统Loading时显示的文字，默认为"加载中"
+		systemLoadingText: {
+			type: [String, Object],
+			default: u.gc('systemLoadingText', null)
+		},
+	},
+	data() {
+		return {
+			loading: false,
+			loadingForNow: false,
+		}
+	},
+	watch: {
+		loadingStatus(newVal) {
+			this.$emit('loadingStatusChange', newVal);
+			this.$nextTick(() => {
+				this.loadingStatusAfterRender = newVal;
+			})
+			// #ifdef APP-NVUE
+			if (this.useChatRecordMode) {
+				if (this.pageNo === this.defaultPageNo && newVal === Enum.More.NoMore) {
+					this.nIsFirstPageAndNoMore = true;
+					return;
+				}
+			}
+			this.nIsFirstPageAndNoMore = false;
+			//  #endif
+		},
+		loading(newVal){
+			if (newVal) {
+				this.loadingForNow = newVal;
+			}
+		},
+	},
+	computed: {
+		showLoading() {
+			if (this.firstPageLoaded || !this.loading || !this.loadingForNow) return false;
+			if (this.finalShowSystemLoading){
+				uni.showLoading({
+					title: this.finalSystemLoadingText,
+					mask: this.systemLoadingMask
+				})
+			}
+			return this.autoHideLoadingAfterFirstLoaded ? (this.fromEmptyViewReload ? true : !this.pagingLoaded) : this.loadingType === Enum.LoadingType.Refresher;
+		},
+		finalShowSystemLoading() {
+			return this.autoShowSystemLoading && this.loadingType === Enum.LoadingType.Refresher;
+		}
+	},
+	methods: {
+		//处理开始加载更多状态
+		_startLoading(isReload = false) {
+			if ((this.showLoadingMoreWhenReload && !this.isUserPullDown) || !isReload) {
+				this.loadingStatus = Enum.More.Loading;
+			}
+			this.loading = true;
+		},
+		//停止系统loading和refresh
+		_endSystemLoadingAndRefresh(){
+			this.finalShowSystemLoading && uni.hideLoading();
+			!this.useCustomRefresher && uni.stopPullDownRefresh();
+			// #ifdef APP-NVUE
+			this.usePageScroll && uni.stopPullDownRefresh();
+			// #endif
+		}
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/nvue.js b/src/uni_modules/z-paging/components/z-paging/js/modules/nvue.js
new file mode 100644
index 0000000..2228841
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/nvue.js
@@ -0,0 +1,249 @@
+// [z-paging]nvue独有部分模块
+import u from '.././z-paging-utils'
+import c from '.././z-paging-constant'
+import Enum from '.././z-paging-enum'
+
+// #ifdef APP-NVUE
+const weexAnimation = weex.requireModule('animation');
+// #endif
+export default {
+	props: {
+		// #ifdef APP-NVUE
+		//nvue中修改列表类型，可选值有list、waterfall和scroller，默认为list
+		nvueListIs: {
+			type: String,
+			default: u.gc('nvueListIs', 'list')
+		},
+		//nvue waterfall配置，仅在nvue中且nvueListIs=waterfall时有效，配置参数详情参见：https://uniapp.dcloud.io/component/waterfall
+		nvueWaterfallConfig: {
+			type: Object,
+			default: function() {
+				return u.gc('nvueWaterfallConfig', {});
+			}
+		},
+		//nvue 控制是否回弹效果，iOS不支持动态修改
+		nvueBounce: {
+			type: Boolean,
+			default: u.gc('nvueBounce', true)
+		},
+		//nvue中通过代码滚动到顶部/底部时，是否加快动画效果(无滚动动画时无效)，默认为否
+		nvueFastScroll: {
+			type: Boolean,
+			default: u.gc('nvueFastScroll', false)
+		},
+		//nvue中list的id
+		nvueListId: {
+			type: String,
+			default: u.gc('nvueListId', '')
+		},
+		//nvue中refresh组件的样式
+		nvueRefresherStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('nvueRefresherStyle', {});
+			}
+		},
+		//nvue中是否按分页模式(类似竖向swiper)显示List，默认为false
+		nvuePagingEnabled: {
+			type: Boolean,
+			default: u.gc('nvuePagingEnabled', false)
+		},
+		//是否隐藏nvue列表底部的tagView，此view用于标识滚动到底部位置，若隐藏则滚动到底部功能将失效，在nvue中实现吸顶+swiper功能时需将最外层z-paging的此属性设置为true。默认为否
+		hideNvueBottomTag: {
+			type: Boolean,
+			default: u.gc('hideNvueBottomTag', false)
+		},
+		//nvue中控制onscroll事件触发的频率：表示两次onscroll事件之间列表至少滚动了10px。注意，将该值设置为较小的数值会提高滚动事件采样的精度，但同时也会降低页面的性能
+		offsetAccuracy: {
+			type: Number,
+			default: u.gc('offsetAccuracy', 10)
+		},
+		// #endif
+	},
+	data() {
+		return {
+			nRefresherLoading: false,
+			nListIsDragging: false,
+			nShowBottom: true,
+			nFixFreezing: false,
+			nShowRefresherReveal: false,
+			nIsFirstPageAndNoMore: false,
+			nFirstPageAndNoMoreChecked: false,
+			nLoadingMoreFixedHeight: false,
+			nShowRefresherRevealHeight: 0,
+			nOldShowRefresherRevealHeight: -1,
+			nRefresherWidth: uni.upx2px(750),
+		}
+	},
+	watch: {
+		// #ifdef APP-NVUE
+		nIsFirstPageAndNoMore: {
+			handler(newVal) {
+				const cellStyle = !this.useChatRecordMode || newVal ? {} : { transform: 'rotate(180deg)' };
+				this.$emit('update:cellStyle', cellStyle);
+				this.$emit('cellStyleChange', cellStyle);
+			},
+			immediate: true
+		},
+		// #endif
+	},
+	computed: {
+		// #ifdef APP-NVUE
+		nScopedSlots() {
+			// #ifdef VUE2
+			return this.$scopedSlots;
+			// #endif
+			// #ifdef VUE3
+			return null;
+			// #endif
+		},
+		nWaterfallColumnCount() {
+			if (this.finalNvueListIs !== 'waterfall') return 0;
+			return this._nGetWaterfallConfig('column-count', 2);
+		},
+		nWaterfallColumnWidth() {
+			return this._nGetWaterfallConfig('column-width', 'auto');
+		},
+		nWaterfallColumnGap() {
+			return this._nGetWaterfallConfig('column-gap', 'normal');
+		},
+		nWaterfallLeftGap() {
+			return this._nGetWaterfallConfig('left-gap', 0);
+		},
+		nWaterfallRightGap() {
+			return this._nGetWaterfallConfig('right-gap', 0);
+		},
+		nViewIs() {
+			const is = this.finalNvueListIs;
+			return is === 'scroller' || is === 'view' ? 'view' : is === 'waterfall' ? 'header' : 'cell';
+		},
+		nSafeAreaBottomHeight() {
+			return this.safeAreaInsetBottom ? this.safeAreaBottom : 0;
+		},
+		nChatRecordRotateStyle() {
+			return this.useChatRecordMode ? { transform: this.nIsFirstPageAndNoMore ? 'rotate(0deg)' : 'rotate(180deg)' } : {};
+		},
+		finalNvueListIs() {
+			if (this.usePageScroll) return 'view';
+			const nvueListIsLowerCase = this.nvueListIs.toLowerCase();
+			if (['list','waterfall','scroller'].indexOf(nvueListIsLowerCase) !== -1) return nvueListIsLowerCase;
+			return 'list';
+		},
+		finalNvueSuperListIs() {
+			return this.usePageScroll ? 'view' : 'scroller';
+		},
+		finalNvueRefresherEnabled() {
+			return this.finalNvueListIs !== 'view' && this.finalRefresherEnabled && !this.nShowRefresherReveal && !this.useChatRecordMode;
+		},
+		// #endif
+	},
+	mounted(){
+		// #ifdef APP-NVUE
+		//旋转屏幕时更新宽度
+		uni.onWindowResize((res) => {
+			// this._nUpdateRefresherWidth();
+		})
+		// #endif
+	},
+	methods: {
+		// #ifdef APP-NVUE
+		//列表滚动时触发
+		_nOnScroll(e) {
+			this.$emit('scroll', e);
+			const contentOffsetY = -e.contentOffset.y;
+			this.oldScrollTop = contentOffsetY;
+			this.nListIsDragging = e.isDragging;
+			this._checkShouldShowBackToTop(contentOffsetY, contentOffsetY - 1);
+		},
+		//下拉刷新刷新中
+		_nOnRrefresh() {
+			if (this.nShowRefresherReveal) return;
+			this.nRefresherLoading = true;
+			this.refresherStatus = Enum.Refresher.Loading;
+			this._doRefresherLoad();
+		},
+		//下拉刷新下拉中
+		_nOnPullingdown(e) {
+			if (this.refresherStatus === Enum.Refresher.Loading || (this.isIos && !this.nListIsDragging)) return;
+			this._emitTouchmove(e);
+			const { viewHeight, pullingDistance } = e;
+			this.refresherStatus = pullingDistance >= viewHeight ? Enum.Refresher.ReleaseToRefresh : Enum.Refresher.Default;
+		},
+		//下拉刷新结束
+		_nRefresherEnd(doEnd = true) {
+			if (doEnd) {
+			   this._nDoRefresherEndAnimation(0, -this.nShowRefresherRevealHeight); 
+			   !this.usePageScroll && this.$refs['zp-n-list'].resetLoadmore();
+			   this.nRefresherLoading = false;
+			}
+		},
+		//执行主动触发下拉刷新动画
+		_nDoRefresherEndAnimation(height, translateY, animate = true, checkStack = true) {
+			this._cleanRefresherCompleteTimeout();
+			this._cleanRefresherEndTimeout();
+			
+			if (!this.finalShowRefresherWhenReload) {
+				this.refresherEndTimeout = u.delay(() => {
+					this.refresherStatus = Enum.Refresher.Default;
+				}, this.refresherCompleteDuration);
+				return;
+			}
+			const stackCount = this.refresherRevealStackCount;
+			if (height === 0 && checkStack) {
+				this.refresherRevealStackCount --;
+				if (stackCount > 1) return;
+				this.refresherEndTimeout = u.delay(() => {
+					this.refresherStatus = Enum.Refresher.Default;
+				}, this.refresherCompleteDuration);
+			}
+			if (stackCount > 1) {
+				this.refresherStatus = Enum.Refresher.Loading;
+			}
+			
+			const duration = animate ? 200 : 0;
+			if (this.nOldShowRefresherRevealHeight !== height) {
+				if (height > 0) {
+					this.nShowRefresherReveal = true;
+				}
+				weexAnimation.transition(this.$refs['zp-n-list-refresher-reveal'], {
+					styles: {
+						height: `${height}px`,
+						transform: `translateY(${translateY}px)`,
+					},
+					duration,
+					timingFunction: 'linear',
+					needLayout: true,
+					delay: 0
+				})
+			}
+			u.delay(() => {
+				if (animate) {
+					this.nShowRefresherReveal = height > 0;
+				}
+			}, duration > 0 ? duration - 60 : 0);
+			this.nOldShowRefresherRevealHeight = height;
+		},
+		//滚动到底部加载更多
+		_nOnLoadmore() {
+			if (this.nShowRefresherReveal || !this.totalData.length) return;
+			this.useChatRecordMode ? this.doChatRecordLoadMore() : this._onLoadingMore('toBottom');
+		},
+		//获取nvue waterfall单项配置
+		_nGetWaterfallConfig(key, defaultValue) {
+			return this.nvueWaterfallConfig[key] || defaultValue;
+		},
+		//更新nvue 下拉刷新view容器的宽度
+		_nUpdateRefresherWidth() {
+			u.delay(() => {
+				this.$nextTick(()=>{
+					this._getNodeClientRect('.zp-n-list').then(node => {
+						if (node) {
+							this.nRefresherWidth = node[0].width || this.nRefresherWidth;
+						}
+					})
+				})
+			})	
+		}
+		// #endif
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/refresher.js b/src/uni_modules/z-paging/components/z-paging/js/modules/refresher.js
new file mode 100644
index 0000000..d8fd8ad
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/refresher.js
@@ -0,0 +1,681 @@
+// [z-paging]下拉刷新view模块
+import u from '.././z-paging-utils'
+import c from '.././z-paging-constant'
+import Enum from '.././z-paging-enum'
+
+export default {
+	props: {
+		//下拉刷新的主题样式，支持black，white，默认black
+		refresherThemeStyle: {
+			type: String,
+			default: u.gc('refresherThemeStyle', '')
+		},
+		//自定义下拉刷新中左侧图标的样式
+		refresherImgStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('refresherImgStyle', {});
+			}
+		},
+		//自定义下拉刷新中右侧状态描述文字的样式
+		refresherTitleStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('refresherTitleStyle', {});
+			}
+		},
+		//自定义下拉刷新中右侧最后更新时间文字的样式(show-refresher-update-time为true时有效)
+		refresherUpdateTimeStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('refresherUpdateTimeStyle', {});
+			}
+		},
+		//在微信小程序和QQ小程序中，是否实时监听下拉刷新中进度，默认为否
+		watchRefresherTouchmove: {
+			type: Boolean,
+			default: u.gc('watchRefresherTouchmove', false)
+		},
+		//底部加载更多的主题样式，支持black，white，默认black
+		loadingMoreThemeStyle: {
+			type: String,
+			default: u.gc('loadingMoreThemeStyle', '')
+		},
+		//是否只使用下拉刷新，设置为true后将关闭mounted自动请求数据、关闭滚动到底部加载更多，强制隐藏空数据图。默认为否
+		refresherOnly: {
+			type: Boolean,
+			default: u.gc('refresherOnly', false)
+		},
+		//自定义下拉刷新默认状态下回弹动画时间，单位为毫秒，默认为100毫秒，nvue无效
+		refresherDefaultDuration: {
+			type: [Number, String],
+			default: u.gc('refresherDefaultDuration', 100)
+		},
+		//自定义下拉刷新结束以后延迟回弹的时间，单位为毫秒，默认为0
+		refresherCompleteDelay: {
+			type: [Number, String],
+			default: u.gc('refresherCompleteDelay', 0)
+		},
+		//自定义下拉刷新结束回弹动画时间，单位为毫秒，默认为300毫秒(refresherEndBounceEnabled为false时，refresherCompleteDuration为设定值的1/3)，nvue无效
+		refresherCompleteDuration: {
+			type: [Number, String],
+			default: u.gc('refresherCompleteDuration', 300)
+		},
+		//自定义下拉刷新结束状态下是否允许列表滚动，默认为否
+		refresherCompleteScrollable: {
+			type: Boolean,
+			default: u.gc('refresherCompleteScrollable', false)
+		},
+		//是否使用自定义的下拉刷新，默认为是，即使用z-paging的下拉刷新。设置为false即代表使用uni scroll-view自带的下拉刷新，h5、App、微信小程序以外的平台不支持uni scroll-view自带的下拉刷新
+		useCustomRefresher: {
+			type: Boolean,
+			default: u.gc('useCustomRefresher', true)
+		},
+		//自定义下拉刷新下拉帧率，默认为40，过高可能会出现抖动问题
+		refresherFps: {
+			type: [Number, String],
+			default: u.gc('refresherFps', 40)
+		},
+		//自定义下拉刷新允许触发的最大下拉角度，默认为40度，当下拉角度小于设定值时，自定义下拉刷新动画不会被触发
+		refresherMaxAngle: {
+			type: [Number, String],
+			default: u.gc('refresherMaxAngle', 40)
+		},
+		//自定义下拉刷新的角度由未达到最大角度变到达到最大角度时，是否继续下拉刷新手势，默认为否
+		refresherAngleEnableChangeContinued: {
+			type: Boolean,
+			default: u.gc('refresherAngleEnableChangeContinued', false)
+		},
+		//自定义下拉刷新默认状态下的文字
+		refresherDefaultText: {
+			type: [String, Object],
+			default: u.gc('refresherDefaultText', null)
+		},
+		//自定义下拉刷新松手立即刷新状态下的文字
+		refresherPullingText: {
+			type: [String, Object],
+			default: u.gc('refresherPullingText', null)
+		},
+		//自定义下拉刷新刷新中状态下的文字
+		refresherRefreshingText: {
+			type: [String, Object],
+			default: u.gc('refresherRefreshingText', null)
+		},
+		//自定义下拉刷新刷新结束状态下的文字
+		refresherCompleteText: {
+			type: [String, Object],
+			default: u.gc('refresherCompleteText', null)
+		},
+		//自定义下拉刷新默认状态下的图片
+		refresherDefaultImg: {
+			type: String,
+			default: u.gc('refresherDefaultImg', null)
+		},
+		//自定义下拉刷新松手立即刷新状态下的图片，默认与refresherDefaultImg一致
+		refresherPullingImg: {
+			type: String,
+			default: u.gc('refresherPullingImg', null)
+		},
+		//自定义下拉刷新刷新中状态下的图片
+		refresherRefreshingImg: {
+			type: String,
+			default: u.gc('refresherRefreshingImg', null)
+		},
+		//自定义下拉刷新刷新结束状态下的图片
+		refresherCompleteImg: {
+			type: String,
+			default: u.gc('refresherCompleteImg', null)
+		},
+		//自定义下拉刷新刷新中状态下是否展示旋转动画
+		refresherRefreshingAnimated: {
+			type: Boolean,
+			default: u.gc('refresherRefreshingAnimated', true)
+		},
+		//是否开启自定义下拉刷新刷新结束回弹效果，默认为是
+		refresherEndBounceEnabled: {
+			type: Boolean,
+			default: u.gc('refresherEndBounceEnabled', true)
+		},
+		//是否开启自定义下拉刷新，默认为是
+		refresherEnabled: {
+			type: Boolean,
+			default: u.gc('refresherEnabled', true)
+		},
+		//设置自定义下拉刷新阈值，默认为80rpx
+		refresherThreshold: {
+			type: [Number, String],
+			default: u.gc('refresherThreshold', '80rpx')
+		},
+		//设置系统下拉刷新默认样式，支持设置 black，white，none，none 表示不使用默认样式，默认为black
+		refresherDefaultStyle: {
+			type: String,
+			default: u.gc('refresherDefaultStyle', 'black')
+		},
+		//设置自定义下拉刷新区域背景
+		refresherBackground: {
+			type: String,
+			default: u.gc('refresherBackground', 'transparent')
+		},
+		//设置固定的自定义下拉刷新区域背景
+		refresherFixedBackground: {
+			type: String,
+			default: u.gc('refresherFixedBackground', 'transparent')
+		},
+		//设置固定的自定义下拉刷新区域高度，默认为0
+		refresherFixedBacHeight: {
+			type: [Number, String],
+			default: u.gc('refresherFixedBacHeight', 0)
+		},
+		//设置自定义下拉刷新下拉超出阈值后继续下拉位移衰减的比例，范围0-1，值越大代表衰减越多。默认为0.65(nvue无效)
+		refresherOutRate: {
+			type: Number,
+			default: u.gc('refresherOutRate', 0.65)
+		},
+		//设置自定义下拉刷新下拉时实际下拉位移与用户下拉距离的比值，默认为0.75，即代表若用户下拉10px，则实际位移为7.5px(nvue无效)
+		refresherPullRate: {
+			type: Number,
+			default: u.gc('refresherPullRate', 0.75)
+		},
+		//是否显示最后更新时间，默认为否
+		showRefresherUpdateTime: {
+			type: Boolean,
+			default: u.gc('showRefresherUpdateTime', false)
+		},
+		//如果需要区别不同页面的最后更新时间，请为不同页面的z-paging的`refresher-update-time-key`设置不同的字符串
+		refresherUpdateTimeKey: {
+			type: String,
+			default: u.gc('refresherUpdateTimeKey', 'default')
+		},
+		//下拉刷新时下拉到“松手立即刷新”状态时是否使手机短振动，默认为否（h5无效）
+		refresherVibrate: {
+			type: Boolean,
+			default: u.gc('refresherVibrate', false)
+		},
+		//下拉刷新时是否禁止下拉刷新view跟随用户触摸竖直移动，默认为否。注意此属性只是禁止下拉刷新view移动，其他下拉刷新逻辑依然会正常触发
+		refresherNoTransform: {
+			type: Boolean,
+			default: u.gc('refresherNoTransform', false)
+		},
+	},
+	data() {
+		return {
+			R: Enum.Refresher,
+			//下拉刷新状态
+			refresherStatus: Enum.Refresher.Default,
+			refresherTouchstartY: 0,
+			lastRefresherTouchmove: null,
+			refresherReachMaxAngle: true,
+			refresherTransform: 'translateY(0px)',
+			refresherTransition: '',
+			finalRefresherDefaultStyle: 'black',
+			refresherRevealStackCount: 0,
+			refresherCompleteTimeout: null,
+			refresherCompleteSubTimeout: null,
+			refresherEndTimeout: null,
+			isTouchmovingTimeout: null,
+			refresherTriggered: false,
+			isTouchmoving: false,
+			isTouchEnded: false,
+			isUserPullDown: false,
+			privateRefresherEnabled: -1,
+			privateShowRefresherWhenReload: false,
+			customRefresherHeight: -1,
+			showCustomRefresher: false,
+			doRefreshAnimateAfter: false,
+			isRefresherInComplete: false,
+			pullDownTimeStamp: 0,
+			moveDis: 0,
+			oldMoveDis: 0,
+			currentDis: 0,
+			oldCurrentMoveDis: 0,
+			oldRefresherTouchmoveY: 0,
+			oldTouchDirection: '',
+			oldEmitedTouchDirection: '',
+			oldPullingDistance: -1
+		}
+	},
+	watch: {
+		refresherDefaultStyle: {
+			handler(newVal) {
+				if (newVal.length) {
+					this.finalRefresherDefaultStyle = newVal;
+				}
+			},
+			immediate: true
+		},
+		refresherStatus(newVal) {
+			newVal === Enum.Refresher.Loading && this._cleanRefresherEndTimeout();
+			this.refresherVibrate && newVal === Enum.Refresher.ReleaseToRefresh && this._doVibrateShort();
+			this.$emit('refresherStatusChange', newVal);
+			this.$emit('update:refresherStatus', newVal);
+		},
+		refresherEnabled(newVal) {
+			!newVal && this.endRefresh();
+		}
+	},
+	computed: {
+		pullDownDisTimeStamp() {
+			return 1000 / this.refresherFps;
+		},
+		finalRefresherEnabled() {
+			if (this.useChatRecordMode) return false;
+			if (this.privateRefresherEnabled === -1) return this.refresherEnabled;
+			return this.privateRefresherEnabled === 1;
+		},
+		finalRefresherThreshold() {
+			let refresherThreshold = this.refresherThreshold;
+			let idDefault = false;
+			if (refresherThreshold === '80rpx') {
+				idDefault = true;
+				if (this.showRefresherUpdateTime) {
+					refresherThreshold = '120rpx';
+				}
+			}
+			if (idDefault && this.customRefresherHeight > 0) return this.customRefresherHeight;
+			return u.convertToPx(refresherThreshold);
+		},
+		finalRefresherFixedBacHeight() {
+			return u.convertToPx(this.refresherFixedBacHeight);
+		},
+		finalRefresherThemeStyle() {
+			return this.refresherThemeStyle.length ? this.refresherThemeStyle : this.defaultThemeStyle;
+		},
+		finalRefresherOutRate() {
+			let rate = this.refresherOutRate;
+			rate = Math.max(0,rate);
+			rate = Math.min(1,rate);
+			return rate;
+		},
+		finalRefresherPullRate() {
+			let rate = this.refresherPullRate;
+			rate = Math.max(0,rate);
+			return rate;
+		},
+		finalRefresherTransform() {
+			if (this.refresherNoTransform || this.refresherTransform === 'translateY(0px)') return 'none';
+			return this.refresherTransform;
+		},
+		finalShowRefresherWhenReload() {
+			return this.showRefresherWhenReload || this.privateShowRefresherWhenReload;
+		},
+		finalRefresherTriggered() {
+			if (!(this.finalRefresherEnabled && !this.useCustomRefresher)) return false;
+			return this.refresherTriggered;
+		},
+		showRefresher() {
+			const showRefresher = this.finalRefresherEnabled && this.useCustomRefresher;
+			// #ifndef APP-NVUE
+			if (this.customRefresherHeight === -1 && showRefresher) {
+				u.delay(() => {
+					this.$nextTick(()=>{
+						this._updateCustomRefresherHeight();
+					})
+				})
+			}
+			// #endif
+			return showRefresher;
+		},
+		hasTouchmove(){
+			// #ifdef VUE2
+			// #ifdef APP-VUE || H5
+			if (this.$listeners && !this.$listeners.refresherTouchmove) return false;
+			// #endif
+			// #ifdef MP-WEIXIN || MP-QQ
+			return this.watchRefresherTouchmove;
+			// #endif
+			return true;
+			// #endif
+			return this.watchRefresherTouchmove;
+		},
+	},
+	methods: {
+		//终止下拉刷新状态
+		endRefresh(){
+			this.totalData = this.realTotalData;
+			this._refresherEnd();
+			this._endSystemLoadingAndRefresh();
+			this._handleScrollViewDisableBounce({ bounce: true });
+		},
+		handleRefresherStatusChanged(func) {
+			this.refresherStatusChangedFunc = func;
+		},
+		//自定义下拉刷新被触发
+		_onRefresh(fromScrollView = false,isUserPullDown = true) {
+			if (fromScrollView && !(this.finalRefresherEnabled && !this.useCustomRefresher)) return;
+			this.$emit('onRefresh');
+			this.$emit('Refresh');
+			// #ifdef APP-NVUE
+			if (this.loading) {
+				u.delay(this._nRefresherEnd, 500)
+				return;
+			}
+			// #endif
+			if (this.loading || this.isRefresherInComplete) return;
+			this.loadingType = Enum.LoadingType.Refresher;
+			if (this.nShowRefresherReveal) return;
+			this.isUserPullDown = isUserPullDown;
+			this.isUserReload = !isUserPullDown;
+			this._startLoading(true);
+			this.refresherTriggered = true;
+			if(this.reloadWhenRefresh && isUserPullDown){
+				this.useChatRecordMode ? this._onLoadingMore('click') : this._reload(false, false, isUserPullDown);
+			}
+		},
+		//自定义下拉刷新被复位
+		_onRestore() {
+			this.refresherTriggered = 'restore';
+			this.$emit('onRestore');
+			this.$emit('Restore');
+		},
+		// #ifndef APP-VUE || MP-WEIXIN || MP-QQ || H5
+		//拖拽开始
+		_refresherTouchstart(e) {
+			this._handleListTouchstart();
+			if (this._touchDisabled()) return;
+			this._handleRefresherTouchstart(u.getTouch(e));
+		},
+		// #endif
+		//进一步处理拖拽开始结果
+		_handleRefresherTouchstart(touch) {
+			if (!this.loading && this.isTouchEnded) {
+				this.isTouchmoving = false;
+			}
+			this.loadingType = Enum.LoadingType.Refresher;
+			this.isTouchmovingTimeout && clearTimeout(this.isTouchmovingTimeout);
+			this.isTouchEnded = false;
+			this.refresherTransition = '';
+			this.refresherTouchstartY = touch.touchY;
+			this.$emit('refresherTouchstart', this.refresherTouchstartY);
+			this.lastRefresherTouchmove = touch;
+			this._cleanRefresherCompleteTimeout();
+			this._cleanRefresherEndTimeout();
+		},
+		// #ifndef APP-VUE || MP-WEIXIN || MP-QQ || H5
+		//拖拽中
+		_refresherTouchmove(e) {
+			const currentTimeStamp = u.getTime();
+			let touch = null;
+			let refresherTouchmoveY = 0;
+			if (this.watchTouchDirectionChange) {
+				touch = u.getTouch(e);
+				refresherTouchmoveY = touch.touchY;
+				const direction  = refresherTouchmoveY > this.oldRefresherTouchmoveY ? 'top' : 'bottom';
+				if (direction === this.oldTouchDirection && direction !== this.oldEmitedTouchDirection) {
+					this._handleTouchDirectionChange({ direction });
+					this.oldEmitedTouchDirection = direction;
+				}
+				this.oldTouchDirection = direction;
+				this.oldRefresherTouchmoveY = refresherTouchmoveY;
+			}
+			if (this.pullDownTimeStamp && currentTimeStamp - this.pullDownTimeStamp <= this.pullDownDisTimeStamp) return;
+			if (this._touchDisabled()) return;
+			this.pullDownTimeStamp = Number(currentTimeStamp);
+			touch = u.getTouch(e);
+			refresherTouchmoveY = touch.touchY;
+			let moveDis = refresherTouchmoveY - this.refresherTouchstartY;
+			if (moveDis < 0) return;
+			if (this.refresherMaxAngle >= 0 && this.refresherMaxAngle <= 90 && this.lastRefresherTouchmove && this.lastRefresherTouchmove.touchY <= refresherTouchmoveY) {
+				if (!moveDis && !this.refresherAngleEnableChangeContinued && this.moveDis < 1 && !this.refresherReachMaxAngle) return;
+				const x = Math.abs(touch.touchX - this.lastRefresherTouchmove.touchX);
+				const y = Math.abs(refresherTouchmoveY - this.lastRefresherTouchmove.touchY);
+				const z = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
+				if ((x || y) && x > 1) {
+					const angle = Math.asin(y / z) / Math.PI * 180;
+					if (angle < this.refresherMaxAngle) {
+						this.lastRefresherTouchmove = touch;
+						this.refresherReachMaxAngle = false;
+						return;
+					}
+				}
+			}
+			moveDis = this._getFinalRefresherMoveDis(moveDis);
+			this._handleRefresherTouchmove(moveDis, touch);
+			if (!this.disabledBounce) {
+				if(this.isIos){
+					// #ifndef MP-LARK
+					this._handleScrollViewDisableBounce({ bounce: false });
+					// #endif
+				}
+				this.disabledBounce = true;
+			}
+			this._emitTouchmove({ pullingDistance: moveDis, dy: this.moveDis - this.oldMoveDis });
+		},
+		// #endif
+		//进一步处理拖拽中结果
+		_handleRefresherTouchmove(moveDis, touch) {
+			this.refresherReachMaxAngle = true;
+			this.isTouchmovingTimeout && clearTimeout(this.isTouchmovingTimeout);
+			this.isTouchmoving = true;
+			this.isTouchEnded = false;
+			this.refresherStatus = moveDis >= this.finalRefresherThreshold ? Enum.Refresher.ReleaseToRefresh : this.refresherStatus = Enum.Refresher.Default;
+			// #ifndef APP-VUE || MP-WEIXIN || MP-QQ  || H5
+			// this.scrollEnable = false;
+			this.refresherTransform = `translateY(${moveDis}px)`;
+			this.lastRefresherTouchmove = touch;
+			// #endif
+			this.moveDis = moveDis;
+		},
+		// #ifndef APP-VUE || MP-WEIXIN || MP-QQ || H5
+		//拖拽结束
+		_refresherTouchend(e) {
+			if (this._touchDisabled() || !this.isTouchmoving) return;
+			const touch = u.getTouch(e);
+			let refresherTouchendY = touch.touchY;
+			let moveDis = refresherTouchendY - this.refresherTouchstartY;
+			moveDis = this._getFinalRefresherMoveDis(moveDis);
+			this._handleRefresherTouchend(moveDis);
+			this._handleScrollViewDisableBounce({bounce: true});
+			this.disabledBounce = false;
+		},
+		// #endif
+		//进一步处理拖拽结束结果
+		_handleRefresherTouchend(moveDis) {
+			// #ifndef APP-PLUS || H5 || MP-WEIXIN
+			if (!this.isTouchmoving) return;
+			// #endif
+			this.isTouchmovingTimeout && clearTimeout(this.isTouchmovingTimeout);
+			this.refresherReachMaxAngle = true;
+			this.isTouchEnded = true;
+			const refresherThreshold = this.finalRefresherThreshold;
+			if (moveDis >= refresherThreshold && this.refresherStatus === Enum.Refresher.ReleaseToRefresh) {
+				// #ifndef APP-VUE || MP-WEIXIN || MP-QQ || H5
+				this.refresherTransform = `translateY(${refresherThreshold}px)`;
+				this.refresherTransition = 'transform .1s linear';
+				// #endif
+				u.delay(() => {
+					this._emitTouchmove({ pullingDistance: refresherThreshold, dy: this.moveDis - refresherThreshold });
+				}, 0.1);
+				this.moveDis = refresherThreshold;
+				this.refresherStatus = Enum.Refresher.Loading;
+				this._doRefresherLoad();
+			} else {
+				this._refresherEnd();
+				this.isTouchmovingTimeout = u.delay(() => {
+					this.isTouchmoving = false;
+				}, this.refresherDefaultDuration);
+			}
+			this.scrollEnable = true;
+			this.$emit('refresherTouchend', moveDis);
+		},
+		//处理列表触摸开始事件
+		_handleListTouchstart() {
+			if (this.useChatRecordMode && this.autoHideKeyboardWhenChat) {
+				uni.hideKeyboard();
+				this.$emit('hidedKeyboard');
+			}
+		},
+		//处理scroll-view bounce是否生效
+		_handleScrollViewDisableBounce({ bounce }) {
+			if (!this.usePageScroll && !this.scrollToTopBounceEnabled) {
+				// #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5
+				this.refresherTransition = '';
+				// #endif
+				this.scrollEnable = bounce;
+			}
+		},
+		//wxs正在下拉状态改变处理
+		_handleWxsPullingDownStatusChange(onPullingDown) {
+			this.wxsOnPullingDown = onPullingDown;
+			if (onPullingDown && !this.useChatRecordMode) {
+				this.renderPropScrollTop = 0;
+			}
+		},
+		//wxs正在下拉处理
+		_handleWxsPullingDown({ moveDis, diffDis }){
+			this._emitTouchmove({ pullingDistance: moveDis,dy: diffDis });
+		},
+		//wxs触摸方向改变
+		_handleTouchDirectionChange({ direction }) {
+			this.$emit('touchDirectionChange',direction);
+		},
+		//wxs通知更新其props
+		_handlePropUpdate(){
+			this.wxsPropType = u.getTime().toString();
+		},
+		//下拉刷新结束
+		_refresherEnd(shouldEndLoadingDelay = true, fromAddData = false, isUserPullDown = false, setLoading = true) {
+			if (this.loadingType === Enum.LoadingType.Refresher) {
+				const refresherCompleteDelay = (fromAddData && (isUserPullDown || this.showRefresherWhenReload)) ? this.refresherCompleteDelay : 0;
+				const refresherStatus = refresherCompleteDelay > 0 ? Enum.Refresher.Complete : Enum.Refresher.Default;
+				if (this.finalShowRefresherWhenReload) {
+					const stackCount = this.refresherRevealStackCount;
+					this.refresherRevealStackCount --;
+					if (stackCount > 1) return;
+				}
+				this._cleanRefresherEndTimeout();
+				this.refresherEndTimeout = u.delay(() => {
+					this.refresherStatus = refresherStatus;
+				}, this.refresherStatus !== Enum.Refresher.Default && refresherStatus === Enum.Refresher.Default ? this.refresherCompleteDuration : 0);
+				
+				// #ifndef APP-NVUE
+				if (refresherCompleteDelay > 0) {
+					this.isRefresherInComplete = true;
+				}
+				// #endif
+				this._cleanRefresherCompleteTimeout();
+				this.refresherCompleteTimeout = u.delay(() => {
+					let animateDuration = 1;
+					const animateType = this.refresherEndBounceEnabled && fromAddData ? 'cubic-bezier(0.19,1.64,0.42,0.72)' : 'linear';
+					if (fromAddData) {
+						animateDuration = this.refresherEndBounceEnabled ? this.refresherCompleteDuration / 1000 : this.refresherCompleteDuration / 3000;
+					}
+					this.refresherTransition = `transform ${fromAddData ? animateDuration : this.refresherDefaultDuration / 1000}s ${animateType}`;
+					// #ifndef APP-VUE || MP-WEIXIN || MP-QQ  || H5
+					this.refresherTransform = 'translateY(0px)';
+					this.currentDis = 0;
+					// #endif
+					// #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5
+					this.wxsPropType = this.refresherTransition + 'end' + u.getTime();
+					// #endif
+					// #ifdef APP-NVUE
+					this._nRefresherEnd();
+					// #endif
+					this.moveDis = 0;
+					// #ifndef APP-NVUE
+					if (refresherStatus === Enum.Refresher.Complete) {
+						if (this.refresherCompleteSubTimeout) {
+							clearTimeout(this.refresherCompleteSubTimeout);
+							this.refresherCompleteSubTimeout = null;
+						}
+						this.refresherCompleteSubTimeout = u.delay(() => {
+							this.$nextTick(() => {
+								this.refresherStatus = Enum.Refresher.Default;
+								this.isRefresherInComplete = false;
+							})
+						}, animateDuration * 800);
+					}
+					// #endif
+					this._emitTouchmove({ pullingDistance: 0, dy: this.moveDis });
+				}, refresherCompleteDelay);
+			}
+			if (setLoading) {
+				u.delay(() => {
+					this.loading = false;
+				}, shouldEndLoadingDelay ? c.delayTime : 0);
+				isUserPullDown && this._onRestore();
+			}
+		},
+		//模拟用户手动触发下拉刷新
+		_doRefresherRefreshAnimate() {
+			this._cleanRefresherCompleteTimeout();
+			// #ifndef APP-NVUE
+			const doRefreshAnimateAfter = !this.doRefreshAnimateAfter && (this.finalShowRefresherWhenReload) && this
+				.customRefresherHeight === -1 && this.refresherThreshold === '80rpx';
+			if (doRefreshAnimateAfter) {
+				this.doRefreshAnimateAfter = true;
+				return;
+			}
+			// #endif
+			this.refresherRevealStackCount ++;
+			// #ifndef APP-VUE || MP-WEIXIN || MP-QQ  || H5
+			this.refresherTransform = `translateY(${this.finalRefresherThreshold}px)`;
+			// #endif
+			// #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5
+			this.wxsPropType = 'begin' + u.getTime();
+			// #endif
+			this.moveDis = this.finalRefresherThreshold;
+			this.refresherStatus = Enum.Refresher.Loading;
+			this.isTouchmoving = true;
+			this.isTouchmovingTimeout && clearTimeout(this.isTouchmovingTimeout);
+			this._doRefresherLoad(false);
+		},
+		//触发下拉刷新
+		_doRefresherLoad(isUserPullDown = true) {
+			this._onRefresh(false,isUserPullDown);
+			this.loading = true;
+		},
+		// #ifndef APP-VUE || MP-WEIXIN || MP-QQ || H5
+		//获取处理后的moveDis
+		_getFinalRefresherMoveDis(moveDis) {
+			let diffDis = moveDis - this.oldCurrentMoveDis;
+			this.oldCurrentMoveDis = moveDis;
+			if (diffDis > 0) {
+				diffDis = diffDis * this.finalRefresherPullRate;
+				if (this.currentDis > this.finalRefresherThreshold) {
+					diffDis = diffDis * (1 - this.finalRefresherOutRate);
+				}
+			}
+			diffDis = diffDis > 100 ? diffDis / 100 : diffDis;
+			this.currentDis += diffDis;
+			this.currentDis = Math.max(0, this.currentDis);
+			return this.currentDis;
+		},
+		//判断touch手势是否要触发
+		_touchDisabled() {
+			const checkOldScrollTop = this.oldScrollTop > 5;
+			return this.loading || this.isRefresherInComplete || this.useChatRecordMode || !this.refresherEnabled || !this.useCustomRefresher ||(this.usePageScroll && this.useCustomRefresher && this.pageScrollTop > 10) || (!(this.usePageScroll && this.useCustomRefresher) && checkOldScrollTop);
+		},
+		// #endif
+		//更新自定义下拉刷新view高度
+		_updateCustomRefresherHeight() {
+			this._getNodeClientRect('.zp-custom-refresher-slot-view').then((res) => {
+				this.customRefresherHeight = res ? res[0].height : 0;
+				this.showCustomRefresher = this.customRefresherHeight > 0;
+				if (this.doRefreshAnimateAfter) {
+					this.doRefreshAnimateAfter = false;
+					this._doRefresherRefreshAnimate();
+				}
+			});
+		},
+		//发射pullingDown事件
+		_emitTouchmove(e) {
+			// #ifndef APP-NVUE
+			e.viewHeight = this.finalRefresherThreshold;
+			// #endif
+			e.rate = e.viewHeight > 0 ? e.pullingDistance / e.viewHeight : 0;
+			this.hasTouchmove && this.oldPullingDistance !== e.pullingDistance && this.$emit('refresherTouchmove', e);
+			this.oldPullingDistance = e.pullingDistance;
+		},
+		//清除refresherCompleteTimeout
+		_cleanRefresherCompleteTimeout() {
+			this.refresherCompleteTimeout = this._cleanTimeout(this.refresherCompleteTimeout);
+			// #ifdef APP-NVUE
+			this._nRefresherEnd(false);
+			// #endif
+		},
+		//清除refresherEndTimeout
+		_cleanRefresherEndTimeout() {
+			this.refresherEndTimeout = this._cleanTimeout(this.refresherEndTimeout);
+		},
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/scroller.js b/src/uni_modules/z-paging/components/z-paging/js/modules/scroller.js
new file mode 100644
index 0000000..a10b564
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/scroller.js
@@ -0,0 +1,462 @@
+// [z-paging]scroll相关模块
+import u from '.././z-paging-utils'
+import Enum from '.././z-paging-enum'
+
+// #ifdef APP-NVUE
+const weexDom = weex.requireModule('dom');
+// #endif
+
+export default {
+	props: {
+		//使用页面滚动，默认为否，当设置为是时则使用页面的滚动而非此组件内部的scroll-view的滚动，使用页面滚动时z-paging无需设置确定的高度且对于长列表展示性能更高，但配置会略微繁琐
+		usePageScroll: {
+			type: Boolean,
+			default: u.gc('usePageScroll', false)
+		},
+		//是否可以滚动，使用内置scroll-view和nvue时有效，默认为是
+		scrollable: {
+			type: Boolean,
+			default: u.gc('scrollable', true)
+		},
+		//控制是否出现滚动条，默认为是
+		showScrollbar: {
+			type: Boolean,
+			default: u.gc('showScrollbar', true)
+		},
+		//是否允许横向滚动，默认为否
+		scrollX: {
+			type: Boolean,
+			default: u.gc('scrollX', false)
+		},
+		//iOS设备上滚动到顶部时是否允许回弹效果，默认为否。关闭回弹效果后可使滚动到顶部与下拉刷新更连贯，但是有吸顶view时滚动到顶部时可能出现抖动。
+		scrollToTopBounceEnabled: {
+			type: Boolean,
+			default: u.gc('scrollToTopBounceEnabled', false)
+		},
+		//iOS设备上滚动到底部时是否允许回弹效果，默认为是。
+		scrollToBottomBounceEnabled: {
+			type: Boolean,
+			default: u.gc('scrollToBottomBounceEnabled', true)
+		},
+		//在设置滚动条位置时使用动画过渡，默认为否
+		scrollWithAnimation: {
+			type: Boolean,
+			default: u.gc('scrollWithAnimation', false)
+		},
+		//值应为某子元素id（id不能以数字开头）。设置哪个方向可滚动，则在哪个方向滚动到该元素
+		scrollIntoView: {
+			type: String,
+			default: u.gc('scrollIntoView', '')
+		},
+	},
+	data() {
+		return {
+			scrollTop: 0,
+			oldScrollTop: 0,
+			scrollViewStyle: {},
+			scrollViewContainerStyle: {},
+			scrollViewInStyle: {},
+			pageScrollTop: -1,
+			scrollEnable: true,
+			privateScrollWithAnimation: -1,
+			cacheScrollNodeHeight: -1
+		}
+	},
+	watch: {
+		oldScrollTop(newVal) {
+			!this.usePageScroll && this._scrollTopChange(newVal,false);
+		},
+		pageScrollTop(newVal) {
+			this.usePageScroll && this._scrollTopChange(newVal,true);
+		},
+		usePageScroll: {
+			handler(newVal) {
+				this.loaded && this.autoHeight && this._setAutoHeight(!newVal);
+				// #ifdef H5
+				if (newVal) {
+					this.$nextTick(() => {
+						const mainScrollRef = this.$refs['zp-scroll-view'].$refs.main;
+						if (mainScrollRef) {
+							mainScrollRef.style = {};
+						}
+					})
+				}
+				// #endif
+			},
+			immediate: true
+		},
+		finalScrollTop(newVal) {
+			if (!this.useChatRecordMode) {
+				this.renderPropScrollTop = newVal < 6 ? 0 : 10;
+			}
+		},
+	},
+	computed: {
+		finalScrollWithAnimation() {
+			if (this.privateScrollWithAnimation !== -1) {
+				const scrollWithAnimation = this.privateScrollWithAnimation === 1;
+				this.privateScrollWithAnimation = -1;
+				return scrollWithAnimation;
+			}
+			return this.scrollWithAnimation;
+		},
+		finalScrollViewStyle() {
+			if (this.superContentZIndex != 1) {
+				this.scrollViewStyle['z-index'] = this.superContentZIndex;
+				this.scrollViewStyle['position'] = 'relative';
+			}
+			return this.scrollViewStyle;
+		},
+		finalScrollTop() {
+			return this.usePageScroll ? this.pageScrollTop : this.oldScrollTop;
+		},
+		finalIsOldWebView() {
+			return this.isOldWebView && !this.usePageScroll;
+		}
+	},
+	methods: {
+		//滚动到顶部，animate为是否展示滚动动画，默认为是
+		scrollToTop(animate, checkReverse = true) {
+			// #ifdef APP-NVUE
+			if (checkReverse && this.useChatRecordMode) {
+				if (!this.nIsFirstPageAndNoMore) {
+					this.scrollToBottom(animate, false);
+					return;
+				}
+			}
+			// #endif
+			this.$nextTick(() => {
+				this._scrollToTop(animate, false);
+				// #ifdef APP-NVUE
+				if (this.nvueFastScroll && animate) {
+					u.delay(() => {
+						this._scrollToTop(false, false);
+					});
+				}
+				// #endif
+			})
+		},
+		//滚动到底部，animate为是否展示滚动动画，默认为是
+		scrollToBottom(animate, checkReverse = true) {
+			// #ifdef APP-NVUE
+			if (checkReverse && this.useChatRecordMode) {
+				if (!this.nIsFirstPageAndNoMore) {
+					this.scrollToTop(animate, false);
+					return;
+				}
+			}
+			// #endif
+			this.$nextTick(() => {
+				this._scrollToBottom(animate);
+				// #ifdef APP-NVUE
+				if (this.nvueFastScroll && animate) {
+					u.delay(() => {
+						this._scrollToBottom(false);
+					});
+				}
+				// #endif
+			})
+		},
+		//滚动到指定view(vue中有效)。sel为需要滚动的view的id值，不包含"#"；offset为偏移量，单位为px；animate为是否展示滚动动画，默认为否
+		scrollIntoViewById(sel, offset, animate) {
+			this._scrollIntoView(sel, offset, animate);
+		},
+		//滚动到指定view(vue中有效)。nodeTop为需要滚动的view的top值(通过uni.createSelectorQuery()获取)；offset为偏移量，单位为px；animate为是否展示滚动动画，默认为否
+		scrollIntoViewByNodeTop(nodeTop, offset, animate) {
+			this.scrollTop = this.oldScrollTop;
+			this.$nextTick(() => {
+				this._scrollIntoViewByNodeTop(nodeTop, offset, animate);
+			})
+		},
+		//滚动到指定位置(vue中有效)。y为与顶部的距离，单位为px；offset为偏移量，单位为px；animate为是否展示滚动动画，默认为否
+		scrollToY(y, offset, animate) {
+			this.scrollTop = this.oldScrollTop;
+			this.$nextTick(() => {
+				this._scrollToY(y, offset, animate);
+			})
+		},
+		//滚动到指定view(nvue中有效)。index为需要滚动的view的index(第几个)；offset为偏移量，单位为px；animate为是否展示滚动动画，默认为否
+		scrollIntoViewByIndex(index, offset, animate) {
+			this._scrollIntoView(index, offset, animate);
+		},
+		//滚动到指定view(nvue中有效)。view为需要滚动的view(通过`this.$refs.xxx`获取)，不包含"#"；offset为偏移量，单位为px；animate为是否展示滚动动画，默认为否
+		scrollIntoViewByView(view, offset, animate) {
+			this._scrollIntoView(view, offset, animate);
+		},
+		//当使用页面滚动并且自定义下拉刷新时，请在页面的onPageScroll中调用此方法，告知z-paging当前的pageScrollTop，否则会导致在任意位置都可以下拉刷新
+		updatePageScrollTop(value) {
+			this.pageScrollTop = value;
+		},
+		//当使用页面滚动并且设置了slot="top"时，默认初次加载会自动获取其高度，并使内部容器下移，当slot="top"的view高度动态改变时，在其高度需要更新时调用此方法
+		updatePageScrollTopHeight() {
+			this._updatePageScrollTopOrBottomHeight('top');
+		},
+		//当使用页面滚动并且设置了slot="bottom"时，默认初次加载会自动获取其高度，并使内部容器下移，当slot="bottom"的view高度动态改变时，在其高度需要更新时调用此方法
+		updatePageScrollBottomHeight() {
+			this._updatePageScrollTopOrBottomHeight('bottom');
+		},
+		//更新slot="left"和slot="right"宽度，当slot="left"或slot="right"宽度动态改变时调用
+		updateLeftAndRightWidth() {
+			if (!this.finalIsOldWebView) return;
+			this.$nextTick(() => this._updateLeftAndRightWidth(this.scrollViewContainerStyle, 'zp-page'));
+		},
+		//更新z-paging内置scroll-view的scrollTop
+		updateScrollViewScrollTop(scrollTop, animate = true) {
+			this.privateScrollWithAnimation = animate ? 1 : 0;
+			this.scrollTop = this.oldScrollTop;
+			this.$nextTick(() => {
+				this.scrollTop = scrollTop;
+				this.oldScrollTop = this.scrollTop;
+			});
+		},
+		
+		//当滚动到顶部时
+		_onScrollToUpper() {
+			this.$emit('scrolltoupper');
+			this.$emit('scrollTopChange', 0);
+			this.$nextTick(() => {
+				this.oldScrollTop = 0;
+			})
+			if (!this.useChatRecordMode || this.loadingStatus === Enum.More.NoMore) return;
+			this._onLoadingMore('click');
+		},
+		//当滚动到底部时
+		_onScrollToLower(e) {
+			(!e.detail || !e.detail.direction || e.detail.direction === 'bottom') && this._onLoadingMore('toBottom')
+		},
+		//滚动到顶部
+		_scrollToTop(animate = true, isPrivate = true) {
+			// #ifdef APP-NVUE
+			const el = this.$refs['zp-n-list-top-tag'];
+			if (this.usePageScroll) {
+				this._getNodeClientRect('zp-page-scroll-top', false).then(node => {
+					const nodeHeight = node ? node[0].height : 0;
+					weexDom.scrollToElement(el, {
+						offset: -nodeHeight,
+						animated: animate
+					});
+				});
+			} else {
+				if (!this.isIos && this.nvueListIs === 'scroller') {
+					this._getNodeClientRect('zp-n-refresh-container', false).then(node => {
+						const nodeHeight = node ? node[0].height : 0;
+						weexDom.scrollToElement(el, {
+							offset: -nodeHeight,
+							animated: animate
+						});
+					});
+				} else {
+					weexDom.scrollToElement(el, {
+						offset: 0,
+						animated: animate
+					});
+				}
+			}
+			return;
+			// #endif
+			if (this.usePageScroll) {
+				this.$nextTick(() => {
+					uni.pageScrollTo({
+						scrollTop: 0,
+						duration: animate ? 100 : 0,
+					});
+				});
+				return;
+			}
+			this.privateScrollWithAnimation = animate ? 1 : 0;
+			this.scrollTop = this.oldScrollTop;
+			this.$nextTick(() => {
+				this.scrollTop = 0;
+				this.oldScrollTop = this.scrollTop;
+			});
+		},
+		//滚动到底部
+		async _scrollToBottom(animate = true) {
+			// #ifdef APP-NVUE
+			const el = this.$refs['zp-n-list-bottom-tag'];
+			if (el) {
+				weexDom.scrollToElement(el, {
+					offset: 0,
+					animated: animate
+				});
+			} else {
+				u.consoleErr('滚动到底部失败，因为您设置了hideNvueBottomTag为true');
+			}
+			return;
+			// #endif
+			if (this.usePageScroll) {
+				this.$nextTick(() => {
+					uni.pageScrollTo({
+						scrollTop: Number.MAX_VALUE,
+						duration: animate ? 100 : 0,
+					});
+				});
+				return;
+			}
+			try {
+				this.privateScrollWithAnimation = animate ? 1 : 0;
+				const pagingContainerNode = await this._getNodeClientRect('.zp-paging-container');
+				const scrollViewNode = await this._getNodeClientRect('.zp-scroll-view');
+				const pagingContainerH = pagingContainerNode ? pagingContainerNode[0].height : 0;
+				const scrollViewH = scrollViewNode ? scrollViewNode[0].height : 0;
+				if (pagingContainerH > scrollViewH) {
+					this.scrollTop = this.oldScrollTop;
+					this.$nextTick(() => {
+						this.scrollTop = pagingContainerH - scrollViewH + this.virtualPlaceholderTopHeight;
+						this.oldScrollTop = this.scrollTop;
+					});
+				}
+			} catch (e) {}
+		},
+		//滚动到指定view
+		_scrollIntoView(sel, offset = 0, animate = false, finishCallback) {
+			try {
+				this.scrollTop = this.oldScrollTop;
+				this.$nextTick(() => {
+					// #ifdef APP-NVUE
+					const refs = this.$parent.$refs;
+					if (!refs) return;
+					const dataType = Object.prototype.toString.call(sel);
+					let el = null;
+					if (dataType === '[object Number]') {
+						const els = refs[`z-paging-${sel}`];
+						el = els ? els[0] : null;
+					} else if (dataType === '[object Array]') {
+						el = sel[0];
+					} else {
+						el = sel;
+					}
+					if (el) {
+						weexDom.scrollToElement(el, {
+							offset: -offset,
+							animated: animate
+						});
+					} else {
+						u.consoleErr('在nvue中滚动到指定位置，cell必须设置 :ref="`z-paging-${index}`"');
+					}
+					return;
+					// #endif
+					this._getNodeClientRect('#' + sel.replace('#', ''), this.$parent).then((node) => {
+						if (node) {
+							let nodeTop = node[0].top;
+							this._scrollIntoViewByNodeTop(nodeTop, offset, animate);
+							finishCallback && finishCallback();
+						}
+					});
+				});
+			} catch (e) {}
+		},
+		//通过nodeTop滚动到指定view
+		_scrollIntoViewByNodeTop(nodeTop, offset = 0, animate = false) {
+			this._scrollToY(nodeTop, offset, animate, true);
+		},
+		//滚动到指定位置
+		_scrollToY(y, offset = 0, animate = false, addScrollTop = false) {
+			this.privateScrollWithAnimation = animate ? 1 : 0;
+			if (this.usePageScroll) {
+				uni.pageScrollTo({
+					scrollTop: y - offset,
+					duration: animate ? 100 : 0
+				});
+			} else {
+				if(addScrollTop){
+				   y += this.oldScrollTop; 
+				}
+				this.scrollTop = y - offset;
+				this.oldScrollTop = this.scrollTop;
+			}
+		},
+		//scroll-view滚动中
+		_scroll(e) {
+			this.$emit('scroll', e);
+			const scrollTop = e.detail.scrollTop;
+			// #ifndef APP-NVUE
+			this.finalUseVirtualList && this._updateVirtualScroll(scrollTop, this.oldScrollTop - scrollTop);
+			// #endif
+			this.oldScrollTop = scrollTop;
+			const scrollDiff = e.detail.scrollHeight - this.oldScrollTop;
+			!this.isIos && this._checkScrolledToBottom(scrollDiff);
+		},
+		//检测scrollView是否要铺满屏幕
+		_doCheckScrollViewShouldFullHeight(totalData) {
+			if (this.autoFullHeight && this.usePageScroll && this.isTotalChangeFromAddData) {
+				// #ifndef APP-NVUE
+				this.$nextTick(() => {
+					this._checkScrollViewShouldFullHeight((scrollViewNode, pagingContainerNode) => {
+						this._preCheckShowNoMoreInside(totalData, scrollViewNode, pagingContainerNode)
+					});
+				})
+				// #endif
+				// #ifdef APP-NVUE
+				this._preCheckShowNoMoreInside(totalData)
+				// #endif
+			} else {
+				this._preCheckShowNoMoreInside(totalData)
+			} 
+		},
+		//检测z-paging是否要全屏覆盖(当使用页面滚动并且不满全屏时，默认z-paging需要铺满全屏，避免数据过少时内部的empty-view无法正确展示)
+		async _checkScrollViewShouldFullHeight(callback) {
+			try {
+				const scrollViewNode = await this._getNodeClientRect('.zp-scroll-view');
+				const pagingContainerNode = await this._getNodeClientRect('.zp-paging-container-content');
+				if (!scrollViewNode || !pagingContainerNode) return;
+				const scrollViewHeight = pagingContainerNode[0].height;
+				const scrollViewTop = scrollViewNode[0].top;
+				if (this.isAddedData && scrollViewHeight + scrollViewTop <= this.windowHeight) {
+					this._setAutoHeight(true, scrollViewNode);
+					callback(scrollViewNode, pagingContainerNode);
+				} else {
+					this._setAutoHeight(false);
+					callback(null, null);
+				}
+			} catch (e) {
+				callback(null, null);
+			}
+		},
+		//scrollTop改变时触发
+		_scrollTopChange(newVal, isPageScrollTop){
+			this.$emit('scrollTopChange', newVal);
+			this.$emit('update:scrollTop', newVal);
+			this._checkShouldShowBackToTop(newVal);
+			const scrollTop = this.isIos ? (newVal > 5 ? 6 : 0) : newVal;
+			if (isPageScrollTop) {
+				this.wxsPageScrollTop = scrollTop;
+			} else {
+				this.wxsScrollTop = scrollTop;
+			}
+		},
+		//更新使用页面滚动时slot="top"或"bottom"插入view的高度
+		_updatePageScrollTopOrBottomHeight(type) {
+			// #ifndef APP-NVUE
+			if (!this.usePageScroll) return;
+			// #endif
+			this._doCheckScrollViewShouldFullHeight(this.realTotalData);
+			const node = `.zp-page-${type}`;
+			const marginText = `margin${type.slice(0,1).toUpperCase() + type.slice(1)}`;
+			let safeAreaInsetBottomAdd = this.safeAreaInsetBottom;
+			this.$nextTick(() => {
+				let delayTime = 0;
+				// #ifdef MP-BAIDU || APP-NVUE
+				delayTime = 50;
+				// #endif
+				u.delay(() => {
+					this._getNodeClientRect(node).then((res) => {
+						if (res) {
+							let pageScrollNodeHeight = res[0].height;
+							if (type === 'bottom') {
+								if (safeAreaInsetBottomAdd) {
+									pageScrollNodeHeight += this.safeAreaBottom;
+								}
+							} else {
+								this.cacheTopHeight = pageScrollNodeHeight;
+							}
+							this.$set(this.scrollViewStyle, marginText, `${pageScrollNodeHeight}px`);
+						} else if (safeAreaInsetBottomAdd) {
+							this.$set(this.scrollViewStyle, marginText, `${this.safeAreaBottom}px`);
+						}
+					});
+				}, delayTime)
+			})
+		},
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/modules/virtual-list.js b/src/uni_modules/z-paging/components/z-paging/js/modules/virtual-list.js
new file mode 100644
index 0000000..f713e84
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/modules/virtual-list.js
@@ -0,0 +1,395 @@
+// [z-paging]虚拟列表模块
+import u from '.././z-paging-utils'
+import c from '.././z-paging-constant'
+import Enum from '.././z-paging-enum'
+
+export default {
+	props: {
+		//是否使用虚拟列表，默认为否
+		useVirtualList: {
+			type: Boolean,
+			default: u.gc('useVirtualList', false)
+		},
+		//在使用虚拟列表时，是否使用兼容模式，默认为否
+		useCompatibilityMode: {
+			type: Boolean,
+			default: u.gc('useCompatibilityMode', false)
+		},
+		//使用兼容模式时传递的附加数据
+		extraData: {
+			type: Object,
+			default: function() {
+				return u.gc('extraData', {});
+			}
+		},
+		//是否在z-paging内部循环渲染列表(内置列表)，默认为否。若use-virtual-list为true，则此项恒为true
+		useInnerList: {
+			type: Boolean,
+			default: u.gc('useInnerList', false)
+		},
+		//强制关闭inner-list，默认为false，如果为true将强制关闭innerList，适用于开启了虚拟列表后需要强制关闭inner-list的情况
+		forceCloseInnerList: {
+			type: Boolean,
+			default: u.gc('forceCloseInnerList', false)
+		},
+		//内置列表cell的key名称，仅nvue有效，在nvue中开启use-inner-list时必须填此项
+		cellKeyName: {
+			type: String,
+			default: u.gc('cellKeyName', '')
+		},
+		//innerList样式
+		innerListStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('innerListStyle', {});
+			}
+		},
+		//innerCell样式
+		innerCellStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('innerCellStyle', {});
+			}
+		},
+		//预加载的列表可视范围(列表高度)页数，默认为7，即预加载当前页及上下各7页的cell。此数值越大，则虚拟列表中加载的dom越多，内存消耗越大(会维持在一个稳定值)，但增加预加载页面数量可缓解快速滚动短暂白屏问题
+		preloadPage: {
+			type: [Number, String],
+			default: u.gc('preloadPage', 7),
+			validator: (value) => {
+				if (value <= 0) u.consoleErr('preload-page必须大于0！');
+				return value > 0;
+			}
+		},
+		//虚拟列表cell高度模式，默认为fixed，也就是每个cell高度完全相同，将以第一个cell高度为准进行计算。可选值【dynamic】，即代表高度是动态非固定的，【dynamic】性能低于【fixed】。
+		cellHeightMode: {
+			type: String,
+			default: u.gc('cellHeightMode', Enum.CellHeightMode.Fixed)
+		},
+		//虚拟列表列数，默认为1。常用于每行有多列的情况，例如每行有2列数据，需要将此值设置为2
+		virtualListCol: {
+			type: [Number, String],
+			default: u.gc('virtualListCol', 1)
+		},
+		//虚拟列表scroll取样帧率，默认为80，过低容易出现白屏问题，过高容易出现卡顿问题
+		virtualScrollFps: {
+			type: [Number, String],
+			default: u.gc('virtualScrollFps', 80)
+		},
+	},
+	data() {
+		return {
+			virtualListKey: u.getInstanceId(),
+			virtualPageHeight: 0,
+			virtualCellHeight: 0,
+			virtualScrollTimeStamp: 0,
+			
+			virtualList: [],
+			virtualPlaceholderTopHeight: 0,
+			virtualPlaceholderBottomHeight: 0,
+			virtualTopRangeIndex: 0,
+			virtualBottomRangeIndex: 0,
+			lastVirtualTopRangeIndex: 0,
+			lastVirtualBottomRangeIndex: 0,
+			
+			virtualHeightCacheList: [],
+			
+			getCellHeightRetryCount: {
+				fixed: 0,
+				dynamic: 0
+			},
+			pagingOrgTop: -1,
+			updateVirtualListFromDataChange: false
+		}
+	},
+	watch: {
+		realTotalData(newVal) {
+			// #ifndef APP-NVUE
+			if (this.finalUseVirtualList) {
+				this.updateVirtualListFromDataChange = true;
+				this.$nextTick(() => {
+					this.getCellHeightRetryCount.fixed = 0;
+					!newVal.length && this._resetDynamicListState(!this.isUserPullDown);
+					newVal.length && this.cellHeightMode === Enum.CellHeightMode.Fixed && this.isFirstPage && this._updateFixedCellHeight();
+					this._updateVirtualScroll(this.oldScrollTop);
+				})
+			}
+			// #endif
+		},
+		virtualList(newVal){
+			this.$emit('update:virtualList', newVal);
+			this.$emit('virtualListChange', newVal);
+		}
+	},
+	computed: {
+		finalUseVirtualList() {
+			if (this.useVirtualList && this.usePageScroll){
+				u.consoleErr('使用页面滚动时，开启虚拟列表无效！');
+			}
+			return this.useVirtualList && !this.usePageScroll;
+		},
+		finalUseInnerList() {
+			return this.useInnerList || (this.finalUseVirtualList && !this.forceCloseInnerList);
+		},
+		finalCellKeyName() {
+			// #ifdef APP-NVUE
+			if (this.finalUseVirtualList && !this.cellKeyName.length){
+				u.consoleErr('在nvue中开启use-virtual-list必须设置cell-key-name，否则将可能导致列表渲染错误！');
+			}
+			// #endif
+			return this.cellKeyName;
+		},
+		finalVirtualPageHeight(){
+			return this.virtualPageHeight > 0 ? this.virtualPageHeight : this.windowHeight;
+		},
+		virtualRangePageHeight(){
+			return this.finalVirtualPageHeight * this.preloadPage;
+		},
+		virtualScrollDisTimeStamp() {
+			return 1000 / this.virtualScrollFps;
+		},
+	},
+	methods: {
+		//在使用动态高度虚拟列表时，手动更新指定cell的缓存高度(当cell高度在初始化之后再次改变时调用)，index代表需要更新的cell在列表中的位置，从0开始
+		didUpdateVirtualListCell(index) {
+			if (this.cellHeightMode !== Enum.CellHeightMode.Dynamic) return;
+			const currentNode = this.virtualHeightCacheList[index];
+			this._getNodeClientRect(`#zp-id-${index}`, this.finalUseInnerList).then(cellNode => {
+				const cellNodeHeight = cellNode ? cellNode[0].height : 0;
+				
+				const heightDis = cellNodeHeight - currentNode.height;
+				currentNode.height = cellNodeHeight;
+				currentNode.totalHeight = currentNode.lastHeight + cellNodeHeight;
+				
+				for (let i = index + 1; i < this.virtualHeightCacheList.length; i++) {
+					const thisNode = this.virtualHeightCacheList[i];
+					if (i === index + 1) {
+						thisNode.lastHeight = cellNodeHeight;
+					}
+					thisNode.totalHeight += heightDis;
+				}
+			});
+		},
+		//在使用动态高度虚拟列表时，若删除了列表数组中的某个item，需要调用此方法以更新高度缓存数组，index代表需要更新的cell在列表中的位置，从0开始
+		didDeleteVirtualListCell(index) {
+			if (this.cellHeightMode !== Enum.CellHeightMode.Dynamic) return;
+			const currentNode = this.virtualHeightCacheList[index];
+			for (let i = index + 1; i < this.virtualHeightCacheList.length; i++) {
+				const thisNode = this.virtualHeightCacheList[i];
+				if (i === index + 1) {
+					thisNode.lastHeight = currentNode.lastHeight;
+				}
+				thisNode.totalHeight -= currentNode.height;
+			}
+			this.virtualHeightCacheList.splice(index, 1);
+		},
+		//初始化虚拟列表
+		_virtualListInit() {
+			this.$nextTick(() => {
+				u.delay(() => {
+					this._getNodeClientRect('.zp-scroll-view').then(node => {
+						if (node) {
+							this.pagingOrgTop = node[0].top;
+							this.virtualPageHeight = node[0].height;
+						}
+					});
+				});
+			})
+		},
+		//cellHeightMode为fixed时获取第一个cell高度
+		_updateFixedCellHeight() {
+			this.$nextTick(() => {
+				u.delay(() => {
+					this._getNodeClientRect(`#zp-id-${0}`,this.finalUseInnerList).then(cellNode => {
+						if (!cellNode) {
+							if (this.getCellHeightRetryCount.fixed > 10) return;
+							this.getCellHeightRetryCount.fixed ++;
+							this._updateFixedCellHeight();
+						} else {
+							this.virtualCellHeight = cellNode[0].height;
+							this._updateVirtualScroll(this.oldScrollTop);
+						}
+					});
+				}, c.delayTime, 'updateFixedCellHeightDelay');
+			})
+		},
+		//cellHeightMode为dynamic时获取每个cell高度
+		_updateDynamicCellHeight(list) {
+			this.$nextTick(() => {
+				u.delay(async () => {
+					for (let i = 0; i < list.length; i++) {
+						let item = list[i];
+						const cellNode = await this._getNodeClientRect(`#zp-id-${item[c.listCellIndexKey]}`, this.finalUseInnerList);
+						const currentHeight = cellNode ? cellNode[0].height : 0;
+						if (!cellNode) {
+							this.virtualHeightCacheList = this.virtualHeightCacheList.slice(-i);
+							if (this.getCellHeightRetryCount.dynamic > 10) return;
+							this.getCellHeightRetryCount.dynamic ++;
+							this._updateDynamicCellHeight(list);
+							break;
+						}
+						const lastHeightCache = this.virtualHeightCacheList.length ? this.virtualHeightCacheList.slice(-1)[0] : null;
+						const lastHeight = lastHeightCache ? lastHeightCache.totalHeight : 0;
+						this.virtualHeightCacheList.push({
+							height: currentHeight,
+							lastHeight,
+							totalHeight: lastHeight + currentHeight
+						});
+					}
+					this._updateVirtualScroll(this.oldScrollTop);
+				}, c.delayTime, 'updateDynamicCellHeightDelay')
+			})
+		},
+		//设置cellItem的index
+		_setCellIndex(list, isFirstPage) {
+			let lastItemIndex = 0;
+			if (!isFirstPage) {
+				lastItemIndex = this.realTotalData.length;
+				const lastItem = this.realTotalData.length ? this.realTotalData.slice(-1)[0] : null;
+				if (lastItem && lastItem[c.listCellIndexKey] !== undefined) {
+					lastItemIndex = lastItem[c.listCellIndexKey] + 1;
+				}
+			} else {			
+				this._resetDynamicListState();
+			}
+			for (let i = 0; i < list.length; i++) {
+				let item = list[i];
+				if (!item || Object.prototype.toString.call(item) !== '[object Object]') {
+					item = { item };
+				}
+				item[c.listCellIndexKey] = lastItemIndex + i;
+				item[c.listCellIndexUniqueKey] = `${this.virtualListKey}-${item[c.listCellIndexKey]}`;
+				list[i] = item;
+			}
+			this.getCellHeightRetryCount.dynamic = 0;
+			this.cellHeightMode === Enum.CellHeightMode.Dynamic && this._updateDynamicCellHeight(list);
+		},
+		//更新scroll滚动
+		_updateVirtualScroll(scrollTop, scrollDiff = 0) {
+			const currentTimeStamp = u.getTime();
+			scrollTop === 0 && this._resetTopRange();
+			if (scrollTop !== 0 && this.virtualScrollTimeStamp && currentTimeStamp - this.virtualScrollTimeStamp <= this.virtualScrollDisTimeStamp) {
+				return;
+			}
+			this.virtualScrollTimeStamp = currentTimeStamp;
+			
+			let scrollIndex = 0;
+			const cellHeightMode = this.cellHeightMode;
+			if (cellHeightMode === Enum.CellHeightMode.Fixed) {
+				scrollIndex = parseInt(scrollTop / this.virtualCellHeight) || 0;
+				this._updateFixedTopRangeIndex(scrollIndex);
+				this._updateFixedBottomRangeIndex(scrollIndex);
+			} else if(cellHeightMode === Enum.CellHeightMode.Dynamic) {
+				const scrollDirection = scrollDiff > 0 ? 'top' : 'bottom';
+				const rangePageHeight = this.virtualRangePageHeight;
+				const topRangePageOffset = scrollTop - rangePageHeight;
+				const bottomRangePageOffset = scrollTop + this.finalVirtualPageHeight + rangePageHeight;
+				
+				let virtualBottomRangeIndex = 0;
+				let virtualPlaceholderBottomHeight = 0;
+				let reachedLimitBottom = false;
+				const heightCacheList = this.virtualHeightCacheList;
+				const lastHeightCache = !!heightCacheList ? heightCacheList.slice(-1)[0] : null;
+				
+				let startTopRangeIndex = this.virtualTopRangeIndex;
+				if (scrollDirection === 'bottom') {
+					for (let i = startTopRangeIndex; i < heightCacheList.length; i++){
+						const heightCacheItem = heightCacheList[i];
+						if (heightCacheItem && heightCacheItem.totalHeight > topRangePageOffset) {
+							this.virtualTopRangeIndex = i;
+							this.virtualPlaceholderTopHeight = heightCacheItem.lastHeight;
+							break;
+						}
+					}
+				} else {
+					let topRangeMatched = false;
+					for (let i = startTopRangeIndex; i >= 0; i--){
+						const heightCacheItem = heightCacheList[i];
+						if (heightCacheItem && heightCacheItem.totalHeight < topRangePageOffset) {
+							this.virtualTopRangeIndex = i;
+							this.virtualPlaceholderTopHeight = heightCacheItem.lastHeight;
+							topRangeMatched = true;
+							break;
+						}
+					}
+					!topRangeMatched && this._resetTopRange();
+				}
+				for (let i = this.virtualTopRangeIndex; i < heightCacheList.length; i++){
+					const heightCacheItem = heightCacheList[i];
+					if (heightCacheItem && heightCacheItem.totalHeight > bottomRangePageOffset) {
+						virtualBottomRangeIndex = i;
+						virtualPlaceholderBottomHeight = lastHeightCache.totalHeight - heightCacheItem.totalHeight;
+						reachedLimitBottom = true;
+						break;
+					}
+				}
+				if (!reachedLimitBottom || this.virtualBottomRangeIndex === 0) {
+					this.virtualBottomRangeIndex = this.realTotalData.length ? this.realTotalData.length - 1 : this.pageSize;
+					this.virtualPlaceholderBottomHeight = 0;
+				} else {
+					this.virtualBottomRangeIndex = virtualBottomRangeIndex;
+					this.virtualPlaceholderBottomHeight = virtualPlaceholderBottomHeight;
+				}
+				this._updateVirtualList();
+			}
+		},
+		//更新fixedCell模式下topRangeIndex&placeholderTopHeight
+		_updateFixedTopRangeIndex(scrollIndex) {
+			let virtualTopRangeIndex = this.virtualCellHeight === 0 ? 0 : scrollIndex - parseInt(this.finalVirtualPageHeight / this.virtualCellHeight) * this.preloadPage;
+			virtualTopRangeIndex *= this.virtualListCol;
+			virtualTopRangeIndex = Math.max(0, virtualTopRangeIndex);
+			this.virtualTopRangeIndex = virtualTopRangeIndex;
+			this.virtualPlaceholderTopHeight = (virtualTopRangeIndex / this.virtualListCol) * this.virtualCellHeight;
+		},
+		//更新fixedCell模式下bottomRangeIndex&placeholderBottomHeight
+		_updateFixedBottomRangeIndex(scrollIndex) {
+			let virtualBottomRangeIndex = this.virtualCellHeight === 0 ? this.pageSize : scrollIndex + parseInt(this.finalVirtualPageHeight / this.virtualCellHeight) * (this.preloadPage + 1);
+			virtualBottomRangeIndex *= this.virtualListCol;
+			virtualBottomRangeIndex = Math.min(this.realTotalData.length, virtualBottomRangeIndex);
+			this.virtualBottomRangeIndex = virtualBottomRangeIndex;
+			this.virtualPlaceholderBottomHeight = (this.realTotalData.length - virtualBottomRangeIndex) * this.virtualCellHeight / this.virtualListCol;
+			this._updateVirtualList();
+		},
+		//更新virtualList
+		_updateVirtualList() {
+			const shouldUpdateList = this.updateVirtualListFromDataChange || (this.lastVirtualTopRangeIndex !== this.virtualTopRangeIndex || this.lastVirtualBottomRangeIndex !== this.virtualBottomRangeIndex);
+			if (shouldUpdateList) {
+				this.updateVirtualListFromDataChange = false;
+				this.lastVirtualTopRangeIndex =  this.virtualTopRangeIndex;
+				this.lastVirtualBottomRangeIndex = this.virtualBottomRangeIndex;
+				this.virtualList = this.realTotalData.slice(this.virtualTopRangeIndex, this.virtualBottomRangeIndex + 1);
+			}
+		},
+		//重置动态cell模式下的高度缓存数据、虚拟列表和滚动状态
+		_resetDynamicListState(resetVirtualList = false) {
+			this.virtualHeightCacheList = [];
+			if (resetVirtualList) {
+				this.virtualList = [];
+			}
+			this.virtualTopRangeIndex = 0;
+			this.virtualPlaceholderTopHeight = 0;
+		},
+		//重置topRangeIndex和placeholderTopHeight
+		_resetTopRange() {
+			this.virtualTopRangeIndex = 0;
+			this.virtualPlaceholderTopHeight = 0;
+			this._updateVirtualList();
+		},
+		//检测虚拟列表当前滚动位置，如发现滚动位置不正确则重新计算虚拟列表相关参数(为解决在App中可能出现的长时间进入后台后打开App白屏的问题)
+		_checkVirtualListScroll() {
+			if (this.finalUseVirtualList) {
+				this.$nextTick(() => {
+					this._getNodeClientRect('.zp-paging-touch-view').then(node => {
+						const currentTop = node ? node[0].top : 0;
+						if (!node || (currentTop === this.pagingOrgTop && this.virtualPlaceholderTopHeight !== 0)) {
+							this._updateVirtualScroll(0);
+						}
+					});
+				})
+			}
+		},
+		//处理使用内置列表时点击了cell事件
+		_innerCellClick(item, index) {
+			this.$emit('innerCellClick', item, index);
+		}
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-config.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-config.js
new file mode 100644
index 0000000..c7b714e
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-config.js
@@ -0,0 +1,21 @@
+// [z-paging]处理main.js中的配置信息工具
+
+let config = null;
+let getedStorage = false;
+const storageKey = 'Z-PAGING-CONFIG-STORAGE-KEY'
+
+function setConfig(value) {
+	uni.setStorageSync(storageKey, value);
+}
+
+function getConfig() {
+	if (getedStorage) return config;
+	config = uni.getStorageSync(storageKey);
+	getedStorage = true;
+	return config;
+}
+
+export default {
+	setConfig,
+	getConfig
+};
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-constant.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-constant.js
new file mode 100644
index 0000000..587c7fb
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-constant.js
@@ -0,0 +1,12 @@
+// [z-paging]常量
+
+export default {
+	version: '2.5.7',
+	delayTime: 100,
+	errorUpdateKey: 'z-paging-error-emit',
+	completeUpdateKey: 'z-paging-complete-emit',
+	cachePrefixKey: 'z-paging-cache',
+	
+	listCellIndexKey: 'zp_index',
+	listCellIndexUniqueKey: 'zp_unique_index'
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-enum.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-enum.js
new file mode 100644
index 0000000..17ad63a
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-enum.js
@@ -0,0 +1,44 @@
+// [z-paging]枚举
+
+export default {
+	//当前加载类型 0.下拉刷新 1.上拉加载更多
+	LoadingType: {
+		Refresher: 0,
+		LoadingMore: 1
+	},
+	//下拉刷新状态 0.默认状态 1.松手立即刷新 2.刷新中 3.刷新结束
+	Refresher: {
+		Default: 0,
+		ReleaseToRefresh: 1,
+		Loading: 2,
+		Complete: 3
+	},
+	//底部加载更多状态 0.默认状态 1.加载中 2.没有更多数据 3.加载失败
+	More: {
+		Default: 0,
+		Loading: 1,
+		NoMore: 2,
+		Fail: 3
+	},
+	//@query触发来源 0.用户主动下拉刷新 1.通过reload触发 2.通过refresh触发 3.通过滚动到底部加载更多或点击底部加载更多触发
+	QueryFrom: {
+		UserPullDown: 0,
+		Reload: 1,
+		Refresh: 2,
+		LoadingMore: 3
+	},
+	//虚拟列表cell高度模式
+	CellHeightMode: {
+		//固定高度
+		Fixed: 'fixed',
+		//动态高度
+		Dynamic: 'dynamic'
+	},
+	//列表缓存模式
+	CacheMode: {
+		//默认模式，只会缓存一次
+		Default: 'default',
+		//总是缓存，每次列表刷新(下拉刷新、调用reload等)都会更新缓存
+		Always: 'always'
+	}
+}
\ No newline at end of file
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-interceptor.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-interceptor.js
new file mode 100644
index 0000000..d0e9b2b
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-interceptor.js
@@ -0,0 +1,48 @@
+// [z-paging]拦截器
+
+//拦截&处理@query事件
+function handleQuery(callback) {
+	try {
+		setTimeout(function() {
+			_getApp().globalData.zp_handleQueryCallback = callback;
+		}, 1);
+	} catch (e) {}
+}
+
+//拦截&处理@query事件(私有，请勿调用)
+function _handleQuery(pageNo, pageSize, from, lastItem){
+	const callback = _getApp().globalData.zp_handleQueryCallback;
+	return callback ? callback(pageNo, pageSize, from, lastItem) : [pageNo, pageSize, from];
+}
+
+//拦截&处理系统language转i18n local
+function handleLanguage2Local(callback) {
+	try {
+		setTimeout(function() {
+			_getApp().globalData.zp_handleLanguage2LocalCallback = callback;
+		}, 1);
+	} catch (e) {}
+}
+
+//拦截&处理系统language转i18n local(私有，请勿调用)
+function _handleLanguage2Local(language, local){
+	const callback = _getApp().globalData.zp_handleLanguage2LocalCallback;
+	return callback ? callback(language, local) : local;
+}
+
+//获取当前app对象
+function _getApp(){
+	// #ifndef APP-NVUE
+	return getApp();
+	// #endif
+	// #ifdef APP-NVUE
+	return getApp({ allowDefault: true });
+	// #endif
+}
+
+export default {
+	handleQuery,
+	_handleQuery,
+	handleLanguage2Local,
+	_handleLanguage2Local
+};
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-main.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-main.js
new file mode 100644
index 0000000..44e43b7
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-main.js
@@ -0,0 +1,423 @@
+// [z-paging]核心js
+
+import zStatic from './z-paging-static'
+import c from './z-paging-constant'
+import u from './z-paging-utils'
+
+import zPagingRefresh from '../components/z-paging-refresh'
+import zPagingLoadMore from '../components/z-paging-load-more'
+import zPagingEmptyView from '../../z-paging-empty-view/z-paging-empty-view'
+
+// modules
+import commonLayoutModule from './modules/common-layout'
+import dataHandleModule from './modules/data-handle'
+import i18nModule from './modules/i18n'
+import nvueModule from './modules/nvue'
+import emptyModule from './modules/empty'
+import refresherModule from './modules/refresher'
+import loadMoreModule from './modules/load-more'
+import loadingModule from './modules/loading'
+import scrollerModule from './modules/scroller'
+import backToTopModule from './modules/back-to-top'
+import virtualListModule from './modules/virtual-list'
+
+import Enum from './z-paging-enum'
+
+const systemInfo = uni.getSystemInfoSync();
+
+export default {
+	name: "z-paging",
+	components: {
+		zPagingRefresh,
+		zPagingLoadMore,
+		zPagingEmptyView
+	},
+	mixins: [
+		commonLayoutModule,
+		dataHandleModule,
+		i18nModule,
+		nvueModule,
+		emptyModule,
+		refresherModule,
+		loadMoreModule,
+		loadingModule,
+		scrollerModule,
+		backToTopModule,
+		virtualListModule
+	],
+	data() {
+		return {
+			//--------------静态资源---------------
+			base64Arrow: zStatic.base64Arrow,
+			base64Flower: zStatic.base64Flower,
+			base64BackToTop: zStatic.base64BackToTop,
+
+			//-------------全局数据相关--------------
+			//当前加载类型
+			loadingType: Enum.LoadingType.Refresher,
+			requestTimeStamp: 0,
+			chatRecordLoadingMoreText: '',
+			wxsPropType: '',
+			renderPropScrollTop: -1,
+			checkScrolledToBottomTimeOut: null,
+			cacheTopHeight: -1,
+
+			//--------------状态&判断---------------
+			insideOfPaging: -1,
+			isLoadFailed: false,
+			isIos: systemInfo.platform === 'ios',
+			disabledBounce: false,
+			fromCompleteEmit: false,
+			disabledCompleteEmit: false,
+			
+			//---------------wxs相关---------------
+			wxsIsScrollTopInTopRange: true,
+			wxsScrollTop: 0,
+			wxsPageScrollTop: 0,
+			wxsOnPullingDown: false,
+		};
+	},
+	props: {
+		//调用complete后延迟处理的时间，单位为毫秒，默认0毫秒，优先级高于minDelay
+		delay: {
+			type: [Number, String],
+			default: u.gc('delay', 0),
+		},
+		//触发@query后最小延迟处理的时间，单位为毫秒，默认0毫秒，优先级低于delay（假设设置为300毫秒，若分页请求时间小于300毫秒，则在调用complete后延迟[300毫秒-请求时长]；若请求时长大于300毫秒，则不延迟），当show-refresher-when-reload为true或reload(true)时，其最小值为400
+		minDelay: {
+			type: [Number, String],
+			default: u.gc('minDelay', 0),
+		},
+		//设置z-paging的style，部分平台(如微信小程序)无法直接修改组件的style，可使用此属性代替
+		pagingStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('pagingStyle', {});
+			},
+		},
+		//z-paging的高度，优先级低于pagingStyle中设置的height；传字符串，如100px、100rpx、100%
+		height: {
+			type: String,
+			default: u.gc('height', '')
+		},
+		//z-paging的宽度，优先级低于pagingStyle中设置的width；传字符串，如100px、100rpx、100%
+		width: {
+			type: String,
+			default: u.gc('width', '')
+		},
+		//z-paging的背景色，优先级低于pagingStyle中设置的background。传字符串，如"#ffffff"
+		bgColor: {
+			type: String,
+			default: u.gc('bgColor', '')
+		},
+		//设置z-paging的容器(插槽的父view)的style
+		pagingContentStyle: {
+			type: Object,
+			default: function() {
+				return u.gc('pagingContentStyle', {});
+			},
+		},
+		//z-paging是否自动高度，若自动高度则会自动铺满屏幕
+		autoHeight: {
+			type: Boolean,
+			default: u.gc('autoHeight', false)
+		},
+		//z-paging是否自动高度时，附加的高度，注意添加单位px或rpx，若需要减少高度，则传负数
+		autoHeightAddition: {
+			type: [Number, String],
+			default: u.gc('autoHeightAddition', '0px')
+		},
+		//loading(下拉刷新、上拉加载更多)的主题样式，支持black，white，默认black
+		defaultThemeStyle: {
+			type: String,
+			default: u.gc('defaultThemeStyle', 'black')
+		},
+		//z-paging是否使用fixed布局，若使用fixed布局，则z-paging的父view无需固定高度，z-paging高度默认为100%，默认为是(当使用内置scroll-view滚动时有效)
+		fixed: {
+			type: Boolean,
+			default: u.gc('fixed', true)
+		},
+		//是否开启底部安全区域适配
+		safeAreaInsetBottom: {
+			type: Boolean,
+			default: u.gc('safeAreaInsetBottom', false)
+		},
+		//开启底部安全区域适配后，是否使用placeholder形式实现，默认为否。为否时滚动区域会自动避开底部安全区域，也就是所有滚动内容都不会挡住底部安全区域，若设置为是，则滚动时滚动内容会挡住底部安全区域，但是当滚动到底部时才会避开底部安全区域
+		useSafeAreaPlaceholder: {
+			type: Boolean,
+			default: u.gc('useSafeAreaPlaceholder', false)
+		},
+		//slot="top"的view的z-index，默认为99，仅使用页面滚动时有效
+		topZIndex: {
+			type: Number,
+			default: u.gc('topZIndex', 99)
+		},
+		//z-paging内容容器父view的z-index，默认为1
+		superContentZIndex: {
+			type: Number,
+			default: u.gc('superContentZIndex', 1)
+		},
+		//z-paging内容容器部分的z-index，默认为10
+		contentZIndex: {
+			type: Number,
+			default: u.gc('contentZIndex', 10)
+		},
+		//使用页面滚动时，是否在不满屏时自动填充满屏幕，默认为是
+		autoFullHeight: {
+			type: Boolean,
+			default: u.gc('autoFullHeight', true)
+		},
+		//是否监听列表触摸方向改变，默认为否
+		watchTouchDirectionChange: {
+			type: Boolean,
+			default: u.gc('watchTouchDirectionChange', false)
+		},
+	},
+	created(){
+		if (this.createdReload && !this.refresherOnly && this.auto) {
+			this._startLoading();
+			this._preReload();
+		}
+	},
+	mounted() {
+		this.wxsPropType = u.getTime().toString();
+		this.renderJsIgnore;
+		if (!this.createdReload && !this.refresherOnly && this.auto) {
+			this.$nextTick(this._preReload);
+		}
+		this.finalUseCache && this._setListByLocalCache();
+		let delay = 0;
+		// #ifdef H5 || MP
+		delay = 100;
+		// #endif
+		this.$nextTick(() => {
+			this.systemInfo = uni.getSystemInfoSync();
+			!this.usePageScroll && this.autoHeight && this._setAutoHeight();
+			this.loaded = true;
+		})
+		this.updatePageScrollTopHeight();
+		this.updatePageScrollBottomHeight();
+		this.updateLeftAndRightWidth();
+		if (this.finalRefresherEnabled && this.useCustomRefresher) {
+			this.$nextTick(() => {
+				this.isTouchmoving = true;
+			})
+		}
+		this._onEmit();
+		// #ifdef APP-NVUE
+		if (!this.isIos && !this.useChatRecordMode) {
+			this.nLoadingMoreFixedHeight = true;
+		}
+		this._nUpdateRefresherWidth();
+		// #endif
+		// #ifndef APP-NVUE
+		this.finalUseVirtualList && this._virtualListInit();
+		// #endif
+		// #ifndef APP-PLUS
+		this.$nextTick(() => {
+			setTimeout(() => {
+				this._getCssSafeAreaInsetBottom(() => this.safeAreaInsetBottom && this.updatePageScrollBottomHeight());
+			}, delay)
+		})
+		// #endif
+	},
+	destroyed() {
+		this._offEmit();
+	},
+	// #ifdef VUE3
+	unmounted() {
+		this._offEmit();
+	},
+	// #endif
+	watch: {
+		defaultThemeStyle: {
+			handler(newVal) {
+				if (newVal.length) {
+					this.finalRefresherDefaultStyle = newVal;
+				}
+			},
+			immediate: true
+		},
+		autoHeight(newVal) {
+			this.loaded && !this.usePageScroll && this._setAutoHeight(newVal);
+		},
+		autoHeightAddition(newVal) {
+			this.loaded && !this.usePageScroll && this.autoHeight && this._setAutoHeight(newVal);
+		},
+	},
+	computed: {
+		finalPagingStyle() {
+			const pagingStyle = this.pagingStyle;
+			if (!this.systemInfo) return pagingStyle;
+			const { windowTop, windowBottom } = this;
+			if (!this.usePageScroll && this.fixed) {
+				if (windowTop && !pagingStyle.top) {
+					pagingStyle.top = windowTop + 'px';
+				}
+				if (windowBottom && !pagingStyle.bottom) {
+					pagingStyle.bottom = windowBottom + 'px';
+				}
+			}
+			if (this.bgColor.length && !pagingStyle['background']) {
+				pagingStyle['background'] = this.bgColor;
+			}
+			if (this.height.length && !pagingStyle['height']) {
+				pagingStyle['height'] = this.height;
+			}
+			if (this.width.length && !pagingStyle['width']) {
+				pagingStyle['width'] = this.width;
+			}
+			return pagingStyle;
+		},
+		finalLowerThreshold() {
+			return u.convertToPx(this.lowerThreshold);
+		},
+		finalPagingContentStyle() {
+			if (this.contentZIndex != 1) {
+				this.pagingContentStyle['z-index'] = this.contentZIndex;
+				this.pagingContentStyle['position'] = 'relative';
+			}
+			return this.pagingContentStyle;
+		},
+		renderJsIgnore() {
+			if ((this.usePageScroll && this.useChatRecordMode) || !this.refresherEnabled || !this.useCustomRefresher) {
+				this.$nextTick(() => {
+					this.renderPropScrollTop = 10;
+				})
+			}
+			return 0;
+		},
+		windowHeight() {
+			if (!this.systemInfo) return 0;
+			return this.systemInfo.windowHeight || 0;
+		},
+		windowBottom() {
+			if (!this.systemInfo) return 0;
+			let windowBottom = this.systemInfo.windowBottom || 0;
+			if (this.safeAreaInsetBottom && !this.useSafeAreaPlaceholder) {
+				windowBottom += this.safeAreaBottom;
+			}
+			return windowBottom;
+		},
+		isIosAndH5() {
+			// #ifndef H5
+			return false;
+			// #endif
+			return this.isIos;
+		}
+	},
+	methods: {
+		//当前版本号
+		getVersion() {
+			return `z-paging v${c.version}`;
+		},
+		//设置nvue List的specialEffects
+		setSpecialEffects(args) {
+			this.setListSpecialEffects(args);
+		},
+		//与setSpecialEffects等效，兼容旧版本
+		setListSpecialEffects(args) {
+			this.nFixFreezing = args && Object.keys(args).length;
+			if (this.isIos) {
+				this.privateRefresherEnabled = 0;
+			}
+			!this.usePageScroll && this.$refs['zp-n-list'].setSpecialEffects(args);
+		},
+		//使手机发生较短时间的振动（15ms）
+		_doVibrateShort() {
+			// #ifdef APP-PLUS
+			if (this.isIos) {
+				const UISelectionFeedbackGenerator = plus.ios.importClass('UISelectionFeedbackGenerator');
+				const feedbackGenerator = new UISelectionFeedbackGenerator();
+				feedbackGenerator.init();
+				setTimeout(() => {
+					feedbackGenerator.selectionChanged();
+				}, 0)
+			} else {
+				plus.device.vibrate(15);
+			}
+			// #endif
+			// #ifndef APP-PLUS
+			uni.vibrateShort();
+			// #endif
+		},
+		//设置z-paging高度
+		async _setAutoHeight(shouldFullHeight = true, scrollViewNode = null) {
+			let heightKey = 'min-height';
+			// #ifndef APP-NVUE
+			heightKey = 'min-height';
+			// #endif
+			try {
+				if (shouldFullHeight) {
+					let finalScrollViewNode = scrollViewNode || await this._getNodeClientRect('.zp-scroll-view');
+					let finalScrollBottomNode = await this._getNodeClientRect('.zp-page-bottom');
+					if (finalScrollViewNode) {
+						const scrollViewTop = finalScrollViewNode[0].top;
+						let scrollViewHeight = this.windowHeight - scrollViewTop;
+						scrollViewHeight -= finalScrollBottomNode ? finalScrollBottomNode[0].height : 0;
+						const additionHeight = u.convertToPx(this.autoHeightAddition);
+						const finalHeight = scrollViewHeight + additionHeight - (this.insideMore ? 1 : 0) + 'px !important';
+						this.$set(this.scrollViewStyle, heightKey, finalHeight);
+						this.$set(this.scrollViewInStyle, heightKey, finalHeight);
+					}
+				} else {
+					this.$delete(this.scrollViewStyle, heightKey);
+					this.$delete(this.scrollViewInStyle, heightKey);
+				}
+			} catch (e) {}
+		},
+		//触发更新是否超出页面状态
+		_updateInsideOfPaging() {
+			this.insideMore && this.insideOfPaging === true && setTimeout(this.doLoadMore, 200)
+		},
+		//清除timeout
+		_cleanTimeout(timeout) {
+			if (timeout) {
+				clearTimeout(timeout);
+				timeout = null;
+			}
+			return timeout;
+		},
+		//添加全局emit监听
+		_onEmit() {
+			uni.$on(c.errorUpdateKey, () => {
+				this.loading && this.complete(false);
+			})
+			uni.$on(c.completeUpdateKey, (data) => {
+				setTimeout(() => {
+					if (this.loading) {
+						if (!this.disabledCompleteEmit) {
+							const type = data.type || 'normal';
+							const list = data.list || data;
+							const rule = data.rule;
+							this.fromCompleteEmit = true;
+							switch (type){
+								case 'normal':
+									this.complete(list);
+									break;
+								case 'total':
+									this.completeByTotal(list, rule);
+									break;
+								case 'nomore':
+									this.completeByNoMore(list, rule);
+									break;
+								case 'key':
+									this.completeByKey(list, rule);
+									break;
+								default:
+									break;
+							}
+						} else {
+							this.disabledCompleteEmit = false;
+						}
+					}
+				}, 1);
+			})
+		},
+		//销毁全局emit和listener监听
+		_offEmit(){
+			uni.$off(c.errorUpdateKey);
+			uni.$off(c.completeUpdateKey);
+		}
+	},
+};
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-mixin.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-mixin.js
new file mode 100644
index 0000000..da720f4
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-mixin.js
@@ -0,0 +1,22 @@
+// [z-paging]使用页面滚动时引入此mixin，用于监听和处理onPullDownRefresh等页面生命周期方法
+
+export default {
+	onPullDownRefresh() {
+		if (this.isPagingRefNotFound()) return;
+		this.$refs.paging.reload();
+	},
+	onPageScroll(e) {
+		if (this.isPagingRefNotFound()) return;
+		this.$refs.paging.updatePageScrollTop(e.scrollTop);
+		e.scrollTop < 10 && this.$refs.paging.doChatRecordLoadMore();
+	},
+	onReachBottom() {
+		if (this.isPagingRefNotFound()) return;
+		this.$refs.paging.pageReachBottom();
+	},
+	methods: {
+		isPagingRefNotFound() {
+			return !this.$refs.paging;
+		}
+	}
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-static.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-static.js
new file mode 100644
index 0000000..05f80d5
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-static.js
@@ -0,0 +1,13 @@
+// [z-paging]公用的静态图片资源
+
+export default {
+	base64Arrow: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAD1BMVEVHcExRUVFMTExRUVFRUVE9CdWsAAAABHRSTlMAjjrY9ZnUjwAAAQFJREFUWMPt2MsNgzAMgGEEE1B1gKJmAIRYoCH7z9RCXrabh33iYktcIv35EEg5ZBh07pvxJU6MFSPOSRnjnBUjUsaciRUjMsb4xIoRCWNiYsUInzE5sWKEyxiYWDbyefqHx1zIeiYTk7mQYziTYecxHvEJjwmIT3hMQELCYSISEg4TkZj0mYTEpM8kJCU9JiMp6TEZyUmbAUhO2gxAQNJiIAKSFgMRmNQZhMCkziAEJTUGIyipMRjBSZkhCE7KDEFIUmTeGCHJxWz0zXaE0GTCG8ZFtEaS347r/1fe11YyHYVfubxayfjoHmc0YYwmmmiiiSaaaKLJ7ckyz5ve+dw3Xw2emdwm9xSbAAAAAElFTkSuQmCC',
+	base64ArrowWhite: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAElBMVEVHcEz///////////////////+IGTx/AAAABnRSTlMA/dAkXZOhASU/AAABYElEQVRYw+2YwXLCIBCGsdAHWGbyAKZ4zxi9O017rxLf/1UaWFAgA1m8dcpedNSPf/l/Vh0Ya/Wn6hN0JcGvoCqRM4C8VBFiDwBqqNuJKV0rAnCgy3AUqZE57x0iqTL8Br4U3WBf/YWaIlTKfAcELU/h9w72CSVPa3C3OCDvhpHbRp/s2vq4fHhCeiCl2A3m4Qd71DQR257mFBlMcTlbFnFWzNtHxewYEfSiaLS4el8d8nyhmKJd1CF4eOS0keLMAuSxubLBIeIGQW8YHCFFo7EH9+YDcQt9FMZEswTheaNxTHwHT8SZorJjMrEVwo4Zo0U8HSEyZvJMOg4RjnmmRr8nDYeIz3OMkbfE/QhBo+U9RnZJxjGCRh/WKmHEMWLNkfPKsGh/CWJk1JjG0kcuJggTt34VDP8aWAFhp4nybVb5+9qQhjSkIQ1pSEMa8k+Q5U9rV3dF8MpFBK+/7miVq1/HZ2qmo9D+pAAAAABJRU5ErkJggg==',
+	base64Flower: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAKlBMVEVHcEzDw8Ovr6+pqamUlJTCwsKenp61tbWxsbGysrLNzc2bm5u5ubmjo6MpovhuAAAACnRSTlMA/P79/sHDhiZS0DxZowAABBBJREFUWMPtl89rE0EUx7ctTXatB3MI1SWnDbUKPUgXqh4ED8Uf7KUVSm3ooVSpSii0Fn/gD4j4o+APiEoVmos9FO2celiqZVgwgaKHPQiCCkv+F99kM7Ozm5kxq1dfD91k9pPve9/3ZjbRNHHok/mKli4eIPNgSuRObuN9SqSEzM20iGnm0yIbqCuV7NSSSIV7uyPM6JMBYdeTOanh/QihJYZsUCSby+VkMj2AvOt0rAeQAwqE3lfKMZVlQCZk1QOCKkkVPadITCfIRNKxfoJI5+0OIFtJx14CMSg1mRSDko7VAfksRQzEbGYqxOJcVTWMCH2I1/IACNW0PWU2M8cmAVHtnH5mM1VRWtwKZjOd5JbF6s1IbaYqaotjNlPHgDAnlAizubTR6ovMYn052g/U5qcmOpi0WL8xTS/3IfSet5m8MEr5ajjF5le6dq/OJpobrdY0t3i9QgefWrxW9/1BLhk0E9m8FeUMhhXal499iD0eQRfDF+ts/tttORRerfp+oV7f4xJj82iUYm1Yzod+ZQEAlS/8mMBwKebVmCVp1f0JLS6zKd17+iwRKTARVg2SHtz3iEbBH+Q+U28zW2Jiza8Tjb1YFoYZMsJyjDqp3M9XBQdSdPLFdxEpvOB37JrHcmR/y9+LgoTlCFGZEa2sc6d4PGlweEa2JSVPoVm+IfGG3ZL037iV9oH+P+Jxc4HGVflNq1M0pivao/EopO4b/ojVCP9GjmiXOeS0DOn1o/iiccT4ORnyvBGF3yUywkQajW4Ti0SGuiy/wVSg/L8w+X/8Q+hvUx8Xd90z4oV5a1i88MbFWHz0WZZ1UrTwBGPX3Rat9AFiXRMRjoMdIdJLEOt2h7jrYOzgOamKZSWSNspOS0X8SAqRYmxRL7sg4eLzYmNehcxh3uoyud/BH2Udux4ywxFTc1xC7Mgf4vMhc5S+kSH3Y7yj+qpwIWSoPTVCOOPVthGx9FbGqrwFw6wSFxJr+17zeKcztt3u+2roAEVgUjDd+AHGuxHy2rZHaa8JMkTHEeyi85ANPO9j9BVuBRD2FY5LDMo/Sz/2hReqGIs/KiFin+CsPsYO/yvM3jL2vE8EbX7/Bf8ejtr2GLN65bioAdgLd8Bis/mD5GmP2qeqyo2ZwQEOtAjRIDH7mBKpUcMoApbZJ5UIxkEwxyMZyMxW/uKFvHCFR3SSmerHyDNQ2dF4JG6zIMpBgLfjSF9x1D6smFcYnGApjmSLICO3ecCDWrQ48geba9DI3STy2i7ax6WIB62fSyIZIiO3GFQqSURp8wCo7GhJBGwuSovJBNjb7kT6FPVnIa9qJ2Ko+l9mefGIdinaMp0yC1URYiwsdfNE45EuA5Cx9EhalfvN5s+UyItm81vaB3p4joniN+SCP7Qc1hblAAAAAElFTkSuQmCC',
+	base64FlowerWhite: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAElBMVEX///9HcEz///////////////84chYNAAAABnRSTlP/AGzCOYZj5g1nAAACfklEQVRYw+2YTVPDIBCGtza9Jw25a0bvcax30o73OOr//yvma2F3YWlpPTijXNpAHrK8LLALVPFium2vNIFSbwGKTGQA2GUiHcD29yDNy3sMIdUBQl7r2H8mOEVqAHgPkYZUS6Qc2zYhQqtjyDZEximCZwWZLIBeIgYShs2NzxKpSUehYpMJhURGb+O+w5BpMCAREKPnCDHbIY20SzhM5yxziAXpOiBXydrekT9i5XDEq4NIIHHgyU5mRGqviII4mREJJA4QJzMiILwlRJzpKxJKvCBm8OsBBbLux0tsPl4RKYm5aPu6jw1U4mGxEUR9g8M1PcqBEp/WJliNgYOXueBzS4jZSIcgY5lCtevgDSgyzE+rAfuOTQMq0yzvoGH18qju27Mayzs4fPyMziCx81NJa5RNfW7vPYK9KOfDiVkBxFHG8hAj9txuoBuSWORsFfkpBf7xKFLSeaOefEojh5jz22DJEqMP8fUyaKdQx+RnG+yXMpe8Aars8ueR1pVH/bW3FyyvPRw90upLDHwpgBDtg4aUBNkxRLXMAi03IhcZtr1m+FeI/O/JNyDmmL1djLOauSlNflBpW18RQ2bPqXI22MXXEk75KRHTnkPkYbESbdKP2ZFk0r5sIwffAjy1lx+vx7NLjB6/E7Jfv5ERKhzpN0w8IDE8IGFDv5dhz10s7GFiXRZcUeLCEG5P5nDq9k4PFDcoMpE3GY4OuxuCXhmuyNB6k0RsLIAvqp9NE5r8ZCSS8gxnUp7ODdYhZTqxuiJ9uyJJtPmpqJ7wVj+XVieS903iViHziqAhchLEJAyb7jWU647EpUofQ0ziUuXXXhDddtlllSwjgSQu7r4BRWhQqfDPMVwAAAAASUVORK5CYII=',
+	base64Success: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAElBMVEVRUVFHcExTU1NRUVFRUVFRUVFOSlSUAAAABnRSTlP/AI6+VySB3ZENAAACcElEQVRYw+2YyYKCMAyGI8hdpdxdZu7gcpdZ7jL6/s8yYheSNi0aPdqbwOffpGmaFOYPD3gj4bisN7vddv17N/JVgxn5x12IWgIaWTuO/IE3PseQbwjGPo2cgRmHFLJwdm/X643zwiqOKPPJ1nj3sjEP2iiifZWj5bhopSyGaEO2HX5fbQJzwJ+W7x/jw5ZFjsEU0PMph9xE8i5EqprKALW95eJQURkgzw98uJ/JvwGecR7bIjWWsUgVrrIfFZ2HlLy3sKETD1mmRLRMRhGVssRa0xJkdn3SpJBymBkM8+pSSDXMDNyDaToVHd2fgpNt0sjwiUZO19+jGQ+gQEg9Oq+bufmAVGihomNmjQG7UG3020vrlm7lkFnKFGU3kZ0KGAdmKe821pipQ+qEKcrZeTL2g5FsUks4cStjEZWwXg0b0n4GxmEpkWwIs5VBynjgK7xZaz1/0D7OxkVuLpsY5BQNFyLS84VBjjbg0iL2r2EQHBOxBhikuUOkdxODVF1cxHoWtPPsiyXO455Iv34hssCO8EV4ZIYTjS8SR4qYSHRiTiYQ4ZFbHi0iIhhBTi6dTCgSWRcnw4h4yGTuyTAiOGBIWGoZTgSHJQl+LcOJ4OCnW6yX2bMnJ9pidCOXtkTkTrIGpYuOynAiOF14SamMiOCk5Ke+mq8BcOrrvym8d0zKIQnWT+M1WwOQNO4fFiWb18hhERxJPx2fblbPHHyC41VyiAtKBUFBIih7JMWVoIQTFIr3lKPN80WvoLSWFPC653ioTZA0I0FrQ7qU6asaK0H7JmkSJa2ooOGVtNUsc3j9FYHkIkJy3SG6VHnfXKXGP9t4N9Q4Ye98AAAAAElFTkSuQmCC',
+	base64SuccessWhite: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAAGFBMVEVHcEz///////////////////////////8dS1W+AAAAB3RSTlMAiVYk6KvDHLfaegAAAo1JREFUWMPtWEtzmzAQNhCTq910ytXpiyvxTNOr60zrayepx9d02gnX4sTm7xcEiJX2gdnkGJ1A4tOnfWqXyeR1vMRYzrcPD9v5h5MBl3/Ldvx4cxIg/FWC8X0xjLjalM54uhhCfCrRuJURX0pi3EmIqZV7O59vrRZmguStHL9b7S7ftfLwOtiZDw7AHMtmquAQ12b5Wwbnordm8g9zLLO49qc/m2n6aKnhwPOGZ08hAiNHhheiHae1lOUPGZpQkPKa3q0mOUjaRzSRaGUjpy/mmWSwySSpllcEteBKAT52KEnSbblA51pJEPxBQoiH1FP4E3s5+FJv07h6/ylD6ui7B+9fq/ehrFB98ghec9EoVtyjK8pqCHLmCBOwMWSCeWFNN4MbPAk55NhsvoFHSSVR0k5TCTTEzlUGcqV/nVp7n9oIVkmtaqbAEqEgfdgHJPwsEAyZ9r4VAZXFjpEwyaw3+H2v42KYxKhs1XvY/gSSGv+IHyUSuHXCeZhLAgVI3EjgSGo1Fb3xO0tGGU9S2/KAIbtjxpJASG73qox6w5LUq0cEOa+iIONIWIilQSQ0pPa2jgaRQAgQP7c0mITRWGxpMAmEQFN2NAQJNCV0mI6GIIEO47hlQ0ORQLd0nL+hoUjg1m6I1TRr8uYEAriBHLcVFQ5UEMiBe3XkTBEG04WXlGKGxPnMS305XQPA1Ocn2JiuAZwE66fxnKwBnDTuXxZTMq85lwW6kt5ndLqZPefiU1yvmktcUSooChJF2aMprhQlnKJQ5FxRKkcVRa+itNYU8Io2oVkY14w0NMWYlqft91Bj9VHq+ca3b43BxjWJmla0sfKohlfTVpPN+93L/yLQ/IjQ/O5Q/VR5HdL4D7mlxmjwVdELAAAAAElFTkSuQmCC',
+	base64Empty: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAbUExURdvc3EdwTMLBwcjIyLSzs/Hx8ff39////19dXXz7IJEAAAAFdFJOU/4A6J9QDyyutAAAB5VJREFUeNrtnM1z4jYYxhUHkR4hdu9eU7Z75Ct7jgPbs9ZZmSuTrUWPmXTA186e+LMrf0uWLMtf2WkHXQgzln88et5XeiVMwPQdGrhCrpAr5Aq5Qv4TkJ07OGQFMLp1B4VYCz+kDblDQhJGeH4eEDLBYdLOHwaDWNBPIeHLYJAJ3meQ83IoCMTHDBKOBoKYGOeM8G0gyD0LObnDQB5ZSCtTNCBfsM9AboaBPLCQcDAIM1zht/dQEkMsd1DjI4hpw2YzMtBJeBbydWpCTJs3YDKGX62YgfGoVwi9KwtZJAzcYHHRm7sYCKD390nQSIoO5JGZIEOYxNoZ4+deISYLyeL5hLHbJ2QK98W0kudMgJe9Qh73odhO+KZHyNYGvgQS9gmJKhUigwSj3iBPUhXxePWmxBqHw0Mej9WQ3qILVjLC177yxNxXQ/7uK+Mn1aNVLsGsBTaWrSAPobYl0aUHt2fIs2Rgz7c9QYL0pSTkSzILLFtAJMH1cidN998T9E0/Sg73/pEEwrgkYRh86wlC949gJsR6EobBcz8hHOVgKYi2m6kZtodIkjEQvF3QjbGpmplB4/lRgJhxgRS2N15iijAvPmByDtCxfQhPJ8J4CR82rgCCBILarScw6X0OcMUyYrFVmbxErl0ZacFIoloOLdJAO42qY+NMDss2kKS8xmiZxcCpFKXWvpRGbQqJp5ixyRfJMmR6x0Fk+z29kmgWDYI5ziFbdug/84HxvduhWhLOJ2StPDQrMJPSjNANklh8QhB7dBO0yTGRwn1fkOk8rbQjiB8Ymww+JuiuN0icmSccK4naLMWYa/euL0+m23GyM8kgAc6sYeL4z04Qa4WjGepcKIliO8EUGSk7d9OGWOsoK31OSdy8TQZ59Y/hWbaV1IVs5/Ed6UzGK4nANAJiyGhRsZPUg2yzLe9hLyiJIyCaDU7udC2uy9pnkKvidlBUEltzFAqxRhBrBZm7HfZnjEQI3boqTsJq15PUDEaKZLgiJYc8OZtCtnM/4G93OFYooXpvdy0guwWWNQkEHl/j7Jw1XRmtlS9HYJkSPjk1IUnyyRqUKQn45NSDlP1mcg9i6En1ZU2IADnEtHF1Q+JwIcS/d5YakPuDUamEShGUHHikAz9oQCaE0CsrpYjDBVkEHQYdyK+EkKPhVErxqh1xbJ/oQf4gEeVsOIEc41WJNAwcd9GBfCZJezXsJhAvH+ImEEIOzlwXgpw5wQ0gH3MIOcsiQAahZuSD69/UQyxcQEggiQARQseVFO/ASAMCgM9gjkHZmhLENzi1AOhA7ullkMWUrfHKfpMiDBHtDIx6yCS6jseEnDUe7zcT6DGCtnrIY3olZw1hrPHkfucIAJa1EDu/lsVEyVmGGA67coKijeogFnMxlEaAV5ghRdDm1kDuuatZTJBGgJdOthIzsvZbDWRRuh6ScgR4EQLgagQvRQIxxQ4sxqcR4GE+c4CkjZQQW9YF89Y4OFAjOCki5KmiDxsBL3PlSJWlAFVogaoIePlYi2ClCJAHRa/cmre5eqTii4uvisqQJxqnip6pNd68DhEvyEs5xIyHBNdh4thCKhU++10kD7Gy1Up1A/o56FKuRJQWSFCuf8dpbisxhqHSKlSSgvG7VTaFKO5TzYD5VMPUxEB2YJNiqq3xYJ0KrroH8mq7xpoXqEZgfgNRUQsDtTVvUOk3sLUKbqrBr7YGvkCkQNC/9SA+vTYtvERrxiKEmcogk4ZqCLUd59MIEiFYHlIoxelCaJWDMmtOPIa80XVLbkb6hzaEwwTcPEmV4AIRlBGNIEmuJBFwLAZoHClJ36J8h+wxihpCqJosAnJrSKwEcQOFAFeWN4RQMYc0Ao4Jhg5gpASzyWcDvjpuDIlTkrGGJEro1rHIjHKR3wJCAj+z5oyi11gJBkXy9QFJIiAu78d+pgSjuWhGN0gUAZAcEncSJf4LRrZ8I94WEmcNCJJqBWYjVbE9bg2JxiyrViBWty6QvO56D8jPVWLA4ZX8dfkxvJJPl8t8aCX+pU/Iz1SCf7lc4OBK0OWfQaKLP0TKjj96VvIp+/BDZjwNKF2ItV2vN7sWStAl87oWkm3dZ+k3lEMoYXe8cT1eq2TOePJDD8KfQdxu6iEPxanUZa4HmZRq3dunGsj3BzFq6yD3wnZNX4n2emI2hXyXQpi6RRZdfSgxHNuxVZBFdyVeBPDmCsiksxKUiDAUEKuzkvRUEs0V08pjVyU2/yqFmF2VZGYop3peitdUiQd1pnrL7qTE01tPzE6eaEKm23dQwh2jNlbiay+/245zl94abw45CzNPyqYQ2++kxHGV1crWzg4A2yvR+BY7wziwnRLN7+O36aA54+ZKGjxZYK3txJpxQyUNn5GwtquII4+ACiWtnvawduu1A3SVtH5uhTvAVSpBG7fDYz6RQ+M6JWjmKm6g+RvTla9UMtspu+s+37VbVCupNqPx43CsNawSb1PbtcmDfQWmUILW7rRXSPHtSq5k5ur0a/hb7DQCUiW3G71ejX/wvV1kSoyNbp8Wvyqn1lCIKvl6gNDkNBYzt0GHdr+Pt9xGl1//ncAVcoVcIVfIFXKFXCFXyP8I8i8SyTW4yTz2lwAAAABJRU5ErkJggg==',
+	base64Error: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAAJFBMVEVHcEzo6Oibm5ukpKSbm5uampqbm5ubm5u5ubnn5+fm5ub6+vpGpDPdAAAAC3RSTlMA/v4hb+u20dq8aQhnHL4AAATwSURBVHja7ZvNb+JGGMbdjjdVe3NPodzeMhj1ZMUGujkh28B9wKR7iwwBqafWSbPqsbm0uTWtVlrTS9v0Et9yqLQS/1zHNiTZMMB4bO92d+dRUITt8c/PvPPx2h4URUpKSkpKSkpK6m3K6lFN73Q+S/+es3W3fzabTh2Dl0FAXEM+BgrgeXxRsdILTDU9n7J0vz/+EsCYC9KEiSFc06pf5zouqAkjkGWo0OG5Fq6j2IwZ6I4/4DhyTxc20oUjAj5PRTTrwvGAZ9p+ADzlD4RDctCoLhb7JUP87xeLxS3BZUIQ+YNCFi8wRwc4GIqGRK/GkM+5ILV8kFflOmkkkH/LddJ4c05eSSfSyTvrZPEmnCw+UCeuk84QvTSnUF0uCL68fBle/swF+RL1QZ/EpU6gHtOsAM64pnjPwxgTLsjoBM58ODNaAXYBT5QeGdr0KwcEA8He0TkPBLCjUDNHpG4qlg8eTCzXht1FVd1MxTPHj5LTtUiSrKK+7iDf8wBGxk4If3arLv/HF4Tox0A2nlFIGp+CIA+LzSamgbp4TNvZjECtDAjyMcB5HybLO6NxsRA1vmFCNjguNXDGWygbRPXh/B+zn9zPWK5RCkT18QxA57YgAqE+HGS6/tAoD4JO0ts+M2tbyQJpc95a5oI0xXNhCZGQ/x8E0VSCkUZY6Z6CIE/qdO5eL+yPlW6tMMgefPs3o7Bdt8iguJj4DThlZSY/rJ0yB+RraLDK2jAQCHyr4zIhT9mQ7vowygMZjpgQG+CYUV2E1EWqixyzICr8eFFnBB5ba1Y4IIfeKQvysW7ssZrwQLEFmvCBM2U6oRkdI5Wgm1QnO8RUTDlASoiESIiESMh7BDHKhlhu/LbSNUuEqL3lu1p945vO3BArADiaum7vBGDUKQfSIjBykooyrRPQnTIglHFfSagHeqd4iErwa9duEebpckGQjx/VT4v5fC0XhJHAd1mPRvJAVMZiAeQzTpgHYrPKqkGnUEiX+dCoNS4UgniHMTnUS4iESIiE7IS0x+mnVAidglDwVcmQJpy2WQ8VC4UgogfbA1RE4Nuw3UghEBV2rKl7V5ygAJPSY9KGQbP01mVjA5Fa2f1kQN2U3k+M9POWB8gnJUNMZJioWTMzKwOklyxgDrCXVcMMEF90tXM9C2TiCqmfCdIRi/jeewNpyerKok9WkGuzfCdYC+fXRsmBxxpVGG2zY0ZBbieJKvPrDQce3lxppBhIjGFWGkVoxUEoZt0Mukn2XBQH0bTHZpaMIp2sU/6qasU70W6/eHjM09VmYSc6C6Jpvz+orKvVxot8kL3HkMr9IZ9qeZ2o6RrO9mOI9ufdIR9peZ2gNIW31yC/MpyI9ngUDNIsezPks3vIsWDGdYA7cZa9pbqUVeCr/neiaR3U3R4BfXPg75vwb8I/b7HjxChobDZCO+Ny4wuxxaVxPPowcoNnrzPmzGFlX3RJHz2FafbhJ41n8PLx2DCM7KkwQgpqka1DVzKdJNHfJwBe9l/n0eSZFsIPjVSY8xZKZpSXnogwled98wAx3xRcdBNq1f1fhFVdIcL5tvaDolC7XaqaWStEtLOJHkbhlSauMLrma4yHEa03AVUoIUs/M2NQFkchBZiGUPeKonAnqhLOo4hrKf0WTyZ1FcU0Ki0hVrSr+Mucnvya7jYUKSkpKSkpKSmpD0f/AXq+Umj5XnXDAAAAAElFTkSuQmCC',
+	base64BackToTop: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIBAMAAABfdrOtAAAAElBMVEVRUVH+/v5HcEyZmZlRUVFRUVGm1ByOAAAABnRSTlPMzADMTZAJBBGsAAAEnElEQVR42t2cS27jMAyGf7/2U+QCQeDsbeQCgZDujaC5/1UmkzaJn+JDFGcw3LdfflKibJkkDnxrL7dbg7sNt6+L4O8OYBM+B0ys+QrGkHZG+OEEQ8g6go8Bx1GIGMdpNOQyIG6XdMgnSPtKhLQDGEZFBgYMkhKFtGBb0EIEjDgFRowoBVaMGAWpMedEfxMiZtwpUsgZCqtlkCNUdpVAWigtCCCDFtLwIWeoreZCWiRYYEKGFEjDg+yRZCUH0iLRAgNyToXUNCRZyMqWhGnUN2IPm3wSlwJ7IUspyCBkIQUZhCykIIeQuRTkEDKXAuM9srrtYbrZN7Y98giZSoFd+t1OxmMITG0dcrSFXFchZ1tIvQZpYWxhBbK3hpQrkMEa0iwh5t4a+QvZvDXyF7J5a+Qv5PPW21/I5623v5DPW29/IaO3Xv5Clrw1y1/Ikrdm+Qs5svw83yNnSJ5BQb4F/F7EIEJSnThGBAXxkFQfLOviQUE8JAUPsosHBfGQfDAtHhREQ1JxIV00KIgmrnRI84S0yAd5BAXxxJUck0f6Qnwr9qmr6xF5xLMjcwn/iudIEAdWnyjkEXlQKZiRVzoqRyLbgeUKKR8Q4alY7cSnoxzSf2ggsqehKr6YVpcXpOd7H93f60cKhOd7Re2LteUF4eLqiVS1mr0ge4io6C2+soaFkJ7MuuuQs1yITEp9hwwKISIpzR2iESKSIoT0rLNwuVHQqoSIpAQJpGce60vIUSdEIuUqgPTsJ5QFZK8UIpBS8iG94GFrDjlrhfCl8CG96Llxmle4kEr6vKWBPIVo9kqDQSRk9/3cWoikcCFPAd33v4dIChPyEvLzBA6RlEYWke4JEUnhKXkLeUEKxRHJFfKCQHGucIW8IdZSRkLeEGMpYyEjiK2UsZARxFTKRMgYYillImQMMZQyFTKB2EmZCplAuFLIHT8TMoWwpQwiIVMIUwqpZP5bp5CCvCTiQKr5f5lCQN+tPCBn2ZvVDFJwIDUP0m1BYAfZYRNSsCB7BqTbhoARePIxtZ9tgwWkoJcwCalmv3MBAemtO4R6dah2HaKQqj8Zvp9sQDjvJ21+SPCBHPJDDk6QITekEV7gqCC19CpKAym9IMfckKv4olMBCeIrWwVEfvkshzQekO9r9P1/ALk+IG1eSPCDiCJfyG+FyU+A6ZCa/piZDinpz7LpkCv5gdkAEshP5emQhv7onw6pGeULyZCSUYiRDAmMkpJkCKs4JhFSq8p8hJBSVbAkhARV6ZUQoisik0FqXTmcDHLVFfbJIEFXoiiCNMpiSxGkVJaNiiBBWQArgTTaUl4JpNQWJUsgQVteXQg+AKkLxQWFGKW+5J2+eVp4S168X3CF1CltCKdTJ8lb84YK2bUBO+wZW0Pqv9nk4tKu49N45NJC5dMM5tLW5tOg59Jq6NM06dL+abFXwr/RkuvTXJwae1abtE/Dt0/ruksTvs84AZ/BCC4jHnyGVfiM3VBQFANEXEah+Ax18RlP4zNox2dkkM/wI58xTn8yDCXGYCDV3W5RGSajtXyGhG1jbpbjzpwGt/0MJft8jqC7iUbQ/QZaxdnKqcIftwAAAABJRU5ErkJggg==',
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/js/z-paging-utils.js b/src/uni_modules/z-paging/components/z-paging/js/z-paging-utils.js
new file mode 100644
index 0000000..7cefcfd
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/js/z-paging-utils.js
@@ -0,0 +1,220 @@
+// [z-paging]工具类
+
+import zConfig from './z-paging-config'
+import zLocalConfig from '../config/index'
+import c from './z-paging-constant'
+
+const storageKey = 'Z-PAGING-REFRESHER-TIME-STORAGE-KEY';
+let config = null;
+const timeoutMap = {};
+
+/*
+当z-paging未使用uni_modules管理时，控制台会有警告：WARNING: Module not found: Error: Can't resolve '@/uni_modules/z-paging'...
+此时注释下方try中的代码即可
+*/
+// #ifdef VUE2
+try {
+	const contextKeys = require.context('@/uni_modules/z-paging', false, /\z-paging-config$/).keys();
+	if (contextKeys.length) {
+		const suffix = '.js';
+		config = require('@/uni_modules/z-paging/z-paging-config' + suffix);
+	}
+} catch (e) {}
+// #endif
+
+//获取默认配置信息
+function gc(key, defaultValue) {
+	if (!config) {
+		if (zLocalConfig && Object.keys(zLocalConfig).length) {
+			config = zLocalConfig;
+		} else {
+			const tempConfig = zConfig.getConfig();
+			if (zConfig && tempConfig) {
+				config = tempConfig;
+			}
+		}
+	}
+	if (!config) return defaultValue;
+	const value = config[_toKebab(key)];
+	return value === undefined ? defaultValue : value;
+}
+
+
+//获取最终的touch位置
+function getTouch(e) {
+	let touch = null;
+	if (e.touches && e.touches.length) {
+		touch = e.touches[0];
+	} else if (e.changedTouches && e.changedTouches.length) {
+		touch = e.changedTouches[0];
+	} else if (e.datail && e.datail != {}) {
+		touch = e.datail;
+	} else {
+		return {
+			touchX: 0,
+			touchY: 0
+		}
+	}
+	return {
+		touchX: touch.clientX,
+		touchY: touch.clientY
+	};
+}
+
+//判断当前手势是否在z-paging内触发
+function getTouchFromZPaging(target) {
+	if (target && target.tagName && target.tagName !== 'BODY' && target.tagName !== 'UNI-PAGE-BODY') {
+		const classList = target.classList;
+		if (classList && classList.contains('z-paging-content')) {
+			return {
+				isFromZp: true, 
+				isPageScroll: classList.contains('z-paging-content-page'), 
+				isReachedTop: classList.contains('z-paging-reached-top')
+			};
+		} else {
+			return getTouchFromZPaging(target.parentNode);
+		}
+	} else {
+		return { isFromZp: false };
+	}
+}
+
+//获取z-paging所在的parent
+function getParent(parent) {
+	if (!parent) return null;
+	if (parent.$refs.paging) return parent;
+	return getParent(parent.$parent);
+}
+
+//打印错误信息
+function consoleErr(err) {
+	console.error(`[z-paging]${err}`);
+}
+
+//延时操作，如果key存在，调用时根据key停止之前的延时操作
+function delay(callback, ms = c.delayTime, key) {
+	const timeout = setTimeout(callback, ms);;
+	if (!!key) {
+		timeoutMap[key] && clearTimeout(timeoutMap[key]);
+		timeoutMap[key] = timeout;
+	}
+	return timeout;
+}
+
+//设置下拉刷新时间
+function setRefesrherTime(time, key) {
+	const datas = getRefesrherTime() || {};
+	datas[key] = time;
+	uni.setStorageSync(storageKey, datas);
+}
+
+//获取下拉刷新时间
+function getRefesrherTime() {
+	return uni.getStorageSync(storageKey);
+}
+
+//通过下拉刷新标识key获取下拉刷新时间
+function getRefesrherTimeByKey(key) {
+	const datas = getRefesrherTime();
+	return datas && datas[key] ? datas[key] : null;
+}
+
+//通过下拉刷新标识key获取下拉刷新时间(格式化之后)
+function getRefesrherFormatTimeByKey(key, textMap) {
+	const time = getRefesrherTimeByKey(key);
+	const timeText = time ? _timeFormat(time, textMap) : textMap.none;
+	return `${textMap.title}${timeText}`;
+}
+
+//将文本的px或者rpx转为px的值
+function convertToPx(text) {
+	const dataType = Object.prototype.toString.call(text);
+	if (dataType === '[object Number]') return text;
+	let isRpx = false;
+	if (text.indexOf('rpx') !== -1 || text.indexOf('upx') !== -1) {
+		text = text.replace('rpx', '').replace('upx', '');
+		isRpx = true;
+	} else if (text.indexOf('px') !== -1) {
+		text = text.replace('px', '');
+	}
+	if (!isNaN(text)) {
+		if (isRpx) return Number(uni.upx2px(text));
+		return Number(text);
+	}
+	return 0;
+}
+
+//获取当前时间
+function getTime() {
+	return (new Date()).getTime();
+}
+
+//获取z-paging实例id
+function getInstanceId() {
+    const s = [];
+    const hexDigits = "0123456789abcdef";
+    for (let i = 0; i < 10; i++) {
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+    }
+    return s.join('') + getTime();
+}
+
+//------------------ 私有方法 ------------------------
+//时间格式化
+function _timeFormat(time, textMap) {
+	const date = new Date(time);
+	const currentDate = new Date();
+	const dateDay = new Date(time).setHours(0, 0, 0, 0);
+	const currentDateDay = new Date().setHours(0, 0, 0, 0);
+	const disTime = dateDay - currentDateDay;
+	let dayStr = '';
+	const timeStr = _dateTimeFormat(date);
+	if (disTime === 0) {
+		dayStr = textMap.today;
+	} else if (disTime === -86400000) {
+		dayStr = textMap.yesterday;
+	} else {
+		dayStr = _dateDayFormat(date, date.getFullYear() !== currentDate.getFullYear());
+	}
+	return `${dayStr} ${timeStr}`;
+}
+
+//date格式化为年月日
+function _dateDayFormat(date, showYear = true) {
+	const year = date.getFullYear();
+	const month = date.getMonth() + 1;
+	const day = date.getDate();
+	return showYear ? `${year}-${_fullZeroToTwo(month)}-${_fullZeroToTwo(day)}` : `${_fullZeroToTwo(month)}-${_fullZeroToTwo(day)}`;
+}
+
+//data格式化为时分
+function _dateTimeFormat(date) {
+	const hour = date.getHours();
+	const minute = date.getMinutes();
+	return `${_fullZeroToTwo(hour)}:${_fullZeroToTwo(minute)}`;
+}
+
+//不满2位在前面填充0
+function _fullZeroToTwo(str) {
+	str = str.toString();
+	return str.length === 1 ? '0' + str : str;
+}
+
+//驼峰转短横线
+function _toKebab(value) {
+	return value.replace(/([A-Z])/g, "-$1").toLowerCase();
+}
+
+export default {
+	gc,
+	setRefesrherTime,
+	getRefesrherFormatTimeByKey,
+	getTouch,
+	getTouchFromZPaging,
+	getParent,
+	convertToPx,
+	getTime,
+	getInstanceId,
+	consoleErr,
+	delay
+};
diff --git a/src/uni_modules/z-paging/components/z-paging/wxs/z-paging-renderjs.js b/src/uni_modules/z-paging/components/z-paging/wxs/z-paging-renderjs.js
new file mode 100644
index 0000000..426748c
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/wxs/z-paging-renderjs.js
@@ -0,0 +1,55 @@
+// [z-paging]使用renderjs在app-vue和h5中对touchmove事件冒泡进行处理
+
+import u from '../js/z-paging-utils'
+const data = {
+	startY: 0,
+	isTouchFromZPaging: false,
+	isUsePageScroll: false,
+	isReachedTop: true,
+	isIosAndH5: false
+}
+
+export default {
+	mounted() {
+		this._handleTouch();
+		// #ifdef APP-VUE
+		this.$ownerInstance && this.$ownerInstance.callMethod('_checkVirtualListScroll');
+		// #endif
+	},
+	methods: {
+		//接收逻辑层发送的数据
+		renderPropIsIosAndH5Change(newVal) {
+			if (newVal === -1) return;
+			data.isIosAndH5 = newVal;
+		},
+		//拦截处理touch事件
+		_handleTouch() {
+			if (window && !window.$zPagingRenderJsInited) {
+				window.$zPagingRenderJsInited = true;
+				window.addEventListener('touchstart', this._handleTouchstart, { passive: true })
+				window.addEventListener('touchmove', this._handleTouchmove, { passive: false })
+			}
+		},
+		_handleTouchstart(e) {
+			const touch = u.getTouch(e);
+			data.startY = touch.touchY;
+			const touchResult = u.getTouchFromZPaging(e.target);
+			data.isTouchFromZPaging = touchResult.isFromZp;
+			data.isUsePageScroll = touchResult.isPageScroll;
+			data.isReachedTop = touchResult.isReachedTop;
+		},
+		_handleTouchmove(e) {
+			const touch = u.getTouch(e);
+			const moveY = touch.touchY - data.startY;
+			if (data.isTouchFromZPaging && ((data.isReachedTop && moveY > 0)  || (data.isIosAndH5 && !data.isUsePageScroll && moveY < 0))) {
+				if (e.cancelable && !e.defaultPrevented) {
+					e.preventDefault();
+				}
+			}
+		},
+		_removeAllEventListener(){
+			window.removeEventListener('touchstart');
+			window.removeEventListener('touchmove');
+		}
+	}
+};
diff --git a/src/uni_modules/z-paging/components/z-paging/wxs/z-paging-wxs.wxs b/src/uni_modules/z-paging/components/z-paging/wxs/z-paging-wxs.wxs
new file mode 100644
index 0000000..6566455
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/wxs/z-paging-wxs.wxs
@@ -0,0 +1,342 @@
+// [z-paging]微信小程序、QQ小程序、app-vue、h5上使用wxs实现自定义下拉刷新，降低逻辑层与视图层的通信折损，提升性能
+
+var currentDis = 0;
+var isPCFlag = -1;
+var startY = -1;
+
+function propObserver(newValue, oldValue, ownerIns, ins) {
+	var state = ownerIns.getState() || {};
+	state.currentIns = ins;
+	var dataset = ins.getDataset();
+	var loading = dataset.loading == true;
+	if (newValue && newValue.indexOf('end') != -1) {
+		var transition = newValue.split('end')[0];
+		_setTransform('translateY(0px)', ins, false, transition);
+		state.moveDis = 0;
+		state.oldMoveDis = 0;
+		currentDis = 0;
+	} else if (newValue && newValue.indexOf('begin') != -1) {
+		var refresherThreshold = ins.getDataset().refresherthreshold;
+		_setTransformValue(refresherThreshold, ins, state, false);
+	}
+}
+
+function touchstart(e, ownerIns) {
+	var ins = _getIns(ownerIns);
+	var state = {};
+	var dataset = {};
+	ownerIns.callMethod('_handleListTouchstart');
+	if (ins) {
+		state = ins.getState();
+		dataset = ins.getDataset();
+		if (_touchDisabled(e, ins, 0)) return;
+	}
+	var isTouchEnded = state.isTouchEnded;
+	state.oldMoveDis = 0;
+	var touch = _getTouch(e);
+	var loading = _isTrue(dataset.loading);
+	state.startY = touch.touchY;
+	startY = state.startY;
+	state.lastTouch = touch;
+	if (!loading && isTouchEnded) {
+		state.isTouchmoving = false;
+	}
+	state.isTouchEnded = false;
+	ownerIns.callMethod('_handleRefresherTouchstart', touch);
+}
+
+function touchmove(e, ownerIns) {
+	var touch = _getTouch(e);
+	var ins = _getIns(ownerIns);
+	var dataset = ins.getDataset();
+	var refresherThreshold = dataset.refresherthreshold;
+	var isIos = _isTrue(dataset.isios);
+	var state = ins.getState();
+	var watchTouchDirectionChange = _isTrue(dataset.watchtouchdirectionchange);
+	var moveDisObj = {};
+	var moveDis = 0;
+	var prevent = false;
+	if (watchTouchDirectionChange) {
+		moveDisObj = _getMoveDis(e, ins);
+		moveDis = moveDisObj.currentDis;
+		prevent = moveDisObj.isDown;
+		var direction = prevent ? 'top' : 'bottom';
+		if (prevent == state.oldTouchDirection && prevent != state.oldEmitedTouchDirection) {
+			ownerIns.callMethod('_handleTouchDirectionChange', { direction: direction }); 
+			state.oldEmitedTouchDirection = prevent;
+		}
+		state.oldTouchDirection = prevent;
+	}
+	if (_touchDisabled(e, ins, 1)) {
+		_handlePullingDown(state, ownerIns, false);
+		return true;
+	}
+	if (!_getAngleIsInRange(e, touch, state, dataset)) {
+		_handlePullingDown(state, ownerIns, false);
+		return true;
+	}
+	moveDisObj = _getMoveDis(e, ins);
+	moveDis = moveDisObj.currentDis;
+	prevent = moveDisObj.isDown;
+	if (moveDis < 0) {
+		_setTransformValue(0, ins, state, false);
+		_handlePullingDown(state, ownerIns, false);
+		return true;
+	}
+	if (prevent && !state.disabledBounce) {
+		if (isIos) {
+			ownerIns.callMethod('_handleScrollViewDisableBounce', {bounce: false}); 
+		}
+		state.disabledBounce = true;
+		_handlePullingDown(state, ownerIns, prevent);
+		return !prevent;
+	}
+	_setTransformValue(moveDis, ins, state, false);
+	var oldRefresherStatus = state.refresherStatus;
+	var oldIsTouchmoving = _isTrue(dataset.oldistouchmoving);
+	var hasTouchmove = _isTrue(dataset.hastouchmove);
+	var isTouchmoving = state.isTouchmoving;
+	state.refresherStatus = moveDis >= refresherThreshold ? 1 : 0;
+	if (!isTouchmoving) {
+		state.isTouchmoving = true;
+		isTouchmoving = true;
+	}
+	if (state.isTouchEnded) {
+		state.isTouchEnded = false;
+	}
+	if (hasTouchmove) {
+		ownerIns.callMethod('_handleWxsPullingDown', { moveDis:moveDis, diffDis:moveDisObj.diffDis });
+	}
+	if (oldRefresherStatus == undefined || oldRefresherStatus != state.refresherStatus || oldIsTouchmoving != isTouchmoving) {
+		ownerIns.callMethod('_handleRefresherTouchmove', moveDis, touch);
+	}
+	_handlePullingDown(state, ownerIns, prevent);
+	return !prevent;
+}
+
+function touchend(e, ownerIns) {
+	var touch = _getTouch(e);
+	var ins = _getIns(ownerIns);
+	var dataset = ins.getDataset();
+	var state = ins.getState();
+	if (_touchDisabled(e, ins, 2)) return;
+	state.reachMaxAngle = true;
+	state.hitReachMaxAngleCount = 0;
+	state.disabledBounce = false;
+	state.fixedIsTopHitCount = 0;
+	if (!state.isTouchmoving) return;
+	var oldRefresherStatus = state.refresherStatus;
+	var oldMoveDis = state.moveDis;
+	var refresherThreshold = ins.getDataset().refresherthreshold
+	var moveDis = _getMoveDis(e, ins).currentDis;
+	if (!(moveDis >= refresherThreshold && oldRefresherStatus === 1)) {
+		state.isTouchmoving = false;
+	}
+	ownerIns.callMethod('_handleRefresherTouchend', moveDis);
+	state.isTouchEnded = true;
+	if (oldMoveDis < refresherThreshold) return;
+	var animate = false;
+	if (moveDis >= refresherThreshold) {
+		moveDis = refresherThreshold;
+		animate = true;
+	}
+	_setTransformValue(moveDis, ins, state, animate);
+}
+
+// #ifdef H5
+function isPC() {
+	if (!navigator) return false;
+	if (isPCFlag != -1) return isPCFlag;
+	var agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	isPCFlag = agents.every(function(item) { return navigator.userAgent.indexOf(item) < 0 });
+	return isPCFlag;
+}
+
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isPC()) return;
+	touchstart(e, ins);
+	movable = true;
+}
+
+function mousemove(e, ins) {
+	if (!isPC() || !movable) return;
+	touchmove(e, ins);
+}
+
+function mouseup(e, ins) {
+	if (!isPC()) return;
+	touchend(e, ins);
+	movable = false;
+}
+
+function mouseleave(e, ins) {
+	if (!isPC()) return;
+	movable = false;
+}
+// #endif
+
+
+function _setTransformValue(value, ins, state, animate) {
+	value = value || 0;
+	if (state.moveDis == value) return;
+	state.moveDis = value;
+	_setTransform('translateY(' + value + 'px)', ins, animate, '');
+}
+
+function _setTransform(transform, ins, animate, transition) {
+	var dataset = ins.getDataset();
+	if (_isTrue(dataset.refreshernotransform)) return;
+	transform = transform == 'translateY(0px)' ? 'none' : transform;
+	ins.requestAnimationFrame(function() {
+		var stl = { 'transform': transform };
+		if (animate) {
+			stl['transition'] = 'transform .1s linear';
+		}
+		if (transition.length) {
+			stl['transition'] = transition;
+		}
+		ins.setStyle(stl);
+	})
+}
+
+function _getMoveDis(e, ins) {
+	var state = ins.getState();
+	var refresherThreshold = parseFloat(ins.getDataset().refresherthreshold);
+	var refresherOutRate = parseFloat(ins.getDataset().refresheroutrate);
+	var refresherPullRate = parseFloat(ins.getDataset().refresherpullrate);
+	var touch = _getTouch(e);
+	var currentStartY = !state.startY || state.startY == 'NaN' ? startY : state.startY;
+	var moveDis = touch.touchY - currentStartY;
+	var oldMoveDis = state.oldMoveDis || 0;
+	state.oldMoveDis = moveDis;
+	var diffDis = moveDis - oldMoveDis;
+	if (diffDis > 0) {
+		diffDis = diffDis * refresherPullRate;
+		if (currentDis > refresherThreshold) {
+			diffDis = diffDis * (1 - refresherOutRate);
+		}
+	}
+	diffDis = diffDis > 100 ? diffDis / 100 : diffDis;
+	currentDis += diffDis;
+	currentDis = Math.max(0, currentDis);
+	return {
+		currentDis: currentDis,
+		diffDis: diffDis,
+		isDown: diffDis > 0
+	};
+}
+
+function _getTouch(e) {
+	var touch = e;
+	if (e.touches && e.touches.length) {
+		touch = e.touches[0];
+	} else if (e.changedTouches && e.changedTouches.length) {
+		touch = e.changedTouches[0];
+	} else if (e.datail && e.datail != {}) {
+		touch = e.datail;
+	}
+	return {
+		touchX: touch.clientX,
+		touchY: touch.clientY
+	};
+}
+
+function _getIns(ownerIns) {
+	var ins = ownerIns.getState().currentIns;
+	if (!ins) {
+		ownerIns.callMethod('_handlePropUpdate');
+	}
+	return ins;
+}
+
+function _touchDisabled(e, ins, processTag) {
+	var dataset = ins.getDataset();
+	var state = ins.getState();
+	var loading = _isTrue(dataset.loading);
+	var useChatRecordMode = _isTrue(dataset.usechatrecordmode);
+	var refresherEnabled = _isTrue(dataset.refresherenabled);
+	var useCustomRefresher = _isTrue(dataset.usecustomrefresher);
+	var usePageScroll = _isTrue(dataset.usepagescroll);
+	var pageScrollTop = parseFloat(dataset.pagescrolltop);
+	var scrollTop = parseFloat(dataset.scrolltop);
+	var finalScrollTop = usePageScroll ? pageScrollTop : scrollTop;
+	var fixedIsTop = false;
+	var isIos = _isTrue(dataset.isios);
+	if (!isIos && finalScrollTop == (state.startScrollTop || 0) && finalScrollTop <= 105) {
+		fixedIsTop = true;
+	}
+	var fixedIsTopHitCount = state.fixedIsTopHitCount || 0;
+	if (fixedIsTop) {
+		fixedIsTopHitCount ++;
+		if (fixedIsTopHitCount <= 3) {
+			fixedIsTop = false;
+		}
+		state.fixedIsTopHitCount = fixedIsTopHitCount;
+	} else {
+		state.fixedIsTopHitCount = 0;
+	}
+	if (!isIos && processTag === 0) {
+		state.startScrollTop = finalScrollTop || 0;
+	}
+	if (!isIos && processTag === 2) {
+		fixedIsTop = true;
+	}
+	return loading || useChatRecordMode || !refresherEnabled || !useCustomRefresher || 
+	((usePageScroll && useCustomRefresher && pageScrollTop > 5) && !fixedIsTop) || 
+	((!usePageScroll && useCustomRefresher && scrollTop > 5) && !fixedIsTop);
+}
+
+function _getAngleIsInRange(e, touch, state, dataset) {
+	var maxAngle = dataset.refreshermaxangle;
+	var refresherAecc = _isTrue(dataset.refresheraecc);
+	var lastTouch = state.lastTouch;
+	var reachMaxAngle = state.reachMaxAngle;
+	var moveDis = state.oldMoveDis;
+	if (!lastTouch) return true;
+	if (maxAngle >= 0 && maxAngle <= 90 && lastTouch) {
+		if ((!moveDis || moveDis < 1) && !refresherAecc && reachMaxAngle != null && !reachMaxAngle) return false;
+		var x = Math.abs(touch.touchX - lastTouch.touchX);
+		var y = Math.abs(touch.touchY - lastTouch.touchY);
+		var z = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
+		if ((x || y) && x > 1) {
+			var angle = Math.asin(y / z) / Math.PI * 180;
+			if (angle < maxAngle) {
+				var hitReachMaxAngleCount = state.hitReachMaxAngleCount || 0;
+				state.hitReachMaxAngleCount = ++hitReachMaxAngleCount;
+				if (state.hitReachMaxAngleCount > 2) {
+					state.lastTouch = touch;
+					state.reachMaxAngle = false;
+				}
+				return false;
+			}
+		}
+	}
+	state.lastTouch = touch;
+	return true;
+}
+
+function _handlePullingDown(state, ins, onPullingDown) {
+	var oldOnPullingDown = state.onPullingDown || false;
+	if (oldOnPullingDown != onPullingDown) {
+		ins.callMethod('_handleWxsPullingDownStatusChange', onPullingDown);
+	}
+	state.onPullingDown = onPullingDown;
+}
+
+function _isTrue(value) {
+	value = (typeof(value) === 'string' ? JSON.parse(value) : value) || false;
+	return value == true || value == 'true';
+}
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	mousemove: mousemove,
+	mouseup: mouseup,
+	mouseleave: mouseleave,
+	propObserver: propObserver
+}
diff --git a/src/uni_modules/z-paging/components/z-paging/z-paging.vue b/src/uni_modules/z-paging/components/z-paging/z-paging.vue
new file mode 100644
index 0000000..80e5f7a
--- /dev/null
+++ b/src/uni_modules/z-paging/components/z-paging/z-paging.vue
@@ -0,0 +1,307 @@
+ <!--                        _             
+  ____     _ __   __ _  __ _(_)_ __   __ _ 
+ |_  /____| '_ \ / _` |/ _` | | '_ \ / _` |
+  / /_____| |_) | (_| | (_| | | | | | (_| |
+ /___|    | .__/ \__,_|\__, |_|_| |_|\__, |
+          |_|          |___/         |___/ 
+v2.5.7 (2023-03-14)
+by ZXLee
+-->
+<!-- 文档地址：https://z-paging.zxlee.cn -->
+<!-- github地址：https://github.com/SmileZXLee/uni-z-paging -->
+<!-- dcloud地址：https://ext.dcloud.net.cn/plugin?id=3935 -->
+<!-- 反馈QQ群：790460711 -->
+
+<template name="z-paging">
+	<!-- #ifndef APP-NVUE -->
+	<view :class="{'z-paging-content':true,'z-paging-content-fixed':!usePageScroll&&fixed,'z-paging-content-page':usePageScroll,'z-paging-reached-top':renderPropScrollTop<1}" :style="[finalPagingStyle]">
+		<!-- #ifndef APP-PLUS -->
+		<view v-if="cssSafeAreaInsetBottom===-1" class="zp-safe-area-inset-bottom"></view>
+		<!-- #endif -->
+		<!-- 顶部固定的slot -->
+		<slot v-if="!usePageScroll&&zSlots.top" name="top" />
+		<view class="zp-page-top" v-else-if="usePageScroll&&zSlots.top" :style="[{'top':`${windowTop}px`,'z-index':topZIndex}]">
+			<slot name="top" />
+		</view>
+		<view :class="{'zp-view-super':true,'zp-scroll-view-super':!usePageScroll}" :style="[finalScrollViewStyle]">
+			<view v-if="zSlots.left" :class="{'zp-page-left':true,'zp-absoulte':finalIsOldWebView}">
+				<slot name="left" />
+			</view>
+			<view :class="{'zp-scroll-view-container':true,'zp-absoulte':finalIsOldWebView}" :style="[scrollViewContainerStyle]">
+				<scroll-view
+					ref="zp-scroll-view" :class="{'zp-scroll-view':true,'zp-scroll-view-absolute':!usePageScroll,'zp-scroll-view-hide-scrollbar':!showScrollbar}"
+					:scroll-top="scrollTop" :scroll-x="scrollX"
+					:scroll-y="scrollable&&!usePageScroll&&scrollEnable&&(refresherCompleteScrollable?true:refresherStatus!==R.Complete)" :enable-back-to-top="finalEnableBackToTop"
+					:show-scrollbar="showScrollbar" :scroll-with-animation="finalScrollWithAnimation"
+					:scroll-into-view="scrollIntoView" :lower-threshold="finalLowerThreshold" :upper-threshold="5"
+					:refresher-enabled="finalRefresherEnabled&&!useCustomRefresher" :refresher-threshold="finalRefresherThreshold"
+					:refresher-default-style="finalRefresherDefaultStyle" :refresher-background="refresherBackground"
+					:refresher-triggered="finalRefresherTriggered" @scroll="_scroll" @scrolltolower="_onScrollToLower"
+					@scrolltoupper="_onScrollToUpper" @refresherrestore="_onRestore" @refresherrefresh="_onRefresh(true)"
+					>	
+					<view class="zp-paging-touch-view"
+					<!-- #ifndef APP-VUE || MP-WEIXIN || MP-QQ  || H5 -->
+					@touchstart="_refresherTouchstart" @touchmove="_refresherTouchmove" @touchend="_refresherTouchend" @touchcancel="_refresherTouchend"
+					<!-- #endif -->
+					<!-- #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5 -->
+					@touchstart="pagingWxs.touchstart" @touchmove="pagingWxs.touchmove" @touchend="pagingWxs.touchend" @touchcancel="pagingWxs.touchend"
+					@mousedown="pagingWxs.mousedown" @mousemove="pagingWxs.mousemove" @mouseup="pagingWxs.mouseup" @mouseleave="pagingWxs.mouseleave"
+					<!-- #endif -->
+					>	
+						<view v-if="finalRefresherFixedBacHeight>0" class="zp-fixed-bac-view" :style="[{'background': refresherFixedBackground,'height': `${finalRefresherFixedBacHeight}px`}]"></view>
+						<view class="zp-paging-main" :style="[scrollViewInStyle,{'transform': finalRefresherTransform,'transition': refresherTransition}]"
+						<!-- #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5 -->
+						:change:prop="pagingWxs.propObserver" :prop="wxsPropType"
+						:data-refresherThreshold="finalRefresherThreshold" :data-isIos="isIos"
+						:data-loading="loading||isRefresherInComplete" :data-useChatRecordMode="useChatRecordMode" 
+						:data-refresherEnabled="refresherEnabled" :data-useCustomRefresher="useCustomRefresher" :data-pageScrollTop="wxsPageScrollTop"
+						:data-scrollTop="wxsScrollTop" :data-refresherMaxAngle="refresherMaxAngle" :data-refresherNoTransform="refresherNoTransform"
+						:data-refresherAecc="refresherAngleEnableChangeContinued" :data-usePageScroll="usePageScroll" :data-watchTouchDirectionChange="watchTouchDirectionChange"
+						:data-oldIsTouchmoving="isTouchmoving" :data-refresherOutRate="finalRefresherOutRate" :data-refresherPullRate="finalRefresherPullRate" :data-hasTouchmove="hasTouchmove"
+						<!-- #endif -->
+						<!-- #ifdef APP-VUE || H5 -->
+						:change:renderPropIsIosAndH5="pagingRenderjs.renderPropIsIosAndH5Change" :renderPropIsIosAndH5="isIosAndH5"
+						<!-- #endif -->
+						>	
+							<view v-if="showRefresher" class="zp-custom-refresher-view" :style="[{'margin-top': `-${finalRefresherThreshold}px`,'background': refresherBackground,'opacity': isTouchmoving ? 1 : 0}]">
+								<view class="zp-custom-refresher-container" :style="[{'height': `${finalRefresherThreshold}px`,'background': refresherBackground}]">
+									<!-- 下拉刷新view -->
+									<view class="zp-custom-refresher-slot-view">
+										<slot v-if="!(zSlots.refresherComplete&&refresherStatus===R.Complete)" :refresherStatus="refresherStatus" name="refresher" />
+									</view>
+									<slot v-if="zSlots.refresherComplete&&refresherStatus===R.Complete" name="refresherComplete" />
+									<z-paging-refresh ref="refresh" v-else-if="!showCustomRefresher" :style="[{'height': `${finalRefresherThreshold}px`}]" :status="refresherStatus"
+										:defaultThemeStyle="finalRefresherThemeStyle" :defaultText="finalRefresherDefaultText"
+										:pullingText="finalRefresherPullingText" :refreshingText="finalRefresherRefreshingText" :completeText="finalRefresherCompleteText"
+										:defaultImg="refresherDefaultImg" :pullingImg="refresherPullingImg" :refreshingImg="refresherRefreshingImg" :completeImg="refresherCompleteImg" :refreshingAnimated="refresherRefreshingAnimated"
+										:showUpdateTime="showRefresherUpdateTime" :updateTimeKey="refresherUpdateTimeKey" :updateTimeTextMap="finalRefresherUpdateTimeTextMap"
+										:imgStyle="refresherImgStyle" :titleStyle="refresherTitleStyle" :updateTimeStyle="refresherUpdateTimeStyle" />
+								</view>
+							</view>
+							<view class="zp-paging-container">
+								<slot v-if="useChatRecordMode&&zSlots.chatLoading&&loadingStatus!==M.NoMore&&realTotalData.length" name="chatLoading" />
+								<view v-else-if="useChatRecordMode&&loadingStatus!==M.NoMore&&realTotalData.length" class="zp-chat-record-loading-container">
+									<text v-if="loadingStatus!==M.Loading" @click="_onScrollToUpper"
+										:class="defaultThemeStyle==='white'?'zp-loading-more-text zp-loading-more-text-white':'zp-loading-more-text zp-loading-more-text-black'">{{chatRecordLoadingMoreText}}</text>
+									<image v-else :src="base64Flower" class="zp-chat-record-loading-custom-image" />
+								</view>
+								<!-- 全屏Loading -->
+								<slot v-if="showLoading&&zSlots.loading&&!loadingFullFixed" name="loading" />
+								<!-- 主体内容 -->
+								<view class="zp-paging-container-content" :style="[{transform:virtualPlaceholderTopHeight>0?`translateY(${virtualPlaceholderTopHeight}px)`:'none'},finalPagingContentStyle]">
+									<slot />
+									<!-- 内置列表&虚拟列表 -->
+									<template v-if="finalUseInnerList">
+										<slot name="header"/>
+										<view class="zp-list-container" :style="[innerListStyle]">
+											<template v-if="finalUseVirtualList">
+												<view class="zp-list-cell" :style="[innerCellStyle]" :id="`zp-id-${item['zp_index']}`" v-for="(item,index) in virtualList" :key="item['zp_unique_index']" @click="_innerCellClick(item,virtualTopRangeIndex+index)">
+													<view v-if="useCompatibilityMode">使用兼容模式请在组件源码z-paging.vue第99行中注释这一行，并打开下面一行注释</view>
+													<!-- <zp-public-virtual-cell v-if="useCompatibilityMode" :extraData="extraData" :item="item" :index="virtualTopRangeIndex+index" /> -->
+													<slot v-else name="cell" :item="item" :index="virtualTopRangeIndex+index"/>
+												</view>
+											</template>
+											<template v-else>
+												<view class="zp-list-cell" v-for="(item,index) in realTotalData" :key="index" @click="_innerCellClick(item,index)">
+													<slot name="cell" :item="item" :index="index"/>
+												</view>
+											</template>
+										</view>
+										<slot name="footer"/>
+									</template>
+									<view v-if="useVirtualList" class="zp-virtual-placeholder" :style="[{height:virtualPlaceholderBottomHeight+'px'}]"/>
+									<!-- 上拉加载更多view -->
+									<!-- #ifndef MP-ALIPAY -->
+									<slot v-if="showLoadingMoreDefault" name="loadingMoreDefault" />
+									<slot v-else-if="showLoadingMoreLoading" name="loadingMoreLoading" />
+									<slot v-else-if="showLoadingMoreNoMore" name="loadingMoreNoMore" />
+									<slot v-else-if="showLoadingMoreFail" name="loadingMoreFail" />
+									<z-paging-load-more @doClick="_onLoadingMore('click')" v-else-if="showLoadingMoreCustom" :zConfig="zLoadMoreConfig" />
+									<!-- #endif -->
+									<!-- #ifdef MP-ALIPAY -->
+									<slot v-if="loadingStatus===M.Default&&zSlots.loadingMoreDefault&&showLoadingMore&&loadingMoreEnabled&&!useChatRecordMode" name="loadingMoreDefault" />
+									<slot v-else-if="loadingStatus===M.Loading&&zSlots.loadingMoreLoading&&showLoadingMore&&loadingMoreEnabled" name="loadingMoreLoading" />
+									<slot v-else-if="loadingStatus===M.NoMore&&zSlots.loadingMoreNoMore&&showLoadingMore&&showLoadingMoreNoMoreView&&loadingMoreEnabled&&!useChatRecordMode" name="loadingMoreNoMore" />
+									<slot v-else-if="loadingStatus===M.Fail&&zSlots.loadingMoreFail&&showLoadingMore&&loadingMoreEnabled&&!useChatRecordMode" name="loadingMoreFail" />
+									<z-paging-load-more @doClick="_onLoadingMore('click')" v-else-if="showLoadingMore&&showDefaultLoadingMoreText&&!(loadingStatus===M.NoMore&&!showLoadingMoreNoMoreView)&&loadingMoreEnabled&&!useChatRecordMode" :zConfig="zLoadMoreConfig" />
+									<!-- #endif -->
+									<view v-if="safeAreaInsetBottom&&useSafeAreaPlaceholder" class="zp-safe-area-placeholder" :style="[{height:safeAreaBottom+'px'}]" />
+								</view>
+								<!-- 空数据图 -->
+								<view v-if="showEmpty" :class="{'zp-empty-view':true,'zp-empty-view-center':emptyViewCenter}" :style="[{emptyViewSuperStyle}]">
+									<slot v-if="zSlots.empty" name="empty" :isLoadFailed="isLoadFailed"/>
+									<z-paging-empty-view v-else :emptyViewImg="finalEmptyViewImg" :emptyViewText="finalEmptyViewText" :showEmptyViewReload="finalShowEmptyViewReload" 
+									:emptyViewReloadText="finalEmptyViewReloadText" :isLoadFailed="isLoadFailed" :emptyViewStyle="emptyViewStyle" :emptyViewTitleStyle="emptyViewTitleStyle" 
+									:emptyViewImgStyle="emptyViewImgStyle" :emptyViewReloadStyle="emptyViewReloadStyle" :emptyViewZIndex="emptyViewZIndex" :emptyViewFixed="emptyViewFixed" 
+									@reload="_emptyViewReload" @viewClick="_emptyViewClick" />
+								</view>
+							</view>
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+			<view v-if="zSlots.right" :class="{'zp-page-right':true,'zp-absoulte zp-right':finalIsOldWebView}">
+				<slot name="right" />
+			</view>
+		</view>
+		<!-- 底部固定的slot -->
+		<slot v-if="!usePageScroll&&zSlots.bottom" name="bottom" />
+		<view class="zp-page-bottom" v-else-if="usePageScroll&&zSlots.bottom" :style="[{'bottom': `${windowBottom}px`}]">
+			<slot name="bottom" />
+		</view>
+		<!-- 点击返回顶部view -->
+		<view v-if="showBackToTopClass" :class="backToTopClass" :style="[finalBackToTopStyle]" @click.stop="_backToTopClick">
+			<slot v-if="zSlots.backToTop" name="backToTop" />
+			<image v-else class="zp-back-to-top-img" :src="backToTopImg.length?backToTopImg:base64BackToTop" />
+		</view>
+		<!-- 全屏Loading(铺满z-paging并固定) -->
+		<view v-if="showLoading&&zSlots.loading&&loadingFullFixed" class="zp-loading-fixed">
+			<slot name="loading" />
+		</view>
+	</view>
+	<!-- #endif -->
+	<!-- #ifdef APP-NVUE -->
+	<component :is="finalNvueSuperListIs" :style="[finalPagingStyle]" :class="{'z-paging-content-fixed':fixed&&!usePageScroll}" :scrollable="false">
+		<!-- 顶部固定的slot -->
+		<view ref="zp-page-top" v-if="zSlots.top" :class="{'zp-page-top':usePageScroll}" :style="[usePageScroll?{'top':`${windowTop}px`,'z-index':topZIndex}:{}]">
+			<slot name="top" />
+		</view>
+		<component :is="finalNvueSuperListIs" class="zp-n-list-container" :scrollable="false">
+			<view v-if="zSlots.left" class="zp-page-left">
+				<slot name="left" />
+			</view>
+			<component :is="finalNvueListIs" ref="zp-n-list" :id="nvueListId" :style="[{'flex': 1,'top':isIos?'0px':'-1px'},usePageScroll?scrollViewStyle:{},nChatRecordRotateStyle]" :alwaysScrollableVertical="true"
+				:fixFreezing="nFixFreezing" :show-scrollbar="showScrollbar&&!useChatRecordMode" :loadmoreoffset="finalLowerThreshold" :enable-back-to-top="enableBackToTop"
+				:scrollable="scrollable&&scrollEnable&&(refresherCompleteScrollable?true:refresherStatus!==R.Complete)" :bounce="nvueBounce" :column-count="nWaterfallColumnCount" :column-width="nWaterfallColumnWidth"
+				:column-gap="nWaterfallColumnGap" :left-gap="nWaterfallLeftGap" :right-gap="nWaterfallRightGap" :pagingEnabled="nvuePagingEnabled" :offset-accuracy="offsetAccuracy"
+				@loadmore="_nOnLoadmore" @scroll="_nOnScroll">
+				<refresh v-if="(zSlots.top?cacheTopHeight!==-1:true)&&finalNvueRefresherEnabled" class="zp-n-refresh" :style="[nvueRefresherStyle]" :display="nRefresherLoading?'show':'hide'" @refresh="_nOnRrefresh" @pullingdown="_nOnPullingdown">
+					<view ref="zp-n-refresh-container" class="zp-n-refresh-container" :style="[{background:refresherBackground,width:nRefresherWidth}]" id="zp-n-refresh-container">
+						<!-- 下拉刷新view -->
+						<slot v-if="zSlots.refresherComplete&&refresherStatus===R.Complete" name="refresherComplete" />
+						<slot v-else-if="(nScopedSlots?nScopedSlots:zSlots).refresher" :refresherStatus="refresherStatus" name="refresher" />
+						<z-paging-refresh ref="refresh" v-else :status="refresherStatus" :defaultThemeStyle="finalRefresherThemeStyle"
+							:defaultText="finalRefresherDefaultText" :pullingText="finalRefresherPullingText" :refreshingText="finalRefresherRefreshingText" :completeText="finalRefresherCompleteText"
+							:defaultImg="refresherDefaultImg" :pullingImg="refresherPullingImg" :refreshingImg="refresherRefreshingImg" :completeImg="refresherCompleteImg" :refreshingAnimated="refresherRefreshingAnimated"
+							:showUpdateTime="showRefresherUpdateTime" :updateTimeKey="refresherUpdateTimeKey" :updateTimeTextMap="finalRefresherUpdateTimeTextMap"
+							:imgStyle="refresherImgStyle" :titleStyle="refresherTitleStyle" :updateTimeStyle="refresherUpdateTimeStyle" />
+					</view>
+				</refresh>
+				<component :is="nViewIs" v-if="isIos&&!useChatRecordMode?oldScrollTop>10:true" ref="zp-n-list-top-tag" class="zp-n-list-top-tag" style="margin-top: -1rpx;" :style="[{height:finalNvueRefresherEnabled?'0px':'1px'}]"></component>
+				<component :is="nViewIs" v-if="nShowRefresherReveal" ref="zp-n-list-refresher-reveal" :style="[{transform:`translateY(-${nShowRefresherRevealHeight}px)`},{background:refresherBackground}]">
+					<!-- 下拉刷新view -->
+					<slot v-if="zSlots.refresherComplete&&refresherStatus===R.Complete" name="refresherComplete" />
+					<slot v-else-if="(nScopedSlots?nScopedSlots:$slots).refresher" :refresherStatus="R.Loading" name="refresher" />
+					<z-paging-refresh ref="refresh" v-else :status="R.Loading" :defaultThemeStyle="finalRefresherThemeStyle"
+						:defaultText="finalRefresherDefaultText" :pullingText="finalRefresherPullingText" :refreshingText="finalRefresherRefreshingText" :completeText="finalRefresherCompleteText" 
+						:defaultImg="refresherDefaultImg" :pullingImg="refresherPullingImg" :refreshingImg="refresherRefreshingImg" :completeImg="refresherCompleteImg" :refreshingAnimated="refresherRefreshingAnimated"
+						:showUpdateTime="showRefresherUpdateTime" :updateTimeKey="refresherUpdateTimeKey" :updateTimeTextMap="finalRefresherUpdateTimeTextMap"
+						:imgStyle="refresherImgStyle" :titleStyle="refresherTitleStyle" :updateTimeStyle="refresherUpdateTimeStyle" />
+				</component>
+				<template v-if="finalUseInnerList">
+					<component :is="nViewIs">
+						<slot name="header"/>
+					</component>	
+					<component :is="nViewIs" class="zp-list-cell" v-for="(item,index) in realTotalData" :key="finalCellKeyName.length?item[finalCellKeyName]:index">
+						<slot name="cell" :item="item" :index="index"/>
+					</component>
+					<component :is="nViewIs">
+						<slot name="footer"/>
+					</component>	
+				</template>
+				<template v-else>
+					<slot />
+				</template>
+				<!-- 全屏Loading -->
+				<component :is="nViewIs" v-if="showLoading&&zSlots.loading&&!loadingFullFixed" :class="{'z-paging-content-fixed':usePageScroll}" style="flex:1" :style="[nChatRecordRotateStyle]">
+					<slot name="loading" />
+				</component>
+				<!-- 空数据图 -->
+				<component :is="nViewIs" v-if="showEmpty" :class="{'z-paging-content-fixed':usePageScroll}" style="flex:1" :style="[emptyViewSuperStyle,nChatRecordRotateStyle]">
+					<view :class="{'zp-empty-view':true,'zp-empty-view-center':emptyViewCenter}">
+						<slot v-if="zSlots.empty" name="empty" :isLoadFailed="isLoadFailed" />
+						<z-paging-empty-view v-else :emptyViewImg="finalEmptyViewImg" :emptyViewText="finalEmptyViewText" :showEmptyViewReload="finalShowEmptyViewReload" 
+						:emptyViewReloadText="finalEmptyViewReloadText" :isLoadFailed="isLoadFailed" :emptyViewStyle="emptyViewStyle" :emptyViewTitleStyle="emptyViewTitleStyle" 
+						:emptyViewImgStyle="emptyViewImgStyle" :emptyViewReloadStyle="emptyViewReloadStyle" :emptyViewZIndex="emptyViewZIndex" :emptyViewFixed="emptyViewFixed" 
+						@reload="_emptyViewReload" @viewClick="_emptyViewClick" />
+					</view>
+				</component>
+				<component is="header" v-if="!hideNvueBottomTag" ref="zp-n-list-bottom-tag" class="zp-n-list-bottom-tag"></component>
+				<!-- 上拉加载更多view -->
+				<component :is="nViewIs" v-if="!refresherOnly&&loadingMoreEnabled">
+					<view v-if="useChatRecordMode">
+						<view v-if="loadingStatus!==M.NoMore&&realTotalData.length">
+							<slot v-if="zSlots.chatLoading" name="chatLoading" />
+							<view v-else class="zp-chat-record-loading-container">
+								<text v-if="loadingStatus!==M.Loading" @click="_onScrollToUpper"
+									:class="defaultThemeStyle==='white'?'zp-loading-more-text zp-loading-more-text-white':'zp-loading-more-text zp-loading-more-text-black'">{{chatRecordLoadingMoreText}}</text>
+								<view>
+									<loading-indicator v-if="loadingStatus===M.Loading" class="zp-line-loading-image" animating />
+								</view>
+							</view>
+						</view>
+					</view>
+					<view :style="nLoadingMoreFixedHeight?{height:loadingMoreCustomStyle&&loadingMoreCustomStyle.height?loadingMoreCustomStyle.height:'80rpx'}:{}">
+						<slot v-if="showLoadingMoreDefault" name="loadingMoreDefault" />
+						<slot v-else-if="showLoadingMoreLoading" name="loadingMoreLoading" />
+						<slot v-else-if="showLoadingMoreNoMore" name="loadingMoreNoMore" />
+						<slot v-else-if="showLoadingMoreFail" name="loadingMoreFail" />
+						<z-paging-load-more @doClick="_onLoadingMore('click')" v-else-if="showLoadingMoreCustom" :zConfig="zLoadMoreConfig" />
+						<view v-if="safeAreaInsetBottom&&useSafeAreaPlaceholder" class="zp-safe-area-placeholder" :style="[{height:safeAreaBottom+'px'}]" />
+					</view>
+				</component>
+			</component>
+			<view v-if="zSlots.right" class="zp-page-right">
+				<slot name="right" />
+			</view>
+		</component>
+		<!-- 底部固定的slot -->
+		<slot name="bottom" />
+		<!-- 点击返回顶部view -->
+		<view v-if="showBackToTopClass" :class="backToTopClass" :style="[finalBackToTopStyle]" @click.stop="_backToTopClick">
+			<slot v-if="zSlots.backToTop" name="backToTop" />
+			<image v-else class="zp-back-to-top-img" :src="backToTopImg.length?backToTopImg:base64BackToTop" />
+		</view>
+		<!-- 全屏Loading(铺满z-paging并固定) -->
+		<view v-if="showLoading&&zSlots.loading&&loadingFullFixed" class="zp-loading-fixed">
+			<slot name="loading" />
+		</view>
+	</component>
+	<!-- #endif -->
+</template>
+<!-- #ifdef APP-VUE || MP-WEIXIN || MP-QQ || H5 -->
+<script src="./wxs/z-paging-wxs.wxs" module="pagingWxs" lang="wxs"></script>
+<!-- #endif -->
+<script module="pagingRenderjs" lang="renderjs">
+	import pagingRenderjs from './wxs/z-paging-renderjs.js';
+	/**
+	 * z-paging 分页组件
+	 * @description 高性能，全平台兼容。支持虚拟列表，支持nvue、vue3
+	 * @tutorial https://z-paging.zxlee.cn
+	 * @notice 以下仅为部分常用属性、方法和事件，完整文档请查阅z-paging官网
+	 * @property {Number|String} default-page-no 自定义初始的pageNo，默认为1
+	 * @property {Number|String} default-page-size 自定义pageSize，默认为10
+	 * @property {Object} paging-style 设置z-paging的style，部分平台(如微信小程序)无法直接修改组件的style，可使用此属性代替
+	 * @property {String} height z-paging的高度，优先级低于pagingStyle中设置的height，传字符串，如100px、100rpx、100%
+	 * @property {String} width z-paging的宽度，优先级低于pagingStyle中设置的width，传字符串，如100px、100rpx、100%
+	 * @property {Boolean} use-page-scroll 使用页面滚动，默认为否
+	 * @property {Boolean} use-virtual-list 是否使用虚拟列表，默认为否
+	 * @property {Boolean} fixed z-paging是否使用fixed布局，若使用fixed布局，则z-paging的父view无需固定高度，z-paging高度默认为100%，默认为是(当使用内置scroll-view滚动时有效)
+	 * @property {Boolean} auto [z-paging]mounted后是否自动调用reload方法(mounted后自动调用接口)，默认为是
+	 * @property {Boolean} use-chat-record-mode 使用聊天记录模式，默认为否
+	 * @event {Function} query 下拉刷新或滚动到底部时会自动触发此方法。z-paging加载时也会触发(若要禁止，请设置:auto="false")。pageNo和pageSize会自动计算好，直接传给服务器即可。
+	 * @example <z-paging ref="paging" v-model="dataList" @query="queryList"></z-paging>
+	 */
+	export default {
+		name:"z-paging",
+		// #ifdef APP-VUE || H5
+		mixins: [pagingRenderjs],
+		// #endif
+	}
+</script>
+<script src="./js/z-paging-main.js" />
+	
+<style scoped>
+	@import "./css/z-paging-main.css";
+	@import "./css/z-paging-static.css";
+</style>
diff --git a/src/uni_modules/z-paging/package.json b/src/uni_modules/z-paging/package.json
new file mode 100644
index 0000000..5c28132
--- /dev/null
+++ b/src/uni_modules/z-paging/package.json
@@ -0,0 +1,86 @@
+{
+  "id": "z-paging",
+  "name": "z-paging",
+  "displayName": "【z-paging下拉刷新、上拉加载】高性能，全平台兼容。支持虚拟列表，支持nvue、vue3",
+  "version": "2.5.8",
+  "description": "超简单、低耦合！使用wxs+renderjs实现。支持长列表优化，支持自定义下拉刷新、上拉加载更多，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持国际化等100+项配置",
+  "keywords": [
+    "下拉刷新",
+    "上拉加载",
+    "分页器",
+    "nvue",
+    "虚拟列表"
+],
+  "repository": "https://github.com/SmileZXLee/uni-z-paging",
+  "engines": {
+    "HBuilderX": "^3.0.7"
+  },
+"dcloudext": {
+    "sale": {
+      "regular": {
+        "price": "0.00"
+      },
+      "sourcecode": {
+        "price": "0.00"
+      }
+    },
+    "contact": {
+      "qq": "393727164"
+    },
+    "declaration": {
+      "ads": "无",
+      "data": "无",
+      "permissions": "无"
+    },
+    "npmurl": "https://www.npmjs.com/package/z-paging",
+    "type": "component-vue"
+  },
+  "uni_modules": {
+    "dependencies": [],
+    "encrypt": [],
+    "platforms": {
+      "cloud": {
+        "tcb": "y",
+        "aliyun": "y"
+      },
+      "client": {
+        "App": {
+          "app-vue": "y",
+          "app-nvue": "y"
+        },
+        "H5-mobile": {
+          "Safari": "y",
+          "Android Browser": "y",
+          "微信浏览器(Android)": "y",
+          "QQ浏览器(Android)": "y"
+        },
+        "H5-pc": {
+          "Chrome": "y",
+          "IE": "y",
+          "Edge": "y",
+          "Firefox": "y",
+          "Safari": "y"
+        },
+        "小程序": {
+          "微信": "y",
+          "阿里": "y",
+          "百度": "y",
+          "字节跳动": "y",
+          "QQ": "y",
+		  "钉钉": "y",
+		  "快手": "y",
+		  "飞书": "y",
+		  "京东": "y"
+        },
+        "快应用": {
+          "华为": "y",
+          "联盟": "y"
+        },
+        "Vue": {
+            "vue2": "y",
+            "vue3": "y"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/uni_modules/z-paging/readme.md b/src/uni_modules/z-paging/readme.md
new file mode 100644
index 0000000..acbd8fc
--- /dev/null
+++ b/src/uni_modules/z-paging/readme.md
@@ -0,0 +1,46 @@
+# z-paging
+
+<p align="center">
+    <img alt="logo" src="https://z-paging.zxlee.cn/img/title-logo.png" height="100" style="margin-bottom: 50px;">
+</p>
+
+[![version](https://img.shields.io/badge/version-2.5.7-blue)](https://github.com/SmileZXLee/uni-z-paging)
+[![license](https://img.shields.io/github/license/SmileZXLee/uni-z-paging)](https://en.wikipedia.org/wiki/MIT_License)
+
+### 文档地址：[https://z-paging.zxlee.cn](https://z-paging.zxlee.cn)
+
+### 更新组件前，请注意[版本差异](https://z-paging.zxlee.cn/start/upgrade-guide.html)
+
+***  
+### 功能&特点
+* 【配置简单】仅需两步（绑定网络请求方法、绑定分页结果数组）轻松完成完整下拉刷新，上拉加载更多功能。
+* 【低耦合，低侵入】分页自动管理。在page中无需处理任何分页相关逻辑，无需在data中定义任何分页相关变量，全由z-paging内部处理。
+* 【超灵活，支持各种类型自定义】支持自定义下拉刷新，自定义上拉加载更多，自带自定义下拉刷新效果，及其他数十种自定义属性。
+* 【功能丰富】支持国际化，支持自定义且自动管理空数据图，支持主题模式切换，支持本地分页，支持聊天分页模式，支持展示最后更新时间，支持吸顶效果，支持内部scroll-view滚动与页面滚动，支持一键滚动到顶部等诸多功能。
+* 【全平台兼容】支持nvue，vue3，支持h5、app及各家小程序。
+* 【高性能】在app-vue、h5、微信小程序、QQ小程序上使用wxs+renderjs从视图层实现下拉刷新；支持虚拟列表，轻松渲染万级数据！
+
+*** 
+### 反馈qq群(点击加群)：[790460711](https://jq.qq.com/?_wv=1027&k=vU2fKZZH)
+ 
+*** 
+
+### 预览
+
+***
+
+|                 自定义下拉刷新效果演示                  |                      滑动切换选项卡+吸顶演示                       |
+| :----------------------------------------------------------: | :----------------------------------------------------------: |
+| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo5.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo6.gif) |
+
+|                   聊天记录模式演示                    |                    虚拟列表(流畅渲染1万+条)演示                     |
+| :----------------------------------------------------------: | :----------------------------------------------------------: |
+| ![](https://z-paging.zxlee.cn/public/img/z-paging-demo7.gif) | ![](https://z-paging.zxlee.cn/public/img/z-paging-demo8.gif) |
+
+### 在线demo体验地址：
+
+* [https://demo.z-paging.zxlee.cn](https://demo.z-paging.zxlee.cn)
+
+| 扫码体验                                                     |
+| ------------------------------------------------------------ |
+| ![](https://z-paging.zxlee.cn/public/img/code.png) |
diff --git a/src/utils/big.min.js b/src/utils/big.min.js
new file mode 100644
index 0000000..70381ff
--- /dev/null
+++ b/src/utils/big.min.js
@@ -0,0 +1,296 @@
+/* big.js v5.2.2 https://github.com/MikeMcl/big.js/LICENCE */
+!function (e) {
+  "use strict";
+
+  var r,
+      i = 20,
+      s = 1,
+      P = 1e6,
+      o = -7,
+      f = 21,
+      c = "[big.js] ",
+      u = c + "Invalid ",
+      b = u + "decimal places",
+      h = u + "rounding mode",
+      x = c + "Division by zero",
+      l = {},
+      D = void 0,
+      a = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
+
+  function R(e, r, t, n) {
+    var i = e.c,
+        s = e.e + r + 1;
+
+    if (s < i.length) {
+      if (1 === t) n = 5 <= i[s];else if (2 === t) n = 5 < i[s] || 5 == i[s] && (n || s < 0 || i[s + 1] !== D || 1 & i[s - 1]);else if (3 === t) n = n || !!i[0];else if (n = !1, 0 !== t) throw Error(h);
+      if (s < 1) i.length = 1, i[0] = n ? (e.e = -r, 1) : e.e = 0;else {
+        if (i.length = s--, n) for (; 9 < ++i[s];) i[s] = 0, s-- || (++e.e, i.unshift(1));
+
+        for (s = i.length; !i[--s];) i.pop();
+      }
+    } else if (t < 0 || 3 < t || t !== ~~t) throw Error(h);
+
+    return e;
+  }
+
+  function t(e, r, t, n) {
+    var i,
+        s,
+        o = e.constructor,
+        f = !e.c[0];
+
+    if (t !== D) {
+      if (t !== ~~t || t < (3 == r) || P < t) throw Error(3 == r ? u + "precision" : b);
+
+      for (t = n - (e = new o(e)).e, e.c.length > ++n && R(e, t, o.RM), 2 == r && (n = e.e + t + 1); e.c.length < n;) e.c.push(0);
+    }
+
+    if (i = e.e, t = (s = e.c.join("")).length, 2 != r && (1 == r || 3 == r && n <= i || i <= o.NE || i >= o.PE)) s = s.charAt(0) + (1 < t ? "." + s.slice(1) : "") + (i < 0 ? "e" : "e+") + i;else if (i < 0) {
+      for (; ++i;) s = "0" + s;
+
+      s = "0." + s;
+    } else if (0 < i) {
+      if (++i > t) for (i -= t; i--;) s += "0";else i < t && (s = s.slice(0, i) + "." + s.slice(i));
+    } else 1 < t && (s = s.charAt(0) + "." + s.slice(1));
+    return e.s < 0 && (!f || 4 == r) ? "-" + s : s;
+  }
+
+  l.abs = function () {
+    var e = new this.constructor(this);
+    return e.s = 1, e;
+  }, l.cmp = function (e) {
+    var r,
+        t = this,
+        n = t.c,
+        i = (e = new t.constructor(e)).c,
+        s = t.s,
+        o = e.s,
+        f = t.e,
+        c = e.e;
+    if (!n[0] || !i[0]) return n[0] ? s : i[0] ? -o : 0;
+    if (s != o) return s;
+    if (r = s < 0, f != c) return c < f ^ r ? 1 : -1;
+
+    for (o = (f = n.length) < (c = i.length) ? f : c, s = -1; ++s < o;) if (n[s] != i[s]) return n[s] > i[s] ^ r ? 1 : -1;
+
+    return f == c ? 0 : c < f ^ r ? 1 : -1;
+  }, l.div = function (e) {
+    var r = this,
+        t = r.constructor,
+        n = r.c,
+        i = (e = new t(e)).c,
+        s = r.s == e.s ? 1 : -1,
+        o = t.DP;
+    if (o !== ~~o || o < 0 || P < o) throw Error(b);
+    if (!i[0]) throw Error(x);
+    if (!n[0]) return new t(0 * s);
+    var f,
+        c,
+        u,
+        h,
+        l,
+        a = i.slice(),
+        g = f = i.length,
+        p = n.length,
+        w = n.slice(0, f),
+        d = w.length,
+        v = e,
+        m = v.c = [],
+        E = 0,
+        M = o + (v.e = r.e - e.e) + 1;
+
+    for (v.s = s, s = M < 0 ? 0 : M, a.unshift(0); d++ < f;) w.push(0);
+
+    do {
+      for (u = 0; u < 10; u++) {
+        if (f != (d = w.length)) h = d < f ? 1 : -1;else for (l = -1, h = 0; ++l < f;) if (i[l] != w[l]) {
+          h = i[l] > w[l] ? 1 : -1;
+          break;
+        }
+        if (!(h < 0)) break;
+
+        for (c = d == f ? i : a; d;) {
+          if (w[--d] < c[d]) {
+            for (l = d; l && !w[--l];) w[l] = 9;
+
+            --w[l], w[d] += 10;
+          }
+
+          w[d] -= c[d];
+        }
+
+        for (; !w[0];) w.shift();
+      }
+
+      m[E++] = h ? u : ++u, w[0] && h ? w[d] = n[g] || 0 : w = [n[g]];
+    } while ((g++ < p || w[0] !== D) && s--);
+
+    return m[0] || 1 == E || (m.shift(), v.e--), M < E && R(v, o, t.RM, w[0] !== D), v;
+  }, l.eq = function (e) {
+    return !this.cmp(e);
+  }, l.gt = function (e) {
+    return 0 < this.cmp(e);
+  }, l.gte = function (e) {
+    return -1 < this.cmp(e);
+  }, l.lt = function (e) {
+    return this.cmp(e) < 0;
+  }, l.lte = function (e) {
+    return this.cmp(e) < 1;
+  }, l.minus = l.sub = function (e) {
+    var r,
+        t,
+        n,
+        i,
+        s = this,
+        o = s.constructor,
+        f = s.s,
+        c = (e = new o(e)).s;
+    if (f != c) return e.s = -c, s.plus(e);
+    var u = s.c.slice(),
+        h = s.e,
+        l = e.c,
+        a = e.e;
+    if (!u[0] || !l[0]) return l[0] ? (e.s = -c, e) : new o(u[0] ? s : 0);
+
+    if (f = h - a) {
+      for ((n = (i = f < 0) ? (f = -f, u) : (a = h, l)).reverse(), c = f; c--;) n.push(0);
+
+      n.reverse();
+    } else for (t = ((i = u.length < l.length) ? u : l).length, f = c = 0; c < t; c++) if (u[c] != l[c]) {
+      i = u[c] < l[c];
+      break;
+    }
+
+    if (i && (n = u, u = l, l = n, e.s = -e.s), 0 < (c = (t = l.length) - (r = u.length))) for (; c--;) u[r++] = 0;
+
+    for (c = r; f < t;) {
+      if (u[--t] < l[t]) {
+        for (r = t; r && !u[--r];) u[r] = 9;
+
+        --u[r], u[t] += 10;
+      }
+
+      u[t] -= l[t];
+    }
+
+    for (; 0 === u[--c];) u.pop();
+
+    for (; 0 === u[0];) u.shift(), --a;
+
+    return u[0] || (e.s = 1, u = [a = 0]), e.c = u, e.e = a, e;
+  }, l.mod = function (e) {
+    var r,
+        t = this,
+        n = t.constructor,
+        i = t.s,
+        s = (e = new n(e)).s;
+    if (!e.c[0]) throw Error(x);
+    return t.s = e.s = 1, r = 1 == e.cmp(t), t.s = i, e.s = s, r ? new n(t) : (i = n.DP, s = n.RM, n.DP = n.RM = 0, t = t.div(e), n.DP = i, n.RM = s, this.minus(t.times(e)));
+  }, l.plus = l.add = function (e) {
+    var r,
+        t = this,
+        n = t.constructor,
+        i = t.s,
+        s = (e = new n(e)).s;
+    if (i != s) return e.s = -s, t.minus(e);
+    var o = t.e,
+        f = t.c,
+        c = e.e,
+        u = e.c;
+    if (!f[0] || !u[0]) return u[0] ? e : new n(f[0] ? t : 0 * i);
+
+    if (f = f.slice(), i = o - c) {
+      for ((r = 0 < i ? (c = o, u) : (i = -i, f)).reverse(); i--;) r.push(0);
+
+      r.reverse();
+    }
+
+    for (f.length - u.length < 0 && (r = u, u = f, f = r), i = u.length, s = 0; i; f[i] %= 10) s = (f[--i] = f[i] + u[i] + s) / 10 | 0;
+
+    for (s && (f.unshift(s), ++c), i = f.length; 0 === f[--i];) f.pop();
+
+    return e.c = f, e.e = c, e;
+  }, l.pow = function (e) {
+    var r = this,
+        t = new r.constructor(1),
+        n = t,
+        i = e < 0;
+    if (e !== ~~e || e < -1e6 || 1e6 < e) throw Error(u + "exponent");
+
+    for (i && (e = -e); 1 & e && (n = n.times(r)), e >>= 1;) r = r.times(r);
+
+    return i ? t.div(n) : n;
+  }, l.round = function (e, r) {
+    var t = this.constructor;
+    if (e === D) e = 0;else if (e !== ~~e || e < -P || P < e) throw Error(b);
+    return R(new t(this), e, r === D ? t.RM : r);
+  }, l.sqrt = function () {
+    var e,
+        r,
+        t,
+        n = this,
+        i = n.constructor,
+        s = n.s,
+        o = n.e,
+        f = new i(.5);
+    if (!n.c[0]) return new i(n);
+    if (s < 0) throw Error(c + "No square root");
+
+    for (o = (e = 0 === (s = Math.sqrt(n + "")) || s === 1 / 0 ? ((r = n.c.join("")).length + o & 1 || (r += "0"), o = ((o + 1) / 2 | 0) - (o < 0 || 1 & o), new i(((s = Math.sqrt(r)) == 1 / 0 ? "1e" : (s = s.toExponential()).slice(0, s.indexOf("e") + 1)) + o)) : new i(s)).e + (i.DP += 4); t = e, e = f.times(t.plus(n.div(t))), t.c.slice(0, o).join("") !== e.c.slice(0, o).join(""););
+
+    return R(e, i.DP -= 4, i.RM);
+  }, l.times = l.mul = function (e) {
+    var r,
+        t = this.constructor,
+        n = this.c,
+        i = (e = new t(e)).c,
+        s = n.length,
+        o = i.length,
+        f = this.e,
+        c = e.e;
+    if (e.s = this.s == e.s ? 1 : -1, !n[0] || !i[0]) return new t(0 * e.s);
+
+    for (e.e = f + c, s < o && (r = n, n = i, i = r, c = s, s = o, o = c), r = new Array(c = s + o); c--;) r[c] = 0;
+
+    for (f = o; f--;) {
+      for (o = 0, c = s + f; f < c;) o = r[c] + i[f] * n[c - f - 1] + o, r[c--] = o % 10, o = o / 10 | 0;
+
+      r[c] = (r[c] + o) % 10;
+    }
+
+    for (o ? ++e.e : r.shift(), f = r.length; !r[--f];) r.pop();
+
+    return e.c = r, e;
+  }, l.toExponential = function (e) {
+    return t(this, 1, e, e);
+  }, l.toFixed = function (e) {
+    return t(this, 2, e, this.e + e);
+  }, l.toPrecision = function (e) {
+    return t(this, 3, e, e - 1);
+  }, l.toString = function () {
+    return t(this);
+  }, l.valueOf = l.toJSON = function () {
+    return t(this, 4);
+  }, (r = function t() {
+    function n(e) {
+      var r = this;
+      if (!(r instanceof n)) return e === D ? t() : new n(e);
+      e instanceof n ? (r.s = e.s, r.e = e.e, r.c = e.c.slice()) : function (e, r) {
+        var t, n, i;
+        if (0 === r && 1 / r < 0) r = "-0";else if (!a.test(r += "")) throw Error(u + "number");
+
+        for (e.s = "-" == r.charAt(0) ? (r = r.slice(1), -1) : 1, -1 < (t = r.indexOf(".")) && (r = r.replace(".", "")), 0 < (n = r.search(/e/i)) ? (t < 0 && (t = n), t += +r.slice(n + 1), r = r.substring(0, n)) : t < 0 && (t = r.length), i = r.length, n = 0; n < i && "0" == r.charAt(n);) ++n;
+
+        if (n == i) e.c = [e.e = 0];else {
+          for (; 0 < i && "0" == r.charAt(--i););
+
+          for (e.e = t - n - 1, e.c = [], t = 0; n <= i;) e.c[t++] = +r.charAt(n++);
+        }
+      }(r, e), r.constructor = n;
+    }
+
+    return n.prototype = l, n.DP = i, n.RM = s, n.NE = o, n.PE = f, n.version = "5.2.2", n;
+  }()).default = r.Big = r, "function" == typeof define && define.amd ? define(function () {
+    return r;
+  }) : "undefined" != typeof module && module.exports ? module.exports = r : e.Big = r;
+}(this);
\ No newline at end of file
diff --git a/src/utils/constant.js b/src/utils/constant.js
new file mode 100644
index 0000000..3e3a69a
--- /dev/null
+++ b/src/utils/constant.js
@@ -0,0 +1,22 @@
+const PayType = {
+  WECHATPAY: 1, // 小程序支付
+  ALIPAY: 2, // 支付宝支付
+  WECHATPAY_SWEEP_CODE: 3, // 微信扫码支付
+  WECHATPAY_H5: 4, // 微信H5支付
+  WECHATPAY_MP: 5, // 微信公众号支付
+  ALIPAY_H5: 6 // 支付宝H5支付
+}
+
+const AppType = {
+  MINI: 1, // 小程序
+  MP: 2, // 微信公众号
+  PC: 3, // pc
+  H5: 4, // h5
+  ANDROID: 5, // 安卓
+  IOS: 6 // 苹果
+}
+
+module.exports = {
+  PayType,
+  AppType
+}
diff --git a/src/utils/crypto.js b/src/utils/crypto.js
new file mode 100644
index 0000000..0ac8006
--- /dev/null
+++ b/src/utils/crypto.js
@@ -0,0 +1,10 @@
+import CryptoJS from 'crypto-js'
+// 加密
+const keyStr = '-mall--password-' // 解密用的key
+export function encrypt (word) {
+  const time = Date.now()
+  const key = CryptoJS.enc.Utf8.parse(keyStr)
+  const srcs = CryptoJS.enc.Utf8.parse(time + word)
+  const encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 })
+  return encrypted.toString()
+}
diff --git a/src/utils/http.js b/src/utils/http.js
new file mode 100644
index 0000000..8fa0f84
--- /dev/null
+++ b/src/utils/http.js
@@ -0,0 +1,152 @@
+/* eslint-disable no-console */
+// 全局请求封装
+const http = {
+  request: function (params) {
+    // 请求参数处理
+    if (Object.prototype.toString.call(params.data) === '[object Array]') {
+      params.data = JSON.stringify(params.data)
+    } else if (Object.prototype.toString.call(params.data) === '[object Number]') {
+      params.data = params.data + ''
+    }
+    // 发起请求
+    return new Promise((resolve, reject) => {
+      uni.request({
+        dataType: 'json',
+        responseType: params.responseType === undefined ? 'text' : params.responseType,
+        header: {
+          Authorization: uni.getStorageSync('cloudStationToken'),
+          locale: uni.getStorageSync('b2cLang') || 'zh_CN'
+        },
+        url: (params.domain ? params.domain : import.meta.env.VITE_APP_BASE_API) + params.url,
+        data: params.data,
+        method: params.method === undefined ? 'POST' : params.method,
+        success: (res) => {
+          if (res.statusCode === 404) {
+            uni.showToast({
+              title: '无法找到请求地址',
+              icon: 'none'
+            })
+            return
+          }
+          if (res.statusCode !== 200) {
+            uni.showToast({
+              title: '服务器出了点小差~',
+              icon: 'none'
+            })
+            return
+          }
+          const responseData = res.data
+          // 仅返回结果
+          if (!responseData.success && !responseData.code && !responseData.data) {
+            if (params.callBack) {
+              resolve(responseData)
+            }
+            return
+          }
+          if (responseData.code === 'A00001') {
+            if (!params.hasCatch) {
+              uni.showToast({
+                title: responseData.msg || responseData.data || 'Error',
+                icon: 'none'
+              })
+            }
+          }
+          // 00000 请求成功
+          // A00002 用于直接显示提示系统的成功,内容由输入决定
+          if (responseData.code === '00000' || responseData.code === 'A00002') {
+            resolve(responseData)
+          }
+          // A00004 未授权
+          if (responseData.code === 'A00004') {
+            uni.removeStorageSync('cloudStationLoginResult')
+            uni.removeStorageSync('cloudStationToken')
+            uni.hideLoading()
+            if (!params.dontTrunLogin) {
+              if (uni.getStorageSync('cloudHadLogin')) {
+                uni.showModal({
+                  title: '提示',
+                  content: '登录已过期，请重新登陆！',
+                  success: res => {
+                    if (res.confirm) {
+                      // 跳转登录页面
+                      uni.redirectTo({
+                        url: '/pages/account-login/account-login'
+                      })
+                    } else {
+                      uni.navigateTo({
+                        url: '/pages/index/index'
+                      })
+                    }
+                  }
+                })
+              } else {
+                // 跳转登录页面
+                uni.navigateTo({
+                  url: '/pages/account-login/account-login'
+                })
+              }
+            }
+          }
+
+          // A00005 服务器出了点小差
+          if (responseData.code === 'A00005') {
+            this.onRequestFail(params, responseData)
+            uni.showToast({
+              title: '服务器出了点小差~',
+              icon: 'none'
+            })
+          }
+          if (responseData.code !== '00000') {
+            reject(responseData)
+          }
+        },
+        fail: (err) => {
+          uni.showToast({
+            title: '请求失败'
+          })
+          reject(err)
+        }
+      })
+    })
+  },
+
+  onRequestFail: (params, responseData) => {
+    console.error('============== 请求异常 ==============')
+    console.log('接口地址: ', params.url)
+    console.log('异常信息: ', responseData)
+    console.error('============== 请求异常 end ==========')
+  },
+  /**
+   * 上传文件统一接口
+   */
+  upload: (params) => {
+    uni.uploadFile({
+      url: import.meta.env.VITE_APP_BASE_API + params.url,
+      filePath: params.filePath,
+      name: params.name,
+      header: {
+        Authorization: params.login ? undefined : uni.getStorageSync('cloudStationToken')
+      },
+      dataType: 'json',
+      responseType: params.responseType === undefined ? 'json' : params.responseType,
+      success: (res) => {
+        const responseData = JSON.parse(res.data)
+        console.log(responseData, 'responseData')
+        if (responseData.code === '00000') {
+          if (params.callBack) {
+            params.callBack(responseData.data)
+          }
+        } else {
+          uni.showToast({
+            title: '服务器出了点小差~',
+            icon: 'none'
+          })
+        }
+      },
+      fail: function () {
+        uni.hideLoading()
+      }
+    })
+  }
+}
+export default http
diff --git a/src/utils/jwx/index.js b/src/utils/jwx/index.js
new file mode 100644
index 0000000..1b5014b
--- /dev/null
+++ b/src/utils/jwx/index.js
@@ -0,0 +1 @@
+!function(e,n){"function"==typeof define&&(define.amd||define.cmd)?define(function(){return n(e)}):n(e,!0)}(window,function(o,e){if(!o.jWeixin){var n,c={config:"preVerifyJSAPI",onMenuShareTimeline:"menu:share:timeline",onMenuShareAppMessage:"menu:share:appmessage",onMenuShareQQ:"menu:share:qq",onMenuShareWeibo:"menu:share:weiboApp",onMenuShareQZone:"menu:share:QZone",previewImage:"imagePreview",getLocation:"geoLocation",openProductSpecificView:"openProductViewWithPid",addCard:"batchAddCard",openCard:"batchViewCard",chooseWXPay:"getBrandWCPayRequest",openEnterpriseRedPacket:"getRecevieBizHongBaoRequest",startSearchBeacons:"startMonitoringBeacons",stopSearchBeacons:"stopMonitoringBeacons",onSearchBeacons:"onBeaconsInRange",consumeAndShareCard:"consumedShareCard",openAddress:"editAddress"},a=function(){var e={};for(var n in c)e[c[n]]=n;return e}(),i=o.document,t=i.title,r=navigator.userAgent.toLowerCase(),s=navigator.platform.toLowerCase(),d=!(!s.match("mac")&&!s.match("win")),u=-1!=r.indexOf("wxdebugger"),l=-1!=r.indexOf("micromessenger"),p=-1!=r.indexOf("android"),f=-1!=r.indexOf("iphone")||-1!=r.indexOf("ipad"),m=(n=r.match(/micromessenger\/(\d+\.\d+\.\d+)/)||r.match(/micromessenger\/(\d+\.\d+)/))?n[1]:"",g={initStartTime:L(),initEndTime:0,preVerifyStartTime:0,preVerifyEndTime:0},h={version:1,appId:"",initTime:0,preVerifyTime:0,networkType:"",isPreVerifyOk:1,systemType:f?1:p?2:-1,clientVersion:m,url:encodeURIComponent(location.href)},v={},S={_completes:[]},y={state:0,data:{}};O(function(){g.initEndTime=L()});var I=!1,_=[],w={config:function(e){B("config",v=e);var t=!1!==v.check;O(function(){if(t)M(c.config,{verifyJsApiList:C(v.jsApiList),verifyOpenTagList:C(v.openTagList)},function(){S._complete=function(e){g.preVerifyEndTime=L(),y.state=1,y.data=e},S.success=function(e){h.isPreVerifyOk=0},S.fail=function(e){S._fail?S._fail(e):y.state=-1};var t=S._completes;return t.push(function(){!function(){if(!(d||u||v.debug||m<"6.0.2"||h.systemType<0)){var i=new Image;h.appId=v.appId,h.initTime=g.initEndTime-g.initStartTime,h.preVerifyTime=g.preVerifyEndTime-g.preVerifyStartTime,w.getNetworkType({isInnerInvoke:!0,success:function(e){h.networkType=e.networkType;var n="https://open.weixin.qq.com/sdk/report?v="+h.version+"&o="+h.isPreVerifyOk+"&s="+h.systemType+"&c="+h.clientVersion+"&a="+h.appId+"&n="+h.networkType+"&i="+h.initTime+"&p="+h.preVerifyTime+"&u="+h.url;i.src=n}})}}()}),S.complete=function(e){for(var n=0,i=t.length;n<i;++n)t[n]();S._completes=[]},S}()),g.preVerifyStartTime=L();else{y.state=1;for(var e=S._completes,n=0,i=e.length;n<i;++n)e[n]();S._completes=[]}}),w.invoke||(w.invoke=function(e,n,i){o.WeixinJSBridge&&WeixinJSBridge.invoke(e,x(n),i)},w.on=function(e,n){o.WeixinJSBridge&&WeixinJSBridge.on(e,n)})},ready:function(e){0!=y.state?e():(S._completes.push(e),!l&&v.debug&&e())},error:function(e){m<"6.0.2"||(-1==y.state?e(y.data):S._fail=e)},checkJsApi:function(e){M("checkJsApi",{jsApiList:C(e.jsApiList)},(e._complete=function(e){if(p){var n=e.checkResult;n&&(e.checkResult=JSON.parse(n))}e=function(e){var n=e.checkResult;for(var i in n){var t=a[i];t&&(n[t]=n[i],delete n[i])}return e}(e)},e))},onMenuShareTimeline:function(e){P(c.onMenuShareTimeline,{complete:function(){M("shareTimeline",{title:e.title||t,desc:e.title||t,img_url:e.imgUrl||"",link:e.link||location.href,type:e.type||"link",data_url:e.dataUrl||""},e)}},e)},onMenuShareAppMessage:function(n){P(c.onMenuShareAppMessage,{complete:function(e){"favorite"===e.scene?M("sendAppMessage",{title:n.title||t,desc:n.desc||"",link:n.link||location.href,img_url:n.imgUrl||"",type:n.type||"link",data_url:n.dataUrl||""}):M("sendAppMessage",{title:n.title||t,desc:n.desc||"",link:n.link||location.href,img_url:n.imgUrl||"",type:n.type||"link",data_url:n.dataUrl||""},n)}},n)},onMenuShareQQ:function(e){P(c.onMenuShareQQ,{complete:function(){M("shareQQ",{title:e.title||t,desc:e.desc||"",img_url:e.imgUrl||"",link:e.link||location.href},e)}},e)},onMenuShareWeibo:function(e){P(c.onMenuShareWeibo,{complete:function(){M("shareWeiboApp",{title:e.title||t,desc:e.desc||"",img_url:e.imgUrl||"",link:e.link||location.href},e)}},e)},onMenuShareQZone:function(e){P(c.onMenuShareQZone,{complete:function(){M("shareQZone",{title:e.title||t,desc:e.desc||"",img_url:e.imgUrl||"",link:e.link||location.href},e)}},e)},updateTimelineShareData:function(e){M("updateTimelineShareData",{title:e.title,link:e.link,imgUrl:e.imgUrl},e)},updateAppMessageShareData:function(e){M("updateAppMessageShareData",{title:e.title,desc:e.desc,link:e.link,imgUrl:e.imgUrl},e)},startRecord:function(e){M("startRecord",{},e)},stopRecord:function(e){M("stopRecord",{},e)},onVoiceRecordEnd:function(e){P("onVoiceRecordEnd",e)},playVoice:function(e){M("playVoice",{localId:e.localId},e)},pauseVoice:function(e){M("pauseVoice",{localId:e.localId},e)},stopVoice:function(e){M("stopVoice",{localId:e.localId},e)},onVoicePlayEnd:function(e){P("onVoicePlayEnd",e)},uploadVoice:function(e){M("uploadVoice",{localId:e.localId,isShowProgressTips:0==e.isShowProgressTips?0:1},e)},downloadVoice:function(e){M("downloadVoice",{serverId:e.serverId,isShowProgressTips:0==e.isShowProgressTips?0:1},e)},translateVoice:function(e){M("translateVoice",{localId:e.localId,isShowProgressTips:0==e.isShowProgressTips?0:1},e)},chooseImage:function(e){M("chooseImage",{scene:"1|2",count:e.count||9,sizeType:e.sizeType||["original","compressed"],sourceType:e.sourceType||["album","camera"]},(e._complete=function(e){if(p){var n=e.localIds;try{n&&(e.localIds=JSON.parse(n))}catch(e){}}},e))},getLocation:function(e){},previewImage:function(e){M(c.previewImage,{current:e.current,urls:e.urls},e)},uploadImage:function(e){M("uploadImage",{localId:e.localId,isShowProgressTips:0==e.isShowProgressTips?0:1},e)},downloadImage:function(e){M("downloadImage",{serverId:e.serverId,isShowProgressTips:0==e.isShowProgressTips?0:1},e)},getLocalImgData:function(e){!1===I?(I=!0,M("getLocalImgData",{localId:e.localId},(e._complete=function(e){if(I=!1,0<_.length){var n=_.shift();wx.getLocalImgData(n)}},e))):_.push(e)},getNetworkType:function(e){M("getNetworkType",{},(e._complete=function(e){e=function(e){var n=e.errMsg;e.errMsg="getNetworkType:ok";var i=e.subtype;if(delete e.subtype,i)e.networkType=i;else{var t=n.indexOf(":"),o=n.substring(t+1);switch(o){case"wifi":case"edge":case"wwan":e.networkType=o;break;default:e.errMsg="getNetworkType:fail"}}return e}(e)},e))},openLocation:function(e){M("openLocation",{latitude:e.latitude,longitude:e.longitude,name:e.name||"",address:e.address||"",scale:e.scale||28,infoUrl:e.infoUrl||""},e)},getLocation:function(e){M(c.getLocation,{type:(e=e||{}).type||"wgs84"},(e._complete=function(e){delete e.type},e))},hideOptionMenu:function(e){M("hideOptionMenu",{},e)},showOptionMenu:function(e){M("showOptionMenu",{},e)},closeWindow:function(e){M("closeWindow",{},e=e||{})},hideMenuItems:function(e){M("hideMenuItems",{menuList:e.menuList},e)},showMenuItems:function(e){M("showMenuItems",{menuList:e.menuList},e)},hideAllNonBaseMenuItem:function(e){M("hideAllNonBaseMenuItem",{},e)},showAllNonBaseMenuItem:function(e){M("showAllNonBaseMenuItem",{},e)},scanQRCode:function(e){M("scanQRCode",{needResult:(e=e||{}).needResult||0,scanType:e.scanType||["qrCode","barCode"]},(e._complete=function(e){if(f){var n=e.resultStr;if(n){var i=JSON.parse(n);e.resultStr=i&&i.scan_code&&i.scan_code.scan_result}}},e))},openAddress:function(e){M(c.openAddress,{},(e._complete=function(e){e=function(e){return e.postalCode=e.addressPostalCode,delete e.addressPostalCode,e.provinceName=e.proviceFirstStageName,delete e.proviceFirstStageName,e.cityName=e.addressCitySecondStageName,delete e.addressCitySecondStageName,e.countryName=e.addressCountiesThirdStageName,delete e.addressCountiesThirdStageName,e.detailInfo=e.addressDetailInfo,delete e.addressDetailInfo,e}(e)},e))},openProductSpecificView:function(e){M(c.openProductSpecificView,{pid:e.productId,view_type:e.viewType||0,ext_info:e.extInfo},e)},addCard:function(e){for(var n=e.cardList,i=[],t=0,o=n.length;t<o;++t){var r=n[t],a={card_id:r.cardId,card_ext:r.cardExt};i.push(a)}M(c.addCard,{card_list:i},(e._complete=function(e){var n=e.card_list;if(n){for(var i=0,t=(n=JSON.parse(n)).length;i<t;++i){var o=n[i];o.cardId=o.card_id,o.cardExt=o.card_ext,o.isSuccess=!!o.is_succ,delete o.card_id,delete o.card_ext,delete o.is_succ}e.cardList=n,delete e.card_list}},e))},chooseCard:function(e){M("chooseCard",{app_id:v.appId,location_id:e.shopId||"",sign_type:e.signType||"SHA1",card_id:e.cardId||"",card_type:e.cardType||"",card_sign:e.cardSign,time_stamp:e.timestamp+"",nonce_str:e.nonceStr},(e._complete=function(e){e.cardList=e.choose_card_info,delete e.choose_card_info},e))},openCard:function(e){for(var n=e.cardList,i=[],t=0,o=n.length;t<o;++t){var r=n[t],a={card_id:r.cardId,code:r.code};i.push(a)}M(c.openCard,{card_list:i},e)},consumeAndShareCard:function(e){M(c.consumeAndShareCard,{consumedCardId:e.cardId,consumedCode:e.code},e)},chooseWXPay:function(e){M(c.chooseWXPay,V(e),e)},openEnterpriseRedPacket:function(e){M(c.openEnterpriseRedPacket,V(e),e)},startSearchBeacons:function(e){M(c.startSearchBeacons,{ticket:e.ticket},e)},stopSearchBeacons:function(e){M(c.stopSearchBeacons,{},e)},onSearchBeacons:function(e){P(c.onSearchBeacons,e)},openEnterpriseChat:function(e){M("openEnterpriseChat",{useridlist:e.userIds,chatname:e.groupName},e)},launchMiniProgram:function(e){M("launchMiniProgram",{targetAppId:e.targetAppId,path:function(e){if("string"==typeof e&&0<e.length){var n=e.split("?")[0],i=e.split("?")[1];return n+=".html",void 0!==i?n+"?"+i:n}}(e.path),envVersion:e.envVersion},e)},openBusinessView:function(e){M("openBusinessView",{businessType:e.businessType,queryString:e.queryString||"",envVersion:e.envVersion},(e._complete=function(n){if(p){var e=n.extraData;if(e)try{n.extraData=JSON.parse(e)}catch(e){n.extraData={}}}},e))},miniProgram:{navigateBack:function(e){e=e||{},O(function(){M("invokeMiniProgramAPI",{name:"navigateBack",arg:{delta:e.delta||1}},e)})},navigateTo:function(e){O(function(){M("invokeMiniProgramAPI",{name:"navigateTo",arg:{url:e.url}},e)})},redirectTo:function(e){O(function(){M("invokeMiniProgramAPI",{name:"redirectTo",arg:{url:e.url}},e)})},switchTab:function(e){O(function(){M("invokeMiniProgramAPI",{name:"switchTab",arg:{url:e.url}},e)})},reLaunch:function(e){O(function(){M("invokeMiniProgramAPI",{name:"reLaunch",arg:{url:e.url}},e)})},postMessage:function(e){O(function(){M("invokeMiniProgramAPI",{name:"postMessage",arg:e.data||{}},e)})},getEnv:function(e){O(function(){e({miniprogram:"miniprogram"===o.__wxjs_environment})})}}},T=1,k={};return i.addEventListener("error",function(e){if(!p){var n=e.target,i=n.tagName,t=n.src;if("IMG"==i||"VIDEO"==i||"AUDIO"==i||"SOURCE"==i)if(-1!=t.indexOf("wxlocalresource://")){e.preventDefault(),e.stopPropagation();var o=n["wx-id"];if(o||(o=T++,n["wx-id"]=o),k[o])return;k[o]=!0,wx.ready(function(){wx.getLocalImgData({localId:t,success:function(e){n.src=e.localData}})})}}},!0),i.addEventListener("load",function(e){if(!p){var n=e.target,i=n.tagName;n.src;if("IMG"==i||"VIDEO"==i||"AUDIO"==i||"SOURCE"==i){var t=n["wx-id"];t&&(k[t]=!1)}}},!0),e&&(o.wx=o.jWeixin=w),w}function M(n,e,i){o.WeixinJSBridge?WeixinJSBridge.invoke(n,x(e),function(e){A(n,e,i)}):B(n,i)}function P(n,i,t){o.WeixinJSBridge?WeixinJSBridge.on(n,function(e){t&&t.trigger&&t.trigger(e),A(n,e,i)}):B(n,t||i)}function x(e){return(e=e||{}).appId=v.appId,e.verifyAppId=v.appId,e.verifySignType="sha1",e.verifyTimestamp=v.timestamp+"",e.verifyNonceStr=v.nonceStr,e.verifySignature=v.signature,e}function V(e){return{timeStamp:e.timestamp+"",nonceStr:e.nonceStr,package:e.package,paySign:e.paySign,signType:e.signType||"SHA1"}}function A(e,n,i){"openEnterpriseChat"!=e&&"openBusinessView"!==e||(n.errCode=n.err_code),delete n.err_code,delete n.err_desc,delete n.err_detail;var t=n.errMsg;t||(t=n.err_msg,delete n.err_msg,t=function(e,n){var i=e,t=a[i];t&&(i=t);var o="ok";if(n){var r=n.indexOf(":");"confirm"==(o=n.substring(r+1))&&(o="ok"),"failed"==o&&(o="fail"),-1!=o.indexOf("failed_")&&(o=o.substring(7)),-1!=o.indexOf("fail_")&&(o=o.substring(5)),"access denied"!=(o=(o=o.replace(/_/g," ")).toLowerCase())&&"no permission to execute"!=o||(o="permission denied"),"config"==i&&"function not exist"==o&&(o="ok"),""==o&&(o="fail")}return n=i+":"+o}(e,t),n.errMsg=t),(i=i||{})._complete&&(i._complete(n),delete i._complete),t=n.errMsg||"",v.debug&&!i.isInnerInvoke&&alert(JSON.stringify(n));var o=t.indexOf(":");switch(t.substring(o+1)){case"ok":i.success&&i.success(n);break;case"cancel":i.cancel&&i.cancel(n);break;default:i.fail&&i.fail(n)}i.complete&&i.complete(n)}function C(e){if(e){for(var n=0,i=e.length;n<i;++n){var t=e[n],o=c[t];o&&(e[n]=o)}return e}}function B(e,n){if(!(!v.debug||n&&n.isInnerInvoke)){var i=a[e];i&&(e=i),n&&n._complete&&delete n._complete,console.log('"'+e+'",',n||"")}}function L(){return(new Date).getTime()}function O(e){l&&(o.WeixinJSBridge?e():i.addEventListener&&i.addEventListener("WeixinJSBridgeReady",e,!1))}});
\ No newline at end of file
diff --git a/src/utils/util.js b/src/utils/util.js
new file mode 100644
index 0000000..227f54e
--- /dev/null
+++ b/src/utils/util.js
@@ -0,0 +1,255 @@
+const util = {
+// 时间戳转成0000-00-00 00:00:00
+  formatTime: timeStamp => {
+    const date = new Date(timeStamp)
+    const year = date.getFullYear()
+    const month = date.getMonth() + 1
+    const day = date.getDate()
+    const hour = date.getHours()
+    const minute = date.getMinutes()
+    const second = date.getSeconds()
+    return [year, month, day].map(n => n.toString()[1] ? n.toString() : '0' + n).join('-') + ' ' + [hour, minute, second].map(n => n.toString()[1] ? n.toString() : '0' + n).join(':')
+  },
+
+  // 时间转时间戳
+  dateToTimestamp: dateStr => {
+    if (!dateStr) {
+      return ''
+    }
+    const newDataStr = dateStr.replace(/-/g, '/')
+    const date = new Date(newDataStr)
+    return date.getTime()
+  },
+
+  checkIsVerification: (num) => {
+    const regexp = /^[0-9]{8,13}$/
+    return regexp.test(num)
+  },
+
+  checkIsNum: (num) => {
+    const regexp = /^[0-9]+$/
+    return regexp.test(num)
+  },
+
+  /**
+ * 防抖
+ * @param fn
+ * @param t
+ * @returns {Function}
+ * @constructor
+ */
+  debounce: (fn, t) => {
+    const delay = t || 300
+    let timer
+    return function () {
+      const args = arguments
+      if (timer) {
+        clearTimeout(timer)
+      }
+      const callNow = !timer
+      timer = setTimeout(() => {
+        timer = null
+      }, delay)
+      if (callNow) fn.apply(this, args)
+    }
+  },
+  mioIoUpload: (imgItem, fn) => {
+    const params = {
+      url: '/mall4cloud_biz/ua/oss/upload_minio',
+      filePath: imgItem,
+      name: 'file',
+      callBack: res => {
+        const data = JSON.parse(res).data
+        const resourcesVal = '/' + data.dir + data.fileName
+        fn(resourcesVal)
+      }
+    }
+    http.upload(params)
+  },
+  /**
+   * 根据地址返回省市区
+   * @param {String} address 地址
+   * @param {String} name 地名
+   * @return {Array} 省市区的信息
+   */
+  area: async (address, name) => {
+    if (!address) return
+    const areaInfoArr = []
+    let province, city, area // 名字
+    let provinceIndex, cityIndex, areaIndex // 所处的索引
+    let provinceId, cityId, areaId // areaId
+    // 特殊的区域
+    if (name.includes('苏滁现代产业园')) {
+      province = '安徽省'
+      city = '苏滁市'
+      area = '苏滁现代产业园'
+    } else if (name.includes('保定白沟新城')) {
+      province = '河北省'
+      city = '保定市'
+      area = '保定白沟新城'
+    } else if (name.includes('中沙群岛')) {
+      province = '海南省'
+      city = '三沙市'
+      area = '中沙群岛的岛礁及其海域'
+    } else {
+      const provSuffix = ['省', '自治区', '黑龙江', '北京市', '天津市', '上海市']
+      const citySuffix = ['市', '地区', '自治州', '盟']
+      const areaSuffix = ['区', '市', '县', '群岛']
+      let aIndex = 0
+      const common = (arr) => {
+        aIndex = 0
+        for (let i = 0; i < arr.length; i++) {
+          const index = address.indexOf(arr[i])
+          if (index !== -1) {
+            aIndex = index + arr[i].length
+            break
+          }
+        }
+      }
+      common(provSuffix)
+      if (aIndex === 0) return
+      province = address.substring(0, aIndex)
+      address = address.substring(aIndex)
+      // 直辖市
+      if (province === '北京市' || province === '天津市' || province === '上海市') {
+        common(areaSuffix)
+        if (aIndex === 0) return
+        area = address.substring(0, aIndex)
+        city = area.includes('县') ? '县' : '市辖区'
+      } else {
+        common(citySuffix)
+        if (aIndex === 0) return
+        city = address.substring(0, aIndex)
+        address = address.substring(aIndex)
+        common(areaSuffix)
+        if (aIndex === 0) return
+        area = address.substring(0, aIndex)
+      }
+    }
+    const getListByPid = (pid) => {
+      const paramsData = {}
+      if (pid === 0) {
+        paramsData.level = 1
+      } else {
+        paramsData.pid = pid
+      }
+      return new Promise((resolve) => {
+        http.request({
+          url: '/mall4cloud_order/area/list',
+          method: 'GET',
+          data: paramsData
+        }).then(res => {
+          resolve(res.data)
+        })
+      })
+    }
+    // 省
+    const res1 = await getListByPid(0)
+    for (let i = 0; i < res1.length; i++) {
+      if (province === res1[i].areaName) {
+        provinceIndex = i
+        provinceId = res1[i].areaId
+        break
+      }
+    }
+    // 市
+    const res2 = await getListByPid(provinceId)
+    for (let i = 0; i < res2.length; i++) {
+      if (city === res2[i].areaName) {
+        cityIndex = i
+        cityId = res2[i].areaId
+        break
+      }
+    }
+    // 区
+    const res3 = await getListByPid(cityId)
+    for (let i = 0; i < res3.length; i++) {
+      if (area === res3[i].areaName) {
+        areaIndex = i
+        areaId = res3[i].areaId
+        break
+      }
+    }
+    areaInfoArr.push({
+      name: province,
+      index: provinceIndex,
+      areaId: provinceId
+    })
+    areaInfoArr.push({
+      name: city,
+      index: cityIndex,
+      areaId: cityId
+    })
+    areaInfoArr.push({
+      name: area,
+      index: areaIndex,
+      areaId
+    })
+    areaInfoArr.push(res1) // 省数组
+    areaInfoArr.push(res2) // 市数组
+    areaInfoArr.push(res3) // 区数组
+    return areaInfoArr
+  },
+  awsUpload (ossList, files) {
+    return new Promise((resolve) => {
+      ossList.forEach((item, index) => {
+        // #ifdef APP-PLUS
+        util.getArrayBuffer(files[index].path).then((buffer) => {
+          const params = {
+            url: item.preSignUrl,
+            method: 'put',
+            data: buffer
+          }
+          http.request(params).then(() => {
+            uni.hideLoading()
+            resolve()
+          })
+        })
+        // #endif
+
+        // #ifdef H5
+        uni.request({
+          url: files[index].path,
+          method: 'GET',
+          responseType: 'arraybuffer',
+          success: function (requestRes) {
+            uni.request({
+              url: item.preSignUrl,
+              method: 'put',
+              data: requestRes.data
+            }).then(() => {
+              uni.hideLoading()
+              resolve()
+            })
+          }
+        })
+        // #endif
+      })
+    })
+  },
+  getArrayBuffer: (filePath) => {
+    return new Promise((resolve) => {
+      plus.io.resolveLocalFileSystemURL(filePath, async function (entry) {
+        entry.file(function (file) { // 读取文件
+          const reader = new plus.io.FileReader()
+          reader.readAsDataURL(file) // 以URL格式读取文件
+          reader.onload = function () {
+            const base64 = this.result.split(',')[1] // 获取base64字符串
+            const buffer = uni.base64ToArrayBuffer(base64) // 转换为arrayBuffer格式
+            resolve(buffer)
+          }
+        })
+      })
+    })
+  },
+  // 添加图片域名
+  addDomain (path) {
+    if (!path || /^https?:\/\//.test(path)) {
+      return path
+    } else {
+      return import.meta.env.VITE_APP_RESOURCES_URL + path
+    }
+  }
+}
+
+export default util
diff --git a/src/utils/wechat.js b/src/utils/wechat.js
new file mode 100644
index 0000000..966b342
--- /dev/null
+++ b/src/utils/wechat.js
@@ -0,0 +1,145 @@
+import http from './http.js'
+// #ifdef H5
+import './jwx/index.js'
+// #endif
+
+export default {
+  // 判断是否在微信中
+  isWechat () {
+    const ua = window.navigator.userAgent.toLowerCase()
+    return /micromessenger/.test(ua)
+  },
+
+  // #ifdef H5
+  getWxConfig (cb) {
+    let url = ''
+    uni.getSystemInfo({
+      success: function (res) {
+        url = res.platform === 'ios' ? uni.getStorageSync('cloudIosUrl') : window.location.href // 客户端平台，值域为：ios、android
+      }
+    })
+    http.request({
+      url: '/mall4cloud_auth/wx/jsapi/createJsapiSignature',
+      method: 'POST',
+      data: url
+    }).then(({ data }) => {
+      // 下面要发起微信支付了
+      wx.config({
+        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
+        appId: import.meta.env.VITE_APP_MP_APPID, // 必填，公众号的唯一标识
+        timestamp: data.timestamp, // 必填，生成签名的时间戳
+        nonceStr: data.nonceStr, // 必填，生成签名的随机串
+        signature: data.signature, // 必填，签名，见附录1
+        jsApiList: ['chooseWXPay', 'onMenuShareAppMessage', 'scanQRCode'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
+      })
+      if (cb) {
+        cb()
+      }
+    })
+  },
+  // #endif
+
+  /**
+   * 唤起微信支付
+   * @param {Object} paydata 支付需要的参数
+   * @param {Object} cb 成功回调
+   * @param {Object} errorCb 失败回调
+   */
+  callWexinPay (paydata, cb, errorCb) {
+    // 获取后台传入的数据
+    const timestamp = paydata.timeStamp
+    const nonceStr = paydata.nonceStr
+    const packages = paydata.packageValue
+    const paySign = paydata.paySign
+    const signType = paydata.signType
+
+    this.getWxConfig(() => {
+      wx.ready(function () {
+        wx.chooseWXPay({
+          timestamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
+          nonceStr, // 支付签名随机串，不长于 32 位
+          package: packages, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
+          signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
+          paySign, // 支付签名
+          success: function (res) {
+            // 支付成功后的回调函数
+            cb(res)
+          },
+          fail: function (res) {
+            // 失败回调函数
+            errorCb(res)
+          }
+        })
+      })
+      wx.error(function () {
+        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
+        alert('config信息验证失败')
+      })
+    })
+  },
+
+  /**
+   * 唤起微信分享
+   * @param {Object} sharedata 分享需要的参数
+   * @param {Object} cb 成功回调
+   * @param {Object} errorCb 失败回调
+   */
+  callWexinShare (sharedata, cb, errorCb) {
+    // 获取后台传入的数据
+    const title = sharedata.title
+    const link = sharedata.link
+    const imgUrl = sharedata.imgUrl
+    this.getWxConfig(() => {
+      wx.ready(function () {
+        wx.onMenuShareAppMessage({
+          title, // 分享标题
+          link, // 分享链接
+          imgUrl, // 分享图标
+          // desc: desc, // 分享描述
+          // type: type, // 分享类型,music、video或link，不填默认为link
+          // dataUrl: dataUrl, // 如果type是music或video，则要提供数据链接，默认为空
+          success: function (res) {
+            // 支付成功后的回调函数
+            cb(res)
+          },
+          fail: function (res) {
+            // 失败回调函数
+            errorCb(res)
+          }
+        })
+      })
+      wx.error(function () {
+        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
+        alert('config信息验证失败')
+      })
+    })
+  },
+
+  /**
+   * scanQRCode-扫码
+   * @param {Object} cb 成功回调
+   * @param {Object} errorCb 失败回调
+   */
+  scanQRCode (cb, errorCb) {
+    this.getWxConfig(() => {
+      wx.ready(function () {
+        wx.scanQRCode({
+          needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
+          scanType: ['qrCode', 'barCode'], // 可以指定扫二维码还是一维码，默认二者都有
+          success: function (res) {
+            const result = res.resultStr // 当needResult 为 1 时，扫码返回的结果
+            cb(result)
+          },
+          fail: function (res) {
+            // 失败回调函数
+            errorCb(res)
+          }
+        })
+      })
+      wx.error(function (res) {
+        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
+        alert('config信息验证失败res：', res.errMsg)
+      })
+    })
+  }
+}
diff --git a/src/utils/wxqrcode.js b/src/utils/wxqrcode.js
new file mode 100644
index 0000000..aec997d
--- /dev/null
+++ b/src/utils/wxqrcode.js
@@ -0,0 +1,1614 @@
+//---------------------------------------------------------------------
+//
+// QR Code Generator for JavaScript
+//
+// Copyright (c) 2009 Kazuhiko Arase
+//
+// URL: [url=http://www.d-project.com/]http://www.d-project.com/[/url]
+//
+// Licensed under the MIT license:
+//        [url=http://www.opensource.org/licenses/mit-license.php]http://www.opensource.org/licenses/mit-license.php[/url]
+//
+// The word 'QR Code' is registered trademark of
+// DENSO WAVE INCORPORATED
+//        [url=http://www.denso-wave.com/qrcode/faqpatent-e.html]http://www.denso-wave.com/qrcode/faqpatent-e.html[/url]
+//
+//---------------------------------------------------------------------
+
+//---------------------------------------------------------------------
+// qrcode
+//代码第1588行为补充代码
+//修改人：chenxing
+//2017-02-27 16:21:32
+//---------------------------------------------------------------------
+
+/**
+ * qrcode
+ * @param typeNumber 1 to 40
+ * @param errorCorrectLevel 'L','M','Q','H'
+ */
+var qrcode = function(typeNumber, errorCorrectLevel) {
+
+    var PAD0 = 0xEC;
+    var PAD1 = 0x11;
+
+    var _typeNumber = typeNumber;
+    var _errorCorrectLevel = QRErrorCorrectLevel[errorCorrectLevel];
+    var _modules = null;
+    var _moduleCount = 0;
+    var _dataCache = null;
+    var _dataList = new Array();
+
+    var _this = {};
+
+    var makeImpl = function(test, maskPattern) {
+
+        _moduleCount = _typeNumber * 4 + 17;
+        _modules = function(moduleCount) {
+            var modules = new Array(moduleCount);
+            for (var row = 0; row < moduleCount; row += 1) {
+                modules[row] = new Array(moduleCount);
+                for (var col = 0; col < moduleCount; col += 1) {
+                    modules[row][col] = null;
+                }
+            }
+            return modules;
+        }(_moduleCount);
+
+        setupPositionProbePattern(0, 0);
+        setupPositionProbePattern(_moduleCount - 7, 0);
+        setupPositionProbePattern(0, _moduleCount - 7);
+        setupPositionAdjustPattern();
+        setupTimingPattern();
+        setupTypeInfo(test, maskPattern);
+
+        if (_typeNumber >= 7) {
+            setupTypeNumber(test);
+        }
+
+        if (_dataCache == null) {
+            _dataCache = createData(_typeNumber, _errorCorrectLevel, _dataList);
+        }
+
+        mapData(_dataCache, maskPattern);
+    };
+
+    var setupPositionProbePattern = function(row, col) {
+
+        for (var r = -1; r <= 7; r += 1) {
+
+            if (row + r <= -1 || _moduleCount <= row + r) continue;
+
+            for (var c = -1; c <= 7; c += 1) {
+
+                if (col + c <= -1 || _moduleCount <= col + c) continue;
+
+                if ( (0 <= r && r <= 6 && (c === 0 || c === 6) )
+                     || (0 <= c && c <= 6 && (r === 0 || r === 6) )
+                     || (2 <= r && r <= 4 && 2 <= c && c <= 4) ) {
+                    _modules[row + r][col + c] = true;
+                } else {
+                    _modules[row + r][col + c] = false;
+                }
+            }
+        }
+    };
+
+    var getBestMaskPattern = function() {
+
+        var minLostPoint = 0;
+        var pattern = 0;
+
+        for (var i = 0; i < 8; i += 1) {
+
+            makeImpl(true, i);
+
+            var lostPoint = QRUtil.getLostPoint(_this);
+
+            if (i == 0 || minLostPoint > lostPoint) {
+                minLostPoint = lostPoint;
+                pattern = i;
+            }
+        }
+
+        return pattern;
+    };
+
+    var setupTimingPattern = function() {
+
+        for (var r = 8; r < _moduleCount - 8; r += 1) {
+            if (_modules[r][6] != null) {
+                continue;
+            }
+            _modules[r][6] = (r % 2 === 0);
+        }
+
+        for (var c = 8; c < _moduleCount - 8; c += 1) {
+            if (_modules[6][c] != null) {
+                continue;
+            }
+            _modules[6][c] = (c % 2 === 0);
+        }
+    };
+
+    var setupPositionAdjustPattern = function() {
+
+        var pos = QRUtil.getPatternPosition(_typeNumber);
+
+        for (var i = 0; i < pos.length; i += 1) {
+
+            for (var j = 0; j < pos.length; j += 1) {
+
+                var row = pos[i];
+                var col = pos[j];
+
+                if (_modules[row][col] != null) {
+                    continue;
+                }
+
+                for (var r = -2; r <= 2; r += 1) {
+
+                    for (var c = -2; c <= 2; c += 1) {
+                        _modules[row + r][col + c]=r == -2 || r == 2 || c == -2 || c == 2|| (r == 0 && c == 0)?true:false
+                    }
+                }
+            }
+        }
+    };
+
+    var setupTypeNumber = function(test) {
+
+        var bits = QRUtil.getBCHTypeNumber(_typeNumber);
+
+        for (var i = 0; i < 18; i += 1) {
+            var mod = (!test && ( (bits >> i) & 1) == 1);
+            _modules[Math.floor(i / 3)][i % 3 + _moduleCount - 8 - 3] = mod;
+        }
+
+        for (var i = 0; i < 18; i += 1) {
+            var mod = (!test && ( (bits >> i) & 1) == 1);
+            _modules[i % 3 + _moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
+        }
+    };
+
+    var setupTypeInfo = function(test, maskPattern) {
+
+        var data = (_errorCorrectLevel << 3) | maskPattern;
+        var bits = QRUtil.getBCHTypeInfo(data);
+
+        // vertical
+        for (var i = 0; i < 15; i += 1) {
+
+            var mod = (!test && ( (bits >> i) & 1) == 1);
+
+            if (i < 6) {
+                _modules[i][8] = mod;
+            } else if (i < 8) {
+                _modules[i + 1][8] = mod;
+            } else {
+                _modules[_moduleCount - 15 + i][8] = mod;
+            }
+        }
+
+        // horizontal
+        for (var i = 0; i < 15; i += 1) {
+
+            var mod = (!test && ( (bits >> i) & 1) == 1);
+
+            if (i < 8) {
+                _modules[8][_moduleCount - i - 1] = mod;
+            } else if (i < 9) {
+                _modules[8][15 - i - 1 + 1] = mod;
+            } else {
+                _modules[8][15 - i - 1] = mod;
+            }
+        }
+
+        // fixed module
+        _modules[_moduleCount - 8][8] = (!test);
+    };
+
+    var mapData = function(data, maskPattern) {
+
+        var inc = -1;
+        var row = _moduleCount - 1;
+        var bitIndex = 7;
+        var byteIndex = 0;
+        var maskFunc = QRUtil.getMaskFunction(maskPattern);
+
+        for (var col = _moduleCount - 1; col > 0; col -= 2) {
+
+            if (col == 6) col -= 1;
+
+            while (true) {
+
+                for (var c = 0; c < 2; c += 1) {
+
+                    if (_modules[row][col - c] == null) {
+
+                        var dark = false;
+
+                        if (byteIndex < data.length) {
+                            dark = ( ( (data[byteIndex] >>> bitIndex) & 1) == 1);
+                        }
+
+                        var mask = maskFunc(row, col - c);
+
+                        if (mask) {
+                            dark = !dark;
+                        }
+
+                        _modules[row][col - c] = dark;
+                        bitIndex -= 1;
+
+                        if (bitIndex == -1) {
+                            byteIndex += 1;
+                            bitIndex = 7;
+                        }
+                    }
+                }
+
+                row += inc;
+
+                if (row < 0 || _moduleCount <= row) {
+                    row -= inc;
+                    inc = -inc;
+                    break;
+                }
+            }
+        }
+    };
+
+    var createBytes = function(buffer, rsBlocks) {
+
+        var offset = 0;
+
+        var maxDcCount = 0;
+        var maxEcCount = 0;
+
+        var dcdata = new Array(rsBlocks.length);
+        var ecdata = new Array(rsBlocks.length);
+
+        for (var r = 0; r < rsBlocks.length; r += 1) {
+
+            var dcCount = rsBlocks[r].dataCount;
+            var ecCount = rsBlocks[r].totalCount - dcCount;
+
+            maxDcCount = Math.max(maxDcCount, dcCount);
+            maxEcCount = Math.max(maxEcCount, ecCount);
+
+            dcdata[r] = new Array(dcCount);
+
+            for (var i = 0; i < dcdata[r].length; i += 1) {
+                dcdata[r][i] = 0xff & buffer.getBuffer()[i + offset];
+            }
+            offset += dcCount;
+
+            var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount);
+            var rawPoly = qrPolynomial(dcdata[r], rsPoly.getLength() - 1);
+
+            var modPoly = rawPoly.mod(rsPoly);
+            ecdata[r] = new Array(rsPoly.getLength() - 1);
+            for (var i = 0; i < ecdata[r].length; i += 1) {
+                var modIndex = i + modPoly.getLength() - ecdata[r].length;
+                ecdata[r][i] = (modIndex >= 0)? modPoly.getAt(modIndex) : 0;
+            }
+        }
+
+        var totalCodeCount = 0;
+        for (var i = 0; i < rsBlocks.length; i += 1) {
+            totalCodeCount += rsBlocks[i].totalCount;
+        }
+
+        var data = new Array(totalCodeCount);
+        var index = 0;
+
+        for (var i = 0; i < maxDcCount; i += 1) {
+            for (var r = 0; r < rsBlocks.length; r += 1) {
+                if (i < dcdata[r].length) {
+                    data[index] = dcdata[r][i];
+                    index += 1;
+                }
+            }
+        }
+
+        for (var i = 0; i < maxEcCount; i += 1) {
+            for (var r = 0; r < rsBlocks.length; r += 1) {
+                if (i < ecdata[r].length) {
+                    data[index] = ecdata[r][i];
+                    index += 1;
+                }
+            }
+        }
+
+        return data;
+    };
+
+    var createData = function(typeNumber, errorCorrectLevel, dataList) {
+
+        var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
+
+        var buffer = qrBitBuffer();
+
+        for (var i = 0; i < dataList.length; i += 1) {
+            var data = dataList[i];
+            buffer.put(data.getMode(), 4);
+            buffer.put(data.getLength(), QRUtil.getLengthInBits(data.getMode(), typeNumber) );
+            data.write(buffer);
+        }
+
+        // calc num max data.
+        var totalDataCount = 0;
+        for (var i = 0; i < rsBlocks.length; i += 1) {
+            totalDataCount += rsBlocks[i].dataCount;
+        }
+
+        if (buffer.getLengthInBits() > totalDataCount * 8) {
+            throw new Error('code length overflow. ('
+                            + buffer.getLengthInBits()
+                            + '>'
+                            + totalDataCount * 8
+                            + ')');
+        }
+
+        // end code
+        if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+            buffer.put(0, 4);
+        }
+
+        // padding
+        while (buffer.getLengthInBits() % 8 != 0) {
+            buffer.putBit(false);
+        }
+
+        // padding
+        while (true) {
+
+            if (buffer.getLengthInBits() >= totalDataCount * 8) {
+                break;
+            }
+            buffer.put(PAD0, 8);
+
+            if (buffer.getLengthInBits() >= totalDataCount * 8) {
+                break;
+            }
+            buffer.put(PAD1, 8);
+        }
+
+        return createBytes(buffer, rsBlocks);
+    };
+
+    _this.addData = function(data) {
+        var newData = qr8BitByte(data);
+        _dataList.push(newData);
+        _dataCache = null;
+    };
+
+    _this.isDark = function(row, col) {
+        if (row < 0 || _moduleCount <= row || col < 0 || _moduleCount <= col) {
+            throw new Error(row + ',' + col);
+        }
+        return _modules[row][col];
+    };
+
+    _this.getModuleCount = function() {
+        return _moduleCount;
+    };
+
+    _this.make = function() {
+        makeImpl(false, getBestMaskPattern() );
+    };
+
+    _this.createTableTag = function(cellSize, margin) {
+
+        cellSize = cellSize || 2;
+        margin = (typeof margin == 'undefined')? cellSize * 4 : margin;
+
+        var qrHtml = '';
+
+        qrHtml += '<table style="';
+        qrHtml += ' border-width: 0px; border-style: none;';
+        qrHtml += ' border-collapse: collapse;';
+        qrHtml += ' padding: 0px; margin: ' + margin + 'px;';
+        qrHtml += '">';
+        qrHtml += '<tbody>';
+
+        for (var r = 0; r < _this.getModuleCount(); r += 1) {
+
+            qrHtml += '<tr>';
+
+            for (var c = 0; c < _this.getModuleCount(); c += 1) {
+                qrHtml += '<td style="';
+                qrHtml += ' border-width: 0px; border-style: none;';
+                qrHtml += ' border-collapse: collapse;';
+                qrHtml += ' padding: 0px; margin: 0px;';
+                qrHtml += ' width: ' + cellSize + 'px;';
+                qrHtml += ' height: ' + cellSize + 'px;';
+                qrHtml += ' background-color: ';
+                qrHtml += _this.isDark(r, c)? '#000000' : '#ffffff';
+                qrHtml += ';';
+                qrHtml += '"/>';
+            }
+
+            qrHtml += '</tr>';
+        }
+
+        qrHtml += '</tbody>';
+        qrHtml += '</table>';
+
+        return qrHtml;
+    };
+
+    _this.createImgTag = function(cellSize, margin, size) {
+
+        cellSize = cellSize || 2;
+        margin = (typeof margin == 'undefined')? cellSize * 4 : margin;
+
+        var min = margin;
+        var max = _this.getModuleCount() * cellSize + margin;
+
+        return createImgTag(size, size, function(x, y) {
+            if (min <= x && x < max && min <= y && y < max) {
+                var c = Math.floor( (x - min) / cellSize);
+                var r = Math.floor( (y - min) / cellSize);
+                return _this.isDark(r, c)? 0 : 1;
+            } else {
+                return 1;
+            }
+        } );
+    };
+
+    return _this;
+};
+
+//---------------------------------------------------------------------
+// qrcode.stringToBytes
+//---------------------------------------------------------------------
+
+qrcode.stringToBytes = function(s) {
+    var bytes = new Array();
+    for (var i = 0; i < s.length; i += 1) {
+        var c = s.charCodeAt(i);
+        bytes.push(c & 0xff);
+    }
+    return bytes;
+};
+
+//---------------------------------------------------------------------
+// qrcode.createStringToBytes
+//---------------------------------------------------------------------
+
+/**
+ * @param unicodeData base64 string of byte array.
+ * [16bit Unicode],[16bit Bytes], ...
+ * @param numChars
+ */
+qrcode.createStringToBytes = function(unicodeData, numChars) {
+
+    // create conversion map.
+
+    var unicodeMap = function() {
+
+        var bin = base64DecodeInputStream(unicodeData);
+        var read = function() {
+            var b = bin.read();
+            if (b == -1) throw new Error();
+            return b;
+        };
+
+        var count = 0;
+        var unicodeMap = {};
+        while (true) {
+            var b0 = bin.read();
+            if (b0 == -1) break;
+            var b1 = read();
+            var b2 = read();
+            var b3 = read();
+            var k = String.fromCharCode( (b0 << 8) | b1);
+            var v = (b2 << 8) | b3;
+            unicodeMap[k] = v;
+            count += 1;
+        }
+        if (count != numChars) {
+            throw new Error(count + ' != ' + numChars);
+        }
+
+        return unicodeMap;
+    }();
+
+    var unknownChar = '?'.charCodeAt(0);
+
+    return function(s) {
+        var bytes = new Array();
+        for (var i = 0; i < s.length; i += 1) {
+            var c = s.charCodeAt(i);
+            if (c < 128) {
+                bytes.push(c);
+            } else {
+                var b = unicodeMap[s.charAt(i)];
+                if (typeof b == 'number') {
+                    if ( (b & 0xff) == b) {
+                        // 1byte
+                        bytes.push(b);
+                    } else {
+                        // 2bytes
+                        bytes.push(b >>> 8);
+                        bytes.push(b & 0xff);
+                    }
+                } else {
+                    bytes.push(unknownChar);
+                }
+            }
+        }
+        return bytes;
+    };
+};
+
+//---------------------------------------------------------------------
+// QRMode
+//---------------------------------------------------------------------
+
+var QRMode = {
+    MODE_NUMBER :                1 << 0,
+    MODE_ALPHA_NUM :         1 << 1,
+    MODE_8BIT_BYTE :         1 << 2,
+    MODE_KANJI :                1 << 3
+};
+
+//---------------------------------------------------------------------
+// QRErrorCorrectLevel
+//---------------------------------------------------------------------
+
+var QRErrorCorrectLevel = {
+    L : 1,
+    M : 0,
+    Q : 3,
+    H : 2
+};
+
+//---------------------------------------------------------------------
+// QRMaskPattern
+//---------------------------------------------------------------------
+
+var QRMaskPattern = {
+    PATTERN000 : 0,
+    PATTERN001 : 1,
+    PATTERN010 : 2,
+    PATTERN011 : 3,
+    PATTERN100 : 4,
+    PATTERN101 : 5,
+    PATTERN110 : 6,
+    PATTERN111 : 7
+};
+
+//---------------------------------------------------------------------
+// QRUtil
+//---------------------------------------------------------------------
+
+var QRUtil = function() {
+
+    var PATTERN_POSITION_TABLE = [
+        [],
+        [6, 18],
+        [6, 22],
+        [6, 26],
+        [6, 30],
+        [6, 34],
+        [6, 22, 38],
+        [6, 24, 42],
+        [6, 26, 46],
+        [6, 28, 50],
+        [6, 30, 54],
+        [6, 32, 58],
+        [6, 34, 62],
+        [6, 26, 46, 66],
+        [6, 26, 48, 70],
+        [6, 26, 50, 74],
+        [6, 30, 54, 78],
+        [6, 30, 56, 82],
+        [6, 30, 58, 86],
+        [6, 34, 62, 90],
+        [6, 28, 50, 72, 94],
+        [6, 26, 50, 74, 98],
+        [6, 30, 54, 78, 102],
+        [6, 28, 54, 80, 106],
+        [6, 32, 58, 84, 110],
+        [6, 30, 58, 86, 114],
+        [6, 34, 62, 90, 118],
+        [6, 26, 50, 74, 98, 122],
+        [6, 30, 54, 78, 102, 126],
+        [6, 26, 52, 78, 104, 130],
+        [6, 30, 56, 82, 108, 134],
+        [6, 34, 60, 86, 112, 138],
+        [6, 30, 58, 86, 114, 142],
+        [6, 34, 62, 90, 118, 146],
+        [6, 30, 54, 78, 102, 126, 150],
+        [6, 24, 50, 76, 102, 128, 154],
+        [6, 28, 54, 80, 106, 132, 158],
+        [6, 32, 58, 84, 110, 136, 162],
+        [6, 26, 54, 82, 110, 138, 166],
+        [6, 30, 58, 86, 114, 142, 170]
+    ];
+    var G15 = (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0);
+    var G18 = (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0);
+    var G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1);
+
+    var _this = {};
+
+    var getBCHDigit = function(data) {
+        var digit = 0;
+        while (data != 0) {
+            digit += 1;
+            data >>>= 1;
+        }
+        return digit;
+    };
+
+    _this.getBCHTypeInfo = function(data) {
+        var d = data << 10;
+        while (getBCHDigit(d) - getBCHDigit(G15) >= 0) {
+            d ^= (G15 << (getBCHDigit(d) - getBCHDigit(G15) ) );
+        }
+        return ( (data << 10) | d) ^ G15_MASK;
+    };
+
+    _this.getBCHTypeNumber = function(data) {
+        var d = data << 12;
+        while (getBCHDigit(d) - getBCHDigit(G18) >= 0) {
+            d ^= (G18 << (getBCHDigit(d) - getBCHDigit(G18) ) );
+        }
+        return (data << 12) | d;
+    };
+
+    _this.getPatternPosition = function(typeNumber) {
+        return PATTERN_POSITION_TABLE[typeNumber - 1];
+    };
+
+    _this.getMaskFunction = function(maskPattern) {
+
+        switch (maskPattern) {
+
+            case QRMaskPattern.PATTERN000 :
+                return function(i, j) { return (i + j) % 2 == 0; };
+            case QRMaskPattern.PATTERN001 :
+                return function(i, j) { return i % 2 == 0; };
+            case QRMaskPattern.PATTERN010 :
+                return function(i, j) { return j % 3 == 0; };
+            case QRMaskPattern.PATTERN011 :
+                return function(i, j) { return (i + j) % 3 == 0; };
+            case QRMaskPattern.PATTERN100 :
+                return function(i, j) { return (Math.floor(i / 2) + Math.floor(j / 3) ) % 2 == 0; };
+            case QRMaskPattern.PATTERN101 :
+                return function(i, j) { return (i * j) % 2 + (i * j) % 3 == 0; };
+            case QRMaskPattern.PATTERN110 :
+                return function(i, j) { return ( (i * j) % 2 + (i * j) % 3) % 2 == 0; };
+            case QRMaskPattern.PATTERN111 :
+                return function(i, j) { return ( (i * j) % 3 + (i + j) % 2) % 2 == 0; };
+
+                default :
+                throw new Error('bad maskPattern:' + maskPattern);
+        }
+    };
+
+    _this.getErrorCorrectPolynomial = function(errorCorrectLength) {
+        var a = qrPolynomial([1], 0);
+        for (var i = 0; i < errorCorrectLength; i += 1) {
+            a = a.multiply(qrPolynomial([1, QRMath.gexp(i)], 0) );
+        }
+        return a;
+    };
+
+    _this.getLengthInBits = function(mode, type) {
+
+        if (1 <= type && type < 10) {
+
+            // 1 - 9
+
+            switch(mode) {
+                case QRMode.MODE_NUMBER         : return 10;
+                case QRMode.MODE_ALPHA_NUM         : return 9;
+                case QRMode.MODE_8BIT_BYTE        : return 8;
+                case QRMode.MODE_KANJI                : return 8;
+                    default :
+                    throw new Error('mode:' + mode);
+            }
+
+        } else if (type < 27) {
+
+            // 10 - 26
+
+            switch(mode) {
+                case QRMode.MODE_NUMBER         : return 12;
+                case QRMode.MODE_ALPHA_NUM         : return 11;
+                case QRMode.MODE_8BIT_BYTE        : return 16;
+                case QRMode.MODE_KANJI                : return 10;
+                    default :
+                    throw new Error('mode:' + mode);
+            }
+
+        } else if (type < 41) {
+
+            // 27 - 40
+
+            switch(mode) {
+                case QRMode.MODE_NUMBER         : return 14;
+                case QRMode.MODE_ALPHA_NUM        : return 13;
+                case QRMode.MODE_8BIT_BYTE        : return 16;
+                case QRMode.MODE_KANJI                : return 12;
+                    default :
+                    throw new Error('mode:' + mode);
+            }
+
+        } else {
+            throw new Error('type:' + type);
+        }
+    };
+
+    _this.getLostPoint = function(qrcode) {
+
+        var moduleCount = qrcode.getModuleCount();
+
+        var lostPoint = 0;
+
+        // LEVEL1
+
+        for (var row = 0; row < moduleCount; row += 1) {
+            for (var col = 0; col < moduleCount; col += 1) {
+
+                var sameCount = 0;
+                var dark = qrcode.isDark(row, col);
+
+                for (var r = -1; r <= 1; r += 1) {
+
+                    if (row + r < 0 || moduleCount <= row + r) {
+                        continue;
+                    }
+
+                    for (var c = -1; c <= 1; c += 1) {
+
+                        if (col + c < 0 || moduleCount <= col + c) {
+                            continue;
+                        }
+
+                        if (r == 0 && c == 0) {
+                            continue;
+                        }
+
+                        if (dark == qrcode.isDark(row + r, col + c) ) {
+                            sameCount += 1;
+                        }
+                    }
+                }
+
+                if (sameCount > 5) {
+                    lostPoint += (3 + sameCount - 5);
+                }
+            }
+        };
+
+        // LEVEL2
+
+        for (var row = 0; row < moduleCount - 1; row += 1) {
+            for (var col = 0; col < moduleCount - 1; col += 1) {
+                var count = 0;
+                if (qrcode.isDark(row, col) ) count += 1;
+                if (qrcode.isDark(row + 1, col) ) count += 1;
+                if (qrcode.isDark(row, col + 1) ) count += 1;
+                if (qrcode.isDark(row + 1, col + 1) ) count += 1;
+                if (count == 0 || count == 4) {
+                    lostPoint += 3;
+                }
+            }
+        }
+
+        // LEVEL3
+
+        for (var row = 0; row < moduleCount; row += 1) {
+            for (var col = 0; col < moduleCount - 6; col += 1) {
+                if (qrcode.isDark(row, col)
+                    && !qrcode.isDark(row, col + 1)
+                    &&  qrcode.isDark(row, col + 2)
+                    &&  qrcode.isDark(row, col + 3)
+                    &&  qrcode.isDark(row, col + 4)
+                    && !qrcode.isDark(row, col + 5)
+                    &&  qrcode.isDark(row, col + 6) ) {
+                    lostPoint += 40;
+                }
+            }
+        }
+
+        for (var col = 0; col < moduleCount; col += 1) {
+            for (var row = 0; row < moduleCount - 6; row += 1) {
+                if (qrcode.isDark(row, col)
+                    && !qrcode.isDark(row + 1, col)
+                    &&  qrcode.isDark(row + 2, col)
+                    &&  qrcode.isDark(row + 3, col)
+                    &&  qrcode.isDark(row + 4, col)
+                    && !qrcode.isDark(row + 5, col)
+                    &&  qrcode.isDark(row + 6, col) ) {
+                    lostPoint += 40;
+                }
+            }
+        }
+
+        // LEVEL4
+
+        var darkCount = 0;
+
+        for (var col = 0; col < moduleCount; col += 1) {
+            for (var row = 0; row < moduleCount; row += 1) {
+                if (qrcode.isDark(row, col) ) {
+                    darkCount += 1;
+                }
+            }
+        }
+
+        var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
+        lostPoint += ratio * 10;
+
+        return lostPoint;
+    };
+
+    return _this;
+}();
+
+//---------------------------------------------------------------------
+// QRMath
+//---------------------------------------------------------------------
+
+var QRMath = function() {
+
+    var EXP_TABLE = new Array(256);
+    var LOG_TABLE = new Array(256);
+
+    // initialize tables
+    for (var i = 0; i < 8; i += 1) {
+        EXP_TABLE[i] = 1 << i;
+    }
+    for (var i = 8; i < 256; i += 1) {
+        EXP_TABLE[i] = EXP_TABLE[i - 4]
+            ^ EXP_TABLE[i - 5]
+            ^ EXP_TABLE[i - 6]
+            ^ EXP_TABLE[i - 8];
+    }
+    for (var i = 0; i < 255; i += 1) {
+        LOG_TABLE[EXP_TABLE[i] ] = i;
+    }
+
+    var _this = {};
+
+    _this.glog = function(n) {
+
+        if (n < 1) {
+            throw new Error('glog(' + n + ')');
+        }
+
+        return LOG_TABLE[n];
+    };
+
+    _this.gexp = function(n) {
+
+        while (n < 0) {
+            n += 255;
+        }
+
+        while (n >= 256) {
+            n -= 255;
+        }
+
+        return EXP_TABLE[n];
+    };
+
+    return _this;
+}();
+
+//---------------------------------------------------------------------
+// qrPolynomial
+//---------------------------------------------------------------------
+
+function qrPolynomial(num, shift) {
+
+    if (typeof num.length == 'undefined') {
+        throw new Error(num.length + '/' + shift);
+    }
+
+    var _num = function() {
+        var offset = 0;
+        while (offset < num.length && num[offset] == 0) {
+            offset += 1;
+        }
+        var _num = new Array(num.length - offset + shift);
+        for (var i = 0; i < num.length - offset; i += 1) {
+            _num[i] = num[i + offset];
+        }
+        return _num;
+    }();
+
+    var _this = {};
+
+    _this.getAt = function(index) {
+        return _num[index];
+    };
+
+    _this.getLength = function() {
+        return _num.length;
+    };
+
+    _this.multiply = function(e) {
+
+        var num = new Array(_this.getLength() + e.getLength() - 1);
+
+        for (var i = 0; i < _this.getLength(); i += 1) {
+            for (var j = 0; j < e.getLength(); j += 1) {
+                num[i + j] ^= QRMath.gexp(QRMath.glog(_this.getAt(i) ) + QRMath.glog(e.getAt(j) ) );
+            }
+        }
+
+        return qrPolynomial(num, 0);
+    };
+
+    _this.mod = function(e) {
+
+        if (_this.getLength() - e.getLength() < 0) {
+            return _this;
+        }
+
+        var ratio = QRMath.glog(_this.getAt(0) ) - QRMath.glog(e.getAt(0) );
+
+        var num = new Array(_this.getLength() );
+        for (var i = 0; i < _this.getLength(); i += 1) {
+            num[i] = _this.getAt(i);
+        }
+
+        for (var i = 0; i < e.getLength(); i += 1) {
+            num[i] ^= QRMath.gexp(QRMath.glog(e.getAt(i) ) + ratio);
+        }
+
+        // recursive call
+        return qrPolynomial(num, 0).mod(e);
+    };
+
+    return _this;
+};
+
+//---------------------------------------------------------------------
+// QRRSBlock
+//---------------------------------------------------------------------
+
+var QRRSBlock = function() {
+
+
+    // [1: [L, M, Q, H], ..]
+    var RS_BLOCK_TABLE=[[1,26,19],[1,26,16],[1,26,13],[1,26,9],[1,44,34],[1,44,28],[1,44,22],[1,44,16],[1,70,55],[1,70,44],[2,35,17],[2,35,13],[1,100,80],[2,50,32],[2,50,24],[4,25,9],[1,134,108],[2,67,43],[2,33,15,2,34,16],[2,33,11,2,34,12],[2,86,68],[4,43,27],[4,43,19],[4,43,15],[2,98,78],[4,49,31],[2,32,14,4,33,15],[4,39,13,1,40,14],[2,121,97],[2,60,38,2,61,39],[4,40,18,2,41,19],[4,40,14,2,41,15],[2,146,116],[3,58,36,2,59,37],[4,36,16,4,37,17],[4,36,12,4,37,13],[2,86,68,2,87,69],[4,69,43,1,70,44],[6,43,19,2,44,20],[6,43,15,2,44,16],[4,101,81],[1,80,50,4,81,51],[4,50,22,4,51,23],[3,36,12,8,37,13],[2,116,92,2,117,93],[6,58,36,2,59,37],[4,46,20,6,47,21],[7,42,14,4,43,15],[4,133,107],[8,59,37,1,60,38],[8,44,20,4,45,21],[12,33,11,4,34,12],[3,145,115,1,146,116],[4,64,40,5,65,41],[11,36,16,5,37,17],[11,36,12,5,37,13],[5,109,87,1,110,88],[5,65,41,5,66,42],[5,54,24,7,55,25],[11,36,12],[5,122,98,1,123,99],[7,73,45,3,74,46],[15,43,19,2,44,20],[3,45,15,13,46,16],[1,135,107,5,136,108],[10,74,46,1,75,47],[1,50,22,15,51,23],[2,42,14,17,43,15],[5,150,120,1,151,121],[9,69,43,4,70,44],[17,50,22,1,51,23],[2,42,14,19,43,15],[3,141,113,4,142,114],[3,70,44,11,71,45],[17,47,21,4,48,22],[9,39,13,16,40,14],[3,135,107,5,136,108],[3,67,41,13,68,42],[15,54,24,5,55,25],[15,43,15,10,44,16],[4,144,116,4,145,117],[17,68,42],[17,50,22,6,51,23],[19,46,16,6,47,17],[2,139,111,7,140,112],[17,74,46],[7,54,24,16,55,25],[34,37,13],[4,151,121,5,152,122],[4,75,47,14,76,48],[11,54,24,14,55,25],[16,45,15,14,46,16],[6,147,117,4,148,118],[6,73,45,14,74,46],[11,54,24,16,55,25],[30,46,16,2,47,17],[8,132,106,4,133,107],[8,75,47,13,76,48],[7,54,24,22,55,25],[22,45,15,13,46,16],[10,142,114,2,143,115],[19,74,46,4,75,47],[28,50,22,6,51,23],[33,46,16,4,47,17],[8,152,122,4,153,123],[22,73,45,3,74,46],[8,53,23,26,54,24],[12,45,15,28,46,16],[3,147,117,10,148,118],[3,73,45,23,74,46],[4,54,24,31,55,25],[11,45,15,31,46,16],[7,146,116,7,147,117],[21,73,45,7,74,46],[1,53,23,37,54,24],[19,45,15,26,46,16],[5,145,115,10,146,116],[19,75,47,10,76,48],[15,54,24,25,55,25],[23,45,15,25,46,16],[13,145,115,3,146,116],[2,74,46,29,75,47],[42,54,24,1,55,25],[23,45,15,28,46,16],[17,145,115],[10,74,46,23,75,47],[10,54,24,35,55,25],[19,45,15,35,46,16],[17,145,115,1,146,116],[14,74,46,21,75,47],[29,54,24,19,55,25],[11,45,15,46,46,16],[13,145,115,6,146,116],[14,74,46,23,75,47],[44,54,24,7,55,25],[59,46,16,1,47,17],[12,151,121,7,152,122],[12,75,47,26,76,48],[39,54,24,14,55,25],[22,45,15,41,46,16],[6,151,121,14,152,122],[6,75,47,34,76,48],[46,54,24,10,55,25],[2,45,15,64,46,16],[17,152,122,4,153,123],[29,74,46,14,75,47],[49,54,24,10,55,25],[24,45,15,46,46,16],[4,152,122,18,153,123],[13,74,46,32,75,47],[48,54,24,14,55,25],[42,45,15,32,46,16],[20,147,117,4,148,118],[40,75,47,7,76,48],[43,54,24,22,55,25],[10,45,15,67,46,16],[19,148,118,6,149,119],[18,75,47,31,76,48],[34,54,24,34,55,25],[20,45,15,61,46,16]];
+
+    var qrRSBlock = function(totalCount, dataCount) {
+        var _this = {};
+        _this.totalCount = totalCount;
+        _this.dataCount = dataCount;
+        return _this;
+    };
+
+    var _this = {};
+
+    var getRsBlockTable = function(typeNumber, errorCorrectLevel) {
+
+        switch(errorCorrectLevel) {
+            case QRErrorCorrectLevel.L :
+                return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+            case QRErrorCorrectLevel.M :
+                return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+            case QRErrorCorrectLevel.Q :
+                return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+            case QRErrorCorrectLevel.H :
+                return RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+                default :
+                return undefined;
+        }
+    };
+
+    _this.getRSBlocks = function(typeNumber, errorCorrectLevel) {
+
+        var rsBlock = getRsBlockTable(typeNumber, errorCorrectLevel);
+
+        if (typeof rsBlock == 'undefined') {
+            throw new Error('bad rs block [url=home.php?mod=space&uid=5302]@[/url] typeNumber:' + typeNumber +
+                            '/errorCorrectLevel:' + errorCorrectLevel);
+        }
+
+        var length = rsBlock.length / 3;
+
+        var list = new Array();
+
+        for (var i = 0; i < length; i += 1) {
+
+            var count = rsBlock[i * 3 + 0];
+            var totalCount = rsBlock[i * 3 + 1];
+            var dataCount = rsBlock[i * 3 + 2];
+
+            for (var j = 0; j < count; j += 1) {
+                list.push(qrRSBlock(totalCount, dataCount) );
+            }
+        }
+
+        return list;
+    };
+
+    return _this;
+}();
+
+//---------------------------------------------------------------------
+// qrBitBuffer
+//---------------------------------------------------------------------
+
+var qrBitBuffer = function() {
+
+    var _buffer = new Array();
+    var _length = 0;
+
+    var _this = {};
+
+    _this.getBuffer = function() {
+        return _buffer;
+    };
+
+    _this.getAt = function(index) {
+        var bufIndex = Math.floor(index / 8);
+        return ( (_buffer[bufIndex] >>> (7 - index % 8) ) & 1) == 1;
+    };
+
+    _this.put = function(num, length) {
+        for (var i = 0; i < length; i += 1) {
+            _this.putBit( ( (num >>> (length - i - 1) ) & 1) == 1);
+        }
+    };
+
+    _this.getLengthInBits = function() {
+        return _length;
+    };
+
+    _this.putBit = function(bit) {
+
+        var bufIndex = Math.floor(_length / 8);
+        if (_buffer.length <= bufIndex) {
+            _buffer.push(0);
+        }
+
+        if (bit) {
+            _buffer[bufIndex] |= (0x80 >>> (_length % 8) );
+        }
+
+        _length += 1;
+    };
+
+    return _this;
+};
+
+//---------------------------------------------------------------------
+// qr8BitByte
+//---------------------------------------------------------------------
+
+var qr8BitByte = function(data) {
+
+    var _mode = QRMode.MODE_8BIT_BYTE;
+    var _data = data;
+    var _parsedData = [];
+
+    var _this = {};
+
+
+    // Added to support UTF-8 Characters
+    for (var i = 0, l = _data.length; i < l; i++) {
+        var byteArray = [];
+        var code = _data.charCodeAt(i);
+
+        if (code > 0x10000) {
+            byteArray[0] = 0xF0 | ((code & 0x1C0000) >>> 18);
+            byteArray[1] = 0x80 | ((code & 0x3F000) >>> 12);
+            byteArray[2] = 0x80 | ((code & 0xFC0) >>> 6);
+            byteArray[3] = 0x80 | (code & 0x3F);
+        } else if (code > 0x800) {
+            byteArray[0] = 0xE0 | ((code & 0xF000) >>> 12);
+            byteArray[1] = 0x80 | ((code & 0xFC0) >>> 6);
+            byteArray[2] = 0x80 | (code & 0x3F);
+        } else if (code > 0x80) {
+            byteArray[0] = 0xC0 | ((code & 0x7C0) >>> 6);
+            byteArray[1] = 0x80 | (code & 0x3F);
+        } else {
+            byteArray[0] = code;
+        }
+
+        // Fix Unicode corruption bug
+        _parsedData.push(byteArray);
+    }
+
+    _parsedData = Array.prototype.concat.apply([], _parsedData);
+
+    if (_parsedData.length != _data.length) {
+        _parsedData.unshift(191);
+        _parsedData.unshift(187);
+        _parsedData.unshift(239);
+    }
+
+    var _bytes = _parsedData;
+
+    _this.getMode = function() {
+        return _mode;
+    };
+
+    _this.getLength = function(buffer) {
+        return _bytes.length;
+    };
+
+    _this.write = function(buffer) {
+        for (var i = 0; i < _bytes.length; i += 1) {
+            buffer.put(_bytes[i], 8);
+        }
+    };
+
+    return _this;
+};
+
+//=====================================================================
+// GIF Support etc.
+//
+
+//---------------------------------------------------------------------
+// byteArrayOutputStream
+//---------------------------------------------------------------------
+
+var byteArrayOutputStream = function() {
+
+    var _bytes = new Array();
+
+    var _this = {};
+
+    _this.writeByte = function(b) {
+        _bytes.push(b & 0xff);
+    };
+
+    _this.writeShort = function(i) {
+        _this.writeByte(i);
+        _this.writeByte(i >>> 8);
+    };
+
+    _this.writeBytes = function(b, off, len) {
+        off = off || 0;
+        len = len || b.length;
+        for (var i = 0; i < len; i += 1) {
+            _this.writeByte(b[i + off]);
+        }
+    };
+
+    _this.writeString = function(s) {
+        for (var i = 0; i < s.length; i += 1) {
+            _this.writeByte(s.charCodeAt(i) );
+        }
+    };
+
+    _this.toByteArray = function() {
+        return _bytes;
+    };
+
+    _this.toString = function() {
+        var s = '';
+        s += '[';
+        for (var i = 0; i < _bytes.length; i += 1) {
+            if (i > 0) {
+                s += ',';
+            }
+            s += _bytes[i];
+        }
+        s += ']';
+        return s;
+    };
+
+    return _this;
+};
+
+//---------------------------------------------------------------------
+// base64EncodeOutputStream
+//---------------------------------------------------------------------
+
+var base64EncodeOutputStream = function() {
+
+    var _buffer = 0;
+    var _buflen = 0;
+    var _length = 0;
+    var _base64 = '';
+
+    var _this = {};
+
+    var writeEncoded = function(b) {
+        _base64 += String.fromCharCode(encode(b & 0x3f) );
+    };
+
+    var encode = function(n) {
+        if (n < 0) {
+            // error.
+        } else if (n < 26) {
+            return 0x41 + n;
+        } else if (n < 52) {
+            return 0x61 + (n - 26);
+        } else if (n < 62) {
+            return 0x30 + (n - 52);
+        } else if (n == 62) {
+            return 0x2b;
+        } else if (n == 63) {
+            return 0x2f;
+        }
+        throw new Error('n:' + n);
+    };
+
+    _this.writeByte = function(n) {
+
+        _buffer = (_buffer << 8) | (n & 0xff);
+        _buflen += 8;
+        _length += 1;
+
+        while (_buflen >= 6) {
+            writeEncoded(_buffer >>> (_buflen - 6) );
+            _buflen -= 6;
+        }
+    };
+
+    _this.flush = function() {
+
+        if (_buflen > 0) {
+            writeEncoded(_buffer << (6 - _buflen) );
+            _buffer = 0;
+            _buflen = 0;
+        }
+
+        if (_length % 3 != 0) {
+            // padding
+            var padlen = 3 - _length % 3;
+            for (var i = 0; i < padlen; i += 1) {
+                _base64 += '=';
+            }
+        }
+    };
+
+    _this.toString = function() {
+        return _base64;
+    };
+
+    return _this;
+};
+
+//---------------------------------------------------------------------
+// base64DecodeInputStream
+//---------------------------------------------------------------------
+
+var base64DecodeInputStream = function(str) {
+
+    var _str = str;
+    var _pos = 0;
+    var _buffer = 0;
+    var _buflen = 0;
+
+    var _this = {};
+
+    _this.read = function() {
+
+        while (_buflen < 8) {
+
+            if (_pos >= _str.length) {
+                if (_buflen == 0) {
+                    return -1;
+                }
+                throw new Error('unexpected end of file./' + _buflen);
+            }
+
+            var c = _str.charAt(_pos);
+            _pos += 1;
+
+            if (c == '=') {
+                _buflen = 0;
+                return -1;
+            } else if (c.match(/^\s$/) ) {
+                // ignore if whitespace.
+                continue;
+            }
+
+            _buffer = (_buffer << 6) | decode(c.charCodeAt(0) );
+            _buflen += 6;
+        }
+
+        var n = (_buffer >>> (_buflen - 8) ) & 0xff;
+        _buflen -= 8;
+        return n;
+    };
+
+    var decode = function(c) {
+        if (0x41 <= c && c <= 0x5a) {
+            return c - 0x41;
+        } else if (0x61 <= c && c <= 0x7a) {
+            return c - 0x61 + 26;
+        } else if (0x30 <= c && c <= 0x39) {
+            return c - 0x30 + 52;
+        } else if (c == 0x2b) {
+            return 62;
+        } else if (c == 0x2f) {
+            return 63;
+        } else {
+            throw new Error('c:' + c);
+        }
+    };
+
+    return _this;
+};
+
+//---------------------------------------------------------------------
+// gifImage (B/W)
+//---------------------------------------------------------------------
+
+var gifImage = function(width, height) {
+
+    var _width = width;
+    var _height = height;
+    var _data = new Array(width * height);
+
+    var _this = {};
+
+    _this.setPixel = function(x, y, pixel) {
+        _data[y * _width + x] = pixel;
+    };
+
+    _this.write = function(out) {
+
+        //---------------------------------
+        // GIF Signature
+
+        out.writeString('GIF87a');
+
+        //---------------------------------
+        // Screen Descriptor
+
+        out.writeShort(_width);
+        out.writeShort(_height);
+
+        out.writeByte(0x80); // 2bit
+        out.writeByte(0);
+        out.writeByte(0);
+
+        //---------------------------------
+        // Global Color Map
+
+        // black
+        out.writeByte(0x00);
+        out.writeByte(0x00);
+        out.writeByte(0x00);
+
+        // white
+        out.writeByte(0xff);
+        out.writeByte(0xff);
+        out.writeByte(0xff);
+
+        //---------------------------------
+        // Image Descriptor
+
+        out.writeString(',');
+        out.writeShort(0);
+        out.writeShort(0);
+        out.writeShort(_width);
+        out.writeShort(_height);
+        out.writeByte(0);
+
+        //---------------------------------
+        // Local Color Map
+
+        //---------------------------------
+        // Raster Data
+
+        var lzwMinCodeSize = 2;
+        var raster = getLZWRaster(lzwMinCodeSize);
+
+        out.writeByte(lzwMinCodeSize);
+
+        var offset = 0;
+
+        while (raster.length - offset > 255) {
+            out.writeByte(255);
+            out.writeBytes(raster, offset, 255);
+            offset += 255;
+        }
+
+        out.writeByte(raster.length - offset);
+        out.writeBytes(raster, offset, raster.length - offset);
+        out.writeByte(0x00);
+
+        //---------------------------------
+        // GIF Terminator
+        out.writeString(';');
+    };
+
+    var bitOutputStream = function(out) {
+
+        var _out = out;
+        var _bitLength = 0;
+        var _bitBuffer = 0;
+
+        var _this = {};
+
+        _this.write = function(data, length) {
+
+            if ( (data >>> length) != 0) {
+                throw new Error('length over');
+            }
+
+            while (_bitLength + length >= 8) {
+                _out.writeByte(0xff & ( (data << _bitLength) | _bitBuffer) );
+                length -= (8 - _bitLength);
+                data >>>= (8 - _bitLength);
+                _bitBuffer = 0;
+                _bitLength = 0;
+            }
+
+            _bitBuffer = (data << _bitLength) | _bitBuffer;
+            _bitLength = _bitLength + length;
+        };
+
+        _this.flush = function() {
+            if (_bitLength > 0) {
+                _out.writeByte(_bitBuffer);
+            }
+        };
+
+        return _this;
+    };
+
+    var getLZWRaster = function(lzwMinCodeSize) {
+
+        var clearCode = 1 << lzwMinCodeSize;
+        var endCode = (1 << lzwMinCodeSize) + 1;
+        var bitLength = lzwMinCodeSize + 1;
+
+        // Setup LZWTable
+        var table = lzwTable();
+
+        for (var i = 0; i < clearCode; i += 1) {
+            table.add(String.fromCharCode(i) );
+        }
+        table.add(String.fromCharCode(clearCode) );
+        table.add(String.fromCharCode(endCode) );
+
+        var byteOut = byteArrayOutputStream();
+        var bitOut = bitOutputStream(byteOut);
+
+        // clear code
+        bitOut.write(clearCode, bitLength);
+
+        var dataIndex = 0;
+
+        var s = String.fromCharCode(_data[dataIndex]);
+        dataIndex += 1;
+
+        while (dataIndex < _data.length) {
+
+            var c = String.fromCharCode(_data[dataIndex]);
+            dataIndex += 1;
+
+            if (table.contains(s + c) ) {
+
+                s = s + c;
+
+            } else {
+
+                bitOut.write(table.indexOf(s), bitLength);
+
+                if (table.size() < 0xfff) {
+
+                    if (table.size() == (1 << bitLength) ) {
+                        bitLength += 1;
+                    }
+
+                    table.add(s + c);
+                }
+
+                s = c;
+            }
+        }
+
+        bitOut.write(table.indexOf(s), bitLength);
+
+        // end code
+        bitOut.write(endCode, bitLength);
+
+        bitOut.flush();
+
+        return byteOut.toByteArray();
+    };
+
+    var lzwTable = function() {
+
+        var _map = {};
+        var _size = 0;
+
+        var _this = {};
+
+        _this.add = function(key) {
+            if (_this.contains(key) ) {
+                throw new Error('dup key:' + key);
+            }
+            _map[key] = _size;
+            _size += 1;
+        };
+
+        _this.size = function() {
+            return _size;
+        };
+
+        _this.indexOf = function(key) {
+            return _map[key];
+        };
+
+        _this.contains = function(key) {
+            return typeof _map[key] != 'undefined';
+        };
+
+        return _this;
+    };
+
+    return _this;
+};
+
+var createImgTag = function(width, height, getPixel, alt) {
+
+    var gif = gifImage(width, height);
+    for (var y = 0; y < height; y += 1) {
+        for (var x = 0; x < width; x += 1) {
+            gif.setPixel(x, y, getPixel(x, y) );
+        }
+    }
+
+    var b = byteArrayOutputStream();
+    gif.write(b);
+
+    var base64 = base64EncodeOutputStream();
+    var bytes = b.toByteArray();
+    for (var i = 0; i < bytes.length; i += 1) {
+        base64.writeByte(bytes[i]);
+    }
+    base64.flush();
+
+    var img = '';
+    img += 'data:image/gif;base64,';
+    img += base64;
+
+    return img;
+};
+
+//---------------------------------------------------------------------
+// returns qrcode function.
+
+var createQrCodeImg = function(text, options) {
+    options = options || {};
+    var typeNumber = options.typeNumber || 4;
+    var errorCorrectLevel = options.errorCorrectLevel || 'M';
+    var size = options.size || 500;
+
+    var qr;
+
+    try {
+        qr = qrcode(typeNumber, errorCorrectLevel || 'M');
+        qr.addData(text);
+        qr.make();
+    } catch (e) {
+        if(typeNumber >= 40) {
+            throw new Error('Text too long to encode');
+        } else {
+            return gen(text, {
+                size: size,
+                errorCorrectLevel: errorCorrectLevel,
+                typeNumber: typeNumber + 1
+            });
+        }
+    }
+
+    // calc cellsize and margin
+    var cellsize = parseInt(size / qr.getModuleCount());
+    var margin = parseInt((size - qr.getModuleCount() * cellsize) / 2);
+
+    return qr.createImgTag(cellsize, margin, size);
+};
+export default{createQrCodeImg}
diff --git a/src/wxs/number.js b/src/wxs/number.js
new file mode 100644
index 0000000..f88e91a
--- /dev/null
+++ b/src/wxs/number.js
@@ -0,0 +1,40 @@
+// 原  wxs/number.wxs 文件，使用时在 js中引入
+// const wxs = number()
+
+function number () {
+  return {
+    // 转换为价格的格式
+    toPrice: (val) => {
+      if (!val) {
+        val = 0
+      }
+      val = Number(val)
+      return val.toFixed(2)
+    },
+    // 价格展示
+    parsePrice: (val) => {
+      val = val / 100
+      if (!val) {
+        val = 0
+      }
+      return val.toFixed(2).split('.')
+    },
+
+    // 取整
+    rounding: (val) => {
+      if (!val) {
+        val = 0
+      }
+      return parseInt(val)
+    },
+    /**
+     * 裁剪日期  2020-03-20 15:04:40  ->  2020-03-20
+     */
+    spliceDate: (dateStr) => {
+      if (!dateStr) return
+      return dateStr.split(' ')[0]
+    }
+  }
+}
+
+export default number
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..e4a0d1b
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "target": "es5",
+    "sourceMap": true,
+    "skipLibCheck": true
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "src/auto-import/components.d.ts",
+    "src/auto-import/imports.d.ts"
+  ]
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..21194fd
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,47 @@
+import { defineConfig } from 'vite'
+import uni from '@dcloudio/vite-plugin-uni'
+import path from 'path'
+import AutoImport from 'unplugin-auto-import/vite'
+import legacy from '@vitejs/plugin-legacy'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  transpileDependencies: [
+    /[/\\]node_modules[/\\](.+?)?@uni-ui(.*)[/\\]code-plugs/
+  ],
+  plugins: [
+    uni(),
+    AutoImport({
+      imports: [
+        'vue',
+        'uni-app'
+      ],
+      dirs: [
+        'src/utils/**',
+        'src/wxs/**'
+      ],
+      dts: 'src/auto-import/imports.d.ts',
+      eslintrc: {
+        enabled: true
+      }
+    })
+  ].concat(process.env.UNI_PLATFORM === 'h5' ? [
+    legacy({
+      // 兼容浏览器列表
+      targets: ['Android >= 7', 'chrome >= 51', 'firefox >= 54', 'ios >= 10']
+    })
+  ] : []),
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src')
+    }
+  },
+  server: {
+    host: true,
+    port: 80,
+    open: true
+  },
+  build: {
+    minify: 'terser'
+  }
+})