From 972b73a9dbb21bd3c0f8f625f535d38dec80f717 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=AD=E8=83=9C=E5=BC=BA?= <guoshengqiang@live.com>
Date: Thu, 23 Aug 2018 15:07:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E9=A1=B9mpvue=E9=A1=B9=E7=9B=AE?=
 =?UTF-8?q?=E7=A7=BB=E6=A4=8D=E7=A4=BA=E4=BE=8B=EF=BC=9A=E3=80=8CONE=20?=
 =?UTF-8?q?=C2=B7=20=E4=B8=80=E4=B8=AA=E3=80=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/uniapp-one/App.vue                   |  75 +++++
 examples/uniapp-one/README.md                 |  11 +
 examples/uniapp-one/components/article.vue    |  64 +++++
 examples/uniapp-one/components/movieItem.vue  |  89 ++++++
 .../mpvue-wxparse/components/wxParseImg.vue   |  97 +++++++
 .../components/wxParseTemplate0.vue           | 101 +++++++
 .../components/wxParseTemplate1.vue           |  92 +++++++
 .../components/wxParseTemplate10.vue          |  92 +++++++
 .../components/wxParseTemplate11.vue          |  80 ++++++
 .../components/wxParseTemplate2.vue           |  92 +++++++
 .../components/wxParseTemplate3.vue           |  92 +++++++
 .../components/wxParseTemplate4.vue           |  92 +++++++
 .../components/wxParseTemplate5.vue           |  92 +++++++
 .../components/wxParseTemplate6.vue           |  92 +++++++
 .../components/wxParseTemplate7.vue           |  92 +++++++
 .../components/wxParseTemplate8.vue           |  92 +++++++
 .../components/wxParseTemplate9.vue           |  92 +++++++
 .../mpvue-wxparse/components/wxParseVideo.vue |  15 +
 .../mpvue-wxparse/libs/html2json.js           | 252 +++++++++++++++++
 .../mpvue-wxparse/libs/htmlparser.js          | 188 +++++++++++++
 .../mpvue-wxparse/libs/wxDiscode.js           | 197 ++++++++++++++
 .../components/mpvue-wxparse/wxParse.css      | 257 ++++++++++++++++++
 .../components/mpvue-wxparse/wxParse.vue      |  65 +++++
 .../uniapp-one/components/questionList.vue    |  97 +++++++
 examples/uniapp-one/components/readList.vue   |  98 +++++++
 examples/uniapp-one/main.js                   |  13 +
 examples/uniapp-one/manifest.json             |  53 ++++
 examples/uniapp-one/pages.json                |  79 ++++++
 .../uniapp-one/pages/daily/detail/main.vue    | 145 ++++++++++
 examples/uniapp-one/pages/daily/main.vue      | 141 ++++++++++
 examples/uniapp-one/pages/home/main.vue       |  65 +++++
 examples/uniapp-one/pages/home/weather.vue    |  56 ++++
 .../uniapp-one/pages/movie/detail/main.vue    |  38 +++
 examples/uniapp-one/pages/movie/main.vue      |  51 ++++
 examples/uniapp-one/pages/read/essay/main.vue |  34 +++
 examples/uniapp-one/pages/read/main.vue       |  68 +++++
 .../uniapp-one/pages/read/question/main.vue   |  92 +++++++
 .../uniapp-one/static/assert/arrow-right.png  | Bin 0 -> 2253 bytes
 examples/uniapp-one/static/assert/music.png   | Bin 0 -> 6654 bytes
 examples/uniapp-one/static/assert/pause.png   | Bin 0 -> 2781 bytes
 examples/uniapp-one/static/assert/play.png    | Bin 0 -> 3154 bytes
 .../uniapp-one/static/icon/daily-active.png   | Bin 0 -> 5150 bytes
 examples/uniapp-one/static/icon/daily.png     | Bin 0 -> 5179 bytes
 .../uniapp-one/static/icon/home-active.png    | Bin 0 -> 12503 bytes
 examples/uniapp-one/static/icon/home.png      | Bin 0 -> 12455 bytes
 .../uniapp-one/static/icon/movie-active.png   | Bin 0 -> 2227 bytes
 examples/uniapp-one/static/icon/movie.png     | Bin 0 -> 2263 bytes
 .../uniapp-one/static/icon/read-active.png    | Bin 0 -> 4355 bytes
 examples/uniapp-one/static/icon/read.png      | Bin 0 -> 4396 bytes
 examples/uniapp-one/store/index.js            |  33 +++
 examples/uniapp-one/store/modules/home.js     |  38 +++
 examples/uniapp-one/store/modules/movie.js    |  40 +++
 examples/uniapp-one/store/modules/read.js     |  47 ++++
 examples/uniapp-one/store/modules/weather.js  |  38 +++
 examples/uniapp-one/store/mutations_type.js   |  14 +
 examples/uniapp-one/utils/api.js              |  29 ++
 examples/uniapp-one/utils/request.js          |  29 ++
 57 files changed, 3709 insertions(+)
 create mode 100644 examples/uniapp-one/App.vue
 create mode 100644 examples/uniapp-one/README.md
 create mode 100644 examples/uniapp-one/components/article.vue
 create mode 100644 examples/uniapp-one/components/movieItem.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseImg.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate0.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate1.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate10.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate11.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate2.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate3.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate4.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate5.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate6.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate7.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate8.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate9.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/components/wxParseVideo.vue
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/libs/html2json.js
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/libs/htmlparser.js
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/libs/wxDiscode.js
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/wxParse.css
 create mode 100644 examples/uniapp-one/components/mpvue-wxparse/wxParse.vue
 create mode 100644 examples/uniapp-one/components/questionList.vue
 create mode 100644 examples/uniapp-one/components/readList.vue
 create mode 100644 examples/uniapp-one/main.js
 create mode 100644 examples/uniapp-one/manifest.json
 create mode 100644 examples/uniapp-one/pages.json
 create mode 100644 examples/uniapp-one/pages/daily/detail/main.vue
 create mode 100644 examples/uniapp-one/pages/daily/main.vue
 create mode 100644 examples/uniapp-one/pages/home/main.vue
 create mode 100644 examples/uniapp-one/pages/home/weather.vue
 create mode 100644 examples/uniapp-one/pages/movie/detail/main.vue
 create mode 100644 examples/uniapp-one/pages/movie/main.vue
 create mode 100644 examples/uniapp-one/pages/read/essay/main.vue
 create mode 100644 examples/uniapp-one/pages/read/main.vue
 create mode 100644 examples/uniapp-one/pages/read/question/main.vue
 create mode 100644 examples/uniapp-one/static/assert/arrow-right.png
 create mode 100644 examples/uniapp-one/static/assert/music.png
 create mode 100644 examples/uniapp-one/static/assert/pause.png
 create mode 100644 examples/uniapp-one/static/assert/play.png
 create mode 100644 examples/uniapp-one/static/icon/daily-active.png
 create mode 100644 examples/uniapp-one/static/icon/daily.png
 create mode 100644 examples/uniapp-one/static/icon/home-active.png
 create mode 100644 examples/uniapp-one/static/icon/home.png
 create mode 100644 examples/uniapp-one/static/icon/movie-active.png
 create mode 100644 examples/uniapp-one/static/icon/movie.png
 create mode 100644 examples/uniapp-one/static/icon/read-active.png
 create mode 100644 examples/uniapp-one/static/icon/read.png
 create mode 100644 examples/uniapp-one/store/index.js
 create mode 100644 examples/uniapp-one/store/modules/home.js
 create mode 100644 examples/uniapp-one/store/modules/movie.js
 create mode 100644 examples/uniapp-one/store/modules/read.js
 create mode 100644 examples/uniapp-one/store/modules/weather.js
 create mode 100644 examples/uniapp-one/store/mutations_type.js
 create mode 100644 examples/uniapp-one/utils/api.js
 create mode 100644 examples/uniapp-one/utils/request.js

diff --git a/examples/uniapp-one/App.vue b/examples/uniapp-one/App.vue
new file mode 100644
index 00000000..5e83aec6
--- /dev/null
+++ b/examples/uniapp-one/App.vue
@@ -0,0 +1,75 @@
+<script>
+import { mapActions, mapMutations } from 'vuex'
+export default {
+  created () {
+    this.initPage()
+  },
+  methods: {
+    ...mapMutations('weather', {
+      setLocation: 'SET_LOCATION'
+    }),
+    ...mapActions('weather', ['getWeather']),
+    async initPage() {
+      const location = await this.getLocation()
+      this.setLocation({
+        location
+      })
+      this.getWeather()
+    },
+    async getLocation() {
+      return await new Promise((resolve, reject) => {
+        wx.getLocation({
+          success(location) {
+            resolve(location)
+          },
+          fail(err) {
+            console.log(err)
+            reject(err)
+          }
+        })
+      })
+    }
+  }
+}
+</script>
+
+<style>
+.container {
+  font-size: 26rpx;
+  text-align: center;
+}
+
+.wrapper {
+  font-size: 26rpx;
+  text-align: left;
+}
+
+* {
+  transition: width 2s;
+  -moz-transition: width 2s;
+  -webkit-transition: width 2s;
+  -o-transition: width 2s;
+}
+
+/* font color */
+* {
+  color: #353535;
+}
+.gray {
+  color: #808080;
+}
+
+.wxParse {
+  text-indent: 2em;
+}
+.wxParse image {
+  text-indent: 0;
+}
+.wxParse ._view {
+  padding: 0 10rpx;
+  text-indent: 0;
+}
+.wxParse .p {
+  text-indent: 1em;
+}
+</style>
diff --git a/examples/uniapp-one/README.md b/examples/uniapp-one/README.md
new file mode 100644
index 00000000..6d34d929
--- /dev/null
+++ b/examples/uniapp-one/README.md
@@ -0,0 +1,11 @@
+# uni-one
+
+> 使用uni-app开发的 [「ONE · 一个」](http://wufazhuce.com)  
+> 移植自[mpvue-one](https://github.com/feng-fu/mpvue-one/blob/master/README.md)  
+> 本项目仅作为mpvue项目移植示例  
+
+## 使用方式
+将项目拖入[HbuildX](http://www.dcloud.io/hbuilderx.html),直接运行即可
+
+## 注意事项
+* 在小程序中预览提示合法域名校验出错，需打开微信开发者工具内 设置-项目设置，勾选“不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书”。
\ No newline at end of file
diff --git a/examples/uniapp-one/components/article.vue b/examples/uniapp-one/components/article.vue
new file mode 100644
index 00000000..e2628a45
--- /dev/null
+++ b/examples/uniapp-one/components/article.vue
@@ -0,0 +1,64 @@
+<template>
+  <block>
+    <view class="title">
+      <text>{{title}}</text>
+    </view>
+    <view class="author" v-if="user_name">
+      <text>文 / {{user_name}}</text>
+    </view>
+    <view class="summary" v-if="summary">
+      <view class="line"></view>
+      <text>{{summary}}</text>
+    </view>
+    <wx-parse :content="content"></wx-parse>
+  </block>
+</template>
+
+<script>
+import wxParse from './mpvue-wxparse/wxParse.vue'
+export default {
+  props: {
+    title: String,
+    user_name: String,
+    content: String,
+    summary: String
+  },
+  components: {
+    wxParse
+  }
+}
+</script>
+
+
+<style scoped>
+  .title {
+    font-size: 36rpx;
+    font-weight: 700;
+    margin: .8em .8em;
+    text-align: center;
+  }
+  .author {
+    color: #cacaca;
+    font-size: 24rpx;
+    text-align: right;
+    padding-right: 2em;
+  }
+  .summary {
+    position: relative;
+    color: #b0b0b0;
+    font-size: 24rpx;
+    white-space: nowrap;
+    text-overflow: ellipse;
+    padding-left: 40rpx;
+    height: 60rpx;
+    line-height: 60rpx;
+  }
+  .summary .line {
+    position: absolute;
+    top: 14rpx;
+    left: 20rpx;
+    width: 10rpx;
+    height: 32rpx;
+    background-color: #d0d0d0;
+  }
+</style>
diff --git a/examples/uniapp-one/components/movieItem.vue b/examples/uniapp-one/components/movieItem.vue
new file mode 100644
index 00000000..8ae318a8
--- /dev/null
+++ b/examples/uniapp-one/components/movieItem.vue
@@ -0,0 +1,89 @@
+<template>
+  <block>
+    <view class="list-container" v-if="movie.subtitle">
+      <view class="content">
+        <view class="view-title title">
+          <text>{{movie.title}}</text>
+        </view>
+        <view class="author">
+          <!-- <text>{{movie.author_list[0].user_name}} —— </text> -->
+          <!-- <text>{{movie.author_list[0].desc}}</text> -->
+          <text>{{movie.subtitle}}</text>
+        </view>
+      </view>
+      <view>
+        <image class="avatar" :src="movie.img_url || 'https://petrify.oss-cn-beijing.aliyuncs.com/arrow-right.png'" />
+      </view>
+    </view>
+    <block v-else>
+      <view class="only-title title">
+        <text>{{movie.title}}</text>
+        <image class="arraw" src="https://petrify.oss-cn-beijing.aliyuncs.com/arrow-right.png" />
+      </view>
+    </block>
+  </block>
+</template>
+
+<script>
+export default {
+  props: {
+    movie: Object
+  }
+}
+</script>
+
+<style>
+  .title {
+    font-size: 28rpx;
+    line-height: 40rpx;
+    margin-bottom: 10rpx;
+    font-weight: bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .only-title {
+    height: 100%;
+    line-height: 170rpx;
+    text-align: left;
+    padding-left: 20rpx;
+    display: flex;
+    align-items: center;
+  }
+
+  .only-title text {
+    width: 680rpx;
+  }
+
+  .arraw {
+    width: 28rpx;
+    height: 28rpx;
+  }
+
+  .view-title {
+    text-align: left;
+  }
+
+  .avatar {
+    width: 100rpx;
+    height: 100rpx;
+    padding-right: 20rpx;
+  }
+
+  .list-container {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    padding-left: 20rpx;
+  }
+
+  .content {
+    width: 600rpx;
+  }
+
+  .author {
+    text-align: left;
+    color: #979794;
+  }
+</style>
+
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseImg.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseImg.vue
new file mode 100644
index 00000000..1d0f9142
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseImg.vue
@@ -0,0 +1,97 @@
+<template>
+  <image
+    class="img"
+    :mode="node.image.mode"
+    :lazy-load="node.image.lazyLoad"
+    :class="node.classStr"
+    :style="fitStyleStr"
+    :data-src="node.attr.src"
+    :src="node.attr.src"
+    @tap="wxParseImgTap"
+    @load="wxParseImgLoad"
+    />
+</template>
+
+<script>
+export default {
+  name: 'wxParseImg',
+  data() {
+    return {
+      realWindowWidth: 0,
+      realWindowHeight: 0,
+      newStyleStr: '',
+    };
+  },
+  props: {
+    node: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  mounted() {
+    this.getSysWH();
+  },
+  computed: {
+    fitStyleStr() {
+      return this.newStyleStr || this.node.styleStr;
+    },
+  },
+  methods: {
+    getSysWH() {
+      // 获取当前设备屏幕宽度和高度, 写在这里只是为了方便调试, 最好是写到 wxParse.vue 再传入
+      wx.getSystemInfo({
+        success: (res) => {
+          this.realWindowWidth = res.windowWidth;
+          this.realWindowHeight = res.windowHeight;
+        },
+      });
+    },
+    wxParseImgTap(e) {
+      const { src } = e.target.dataset;
+      if (!src) return;
+      wx.previewImage({
+        current: src, // 当前显示图片的http链接
+        urls: this.node.image.urls, // 需要预览的图片http链接列表
+      });
+    },
+    // 图片视觉宽高计算函数区
+    wxParseImgLoad(e) {
+      const { src } = e.target.dataset;
+      if (!src) return;
+      if (typeof src !== 'undefined' && src !== '' && src !== null) {
+        this.calMoreImageInfo(e);
+      }
+    },
+    // 假循环获取计算图片视觉最佳宽高
+    calMoreImageInfo(e) {
+      const { width, height } = e.mp.detail;
+      const recal = this.wxAutoImageCal(width, height);
+      const { imageheight, imageWidth } = recal;
+      const { padding } = this.node.image;
+      this.newStyleStr = `height: ${imageheight}px; width: ${imageWidth}px; padding: 0 ${padding}px;`;
+    },
+    // 计算视觉优先的图片宽高
+    wxAutoImageCal(originalWidth, originalHeight) {
+      // 获取图片的原始长宽
+      const { padding } = this.node.image;
+      const windowWidth = this.realWindowWidth - (2 * padding);
+      const results = {};
+
+      // 判断按照那种方式进行缩放
+      if (originalWidth > windowWidth) {
+        // 在图片width大于手机屏幕width时候
+        results.imageWidth = windowWidth;
+        results.imageheight = windowWidth * (originalHeight / originalWidth);
+      } else {
+        // 否则展示原来的数据
+        results.imageWidth = originalWidth;
+        results.imageheight = originalHeight;
+      }
+
+      return results;
+    },
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate0.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate0.vue
new file mode 100644
index 00000000..22603e52
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate0.vue
@@ -0,0 +1,101 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--table类型-->
+    <block v-else-if="node.tag == 'table'">
+      <view :class="node.classStr" class="table" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate1';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate0',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate1.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate1.vue
new file mode 100644
index 00000000..6209da4f
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate1.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate2';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate1',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate10.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate10.vue
new file mode 100644
index 00000000..b3f2100b
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate10.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate11';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate10',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate11.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate11.vue
new file mode 100644
index 00000000..5f2d1713
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate11.vue
@@ -0,0 +1,80 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <!--button类型-->
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            {{node.text}}
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        {{node.text}}
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        {{node.text}}
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      {{node.text}}
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate11',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate2.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate2.vue
new file mode 100644
index 00000000..bb006971
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate2.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate3';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate2',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate3.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate3.vue
new file mode 100644
index 00000000..d52687f7
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate3.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate4';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate3',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate4.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate4.vue
new file mode 100644
index 00000000..2c0d2ccb
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate4.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate5';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate4',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate5.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate5.vue
new file mode 100644
index 00000000..c66270fd
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate5.vue
@@ -0,0 +1,92 @@
+s<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate6';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate5',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate6.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate6.vue
new file mode 100644
index 00000000..0d9c1e33
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate6.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate7';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate6',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate7.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate7.vue
new file mode 100644
index 00000000..139ef711
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate7.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate8';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate7',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate8.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate8.vue
new file mode 100644
index 00000000..b960a6a2
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate8.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate9';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate8',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate9.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate9.vue
new file mode 100644
index 00000000..a5978f5a
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseTemplate9.vue
@@ -0,0 +1,92 @@
+<template>
+  <!--判断是否是标签节点-->
+  <block v-if="node.node == 'element'">
+    <block v-if="node.tag == 'button'">
+      <button type="default" size="mini">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </button>
+    </block>
+
+    <!--li类型-->
+    <block v-else-if="node.tag == 'li'">
+      <view :class="node.classStr" class="li" :style="node.styleStr">
+        <view :class="node.classStr" class="li-inner">
+          <view :class="node.classStr" class="li-text">
+            <view :class="node.classStr" class="li-circle"></view>
+          </view>
+          <view :class="node.classStr" class="li-text">
+            <block v-for="node of node.nodes" :key="node.index">
+              <wx-parse-template :node="node" />
+            </block>
+          </view>
+        </view>
+      </view>
+    </block>
+
+    <!--video类型-->
+    <block v-else-if="node.tag == 'video'">
+      <wx-parse-video :node="node" />
+    </block>
+
+    <!--img类型-->
+    <block v-else-if="node.tag == 'img'">
+      <wx-parse-img :node="node" />
+    </block>
+
+    <!--a类型-->
+    <block v-else-if="node.tag == 'a'">
+      <view :class="node.classStr" class="inline a" :data-href="node.attr.href" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--br类型-->
+    <block v-else-if="node.tag == 'br'">
+      <text>\n</text>
+    </block>
+
+    <!--其他块级标签-->
+    <block v-else-if="node.tagType == 'block' && node.tag !== 'script'">
+      <view :class="[node.classStr, node.tag]" :style="node.styleStr">
+        <block v-for="node of node.nodes" :key="node.index">
+          <wx-parse-template :node="node" />
+        </block>
+      </view>
+    </block>
+
+    <!--内联标签-->
+    <view v-else-if="node.tagType == 'inline' && node.tag !== 'style'" :class="[node.classStr, node.tag]" class="inline" :style="node.styleStr">
+      <block v-for="node of node.nodes" :key="node.index">
+        <wx-parse-template :node="node" />
+      </block>
+    </view>
+
+  </block>
+
+  <!--判断是否是文本节点-->
+  <block v-else-if="node.node == 'text'">
+    {{node.text}}
+  </block>
+</template>
+
+<script>
+import wxParseTemplate from './wxParseTemplate10';
+import wxParseImg from './wxParseImg';
+import wxParseVideo from './wxParseVideo';
+
+export default {
+  name: 'wxParseTemplate9',
+  props: {
+    node: {},
+  },
+  components: {
+    wxParseTemplate,
+    wxParseImg,
+    wxParseVideo,
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/components/wxParseVideo.vue b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseVideo.vue
new file mode 100644
index 00000000..43b5b9fb
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/components/wxParseVideo.vue
@@ -0,0 +1,15 @@
+<template>
+  <!--增加video标签支持，并循环添加-->
+  <view :class="node.classStr" class="video" :style="node.styleStr">
+    <video :class="node.classStr" class="video-video" :src="node.attr.src"></video>
+  </view>
+</template>
+
+<script>
+export default {
+  name: 'wxParseVideo',
+  props: {
+    node: {},
+  },
+};
+</script>
diff --git a/examples/uniapp-one/components/mpvue-wxparse/libs/html2json.js b/examples/uniapp-one/components/mpvue-wxparse/libs/html2json.js
new file mode 100644
index 00000000..e4c2bf66
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/libs/html2json.js
@@ -0,0 +1,252 @@
+/**
+ * html2Json 改造来自: https://github.com/Jxck/html2json
+ *
+ *
+ * author: Di (微信小程序开发工程师)
+ * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
+ *               垂直微信小程序开发交流社区
+ *
+ * github地址: https://github.com/icindy/wxParse
+ *
+ * for: 微信小程序富文本解析
+ * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
+ */
+
+import wxDiscode from './wxDiscode';
+import HTMLParser from './htmlparser';
+
+const placeImgeUrlHttps = 'https';
+
+function makeMap(str) {
+  const obj = {};
+  const items = str.split(',');
+  for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;
+  return obj;
+}
+
+// Block Elements - HTML 5
+const block = makeMap('br,a,code,address,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');
+
+// Inline Elements - HTML 5
+const inline = makeMap('abbr,acronym,applet,b,basefont,bdo,big,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');
+
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');
+
+function removeDOCTYPE(html) {
+  return html
+    .replace(/<\?xml.*\\?>\n/, '')
+    .replace(/<.*!doctype.*\\>\n/, '')
+    .replace(/<.*!DOCTYPE.*\\>\n/, '');
+}
+
+function trimHtml(html) {
+  return html
+    .replace(/<!--.*?-->/gi, '')
+    .replace(/\/\*.*?\*\//gi, '')
+    .replace(/[ ]+</gi, '<');
+}
+
+function html2json(html, image, debug) {
+  // 处理字符串
+  html = removeDOCTYPE(html);
+  html = trimHtml(html);
+  html = wxDiscode.strDiscode(html);
+  // 生成node节点
+  const bufArray = [];
+  const results = {
+    nodes: [],
+    images: [],
+    imageUrls: [],
+  };
+  let index = 0;
+
+  image.urls = results.imageUrls;
+
+  HTMLParser(html, {
+    start(tag, attrs, unary) {
+      // node for this element
+      const node = {
+        node: 'element',
+        tag,
+      };
+
+      if (bufArray.length === 0) {
+        node.index = index.toString();
+        index += 1;
+      } else {
+        const parent = bufArray[0];
+        if (parent.nodes === undefined) {
+          parent.nodes = [];
+        }
+        node.index = `${parent.index}.${parent.nodes.length}`;
+      }
+
+      if (block[tag]) {
+        node.tagType = 'block';
+      } else if (inline[tag]) {
+        node.tagType = 'inline';
+      } else if (closeSelf[tag]) {
+        node.tagType = 'closeSelf';
+      }
+
+      node.attr = attrs.reduce((pre, attr) => {
+        const { name } = attr;
+        let { value } = attr;
+        if (name === 'class') {
+          if (debug) console.dir(value);
+          //  value = value.join("")
+          node.classStr = value;
+        }
+        // has multi attibutes
+        // make it array of attribute
+        if (name === 'style') {
+          if (debug) console.dir(value);
+          //  value = value.join("")
+          node.styleStr = value;
+        }
+        if (value.match(/ /)) {
+          value = value.split(' ');
+        }
+
+        // if attr already exists
+        // merge it
+        if (pre[name]) {
+          if (Array.isArray(pre[name])) {
+            // already array, push to last
+            pre[name].push(value);
+          } else {
+            // single value, make it array
+            pre[name] = [pre[name], value];
+          }
+        } else {
+          // not exist, put it
+          pre[name] = value;
+        }
+
+        return pre;
+      }, {});
+
+      // 对img添加额外数据
+      if (node.tag === 'img') {
+        node.imgIndex = results.images.length;
+        let imgUrl = node.attr.src;
+        imgUrl = wxDiscode.urlToHttpUrl(imgUrl, placeImgeUrlHttps);
+        node.attr.src = imgUrl || '';
+        node.image = image;
+        if (imgUrl) {
+          results.images.push(node);
+          results.imageUrls.push(imgUrl);
+        }
+      }
+
+      // 处理a标签属性
+      if (node.tag === 'a') {
+        node.attr.href = node.attr.href || '';
+      }
+
+      // 处理font标签样式属性
+      if (node.tag === 'font') {
+        const fontSize = [
+          'x-small',
+          'small',
+          'medium',
+          'large',
+          'x-large',
+          'xx-large',
+          '-webkit-xxx-large',
+        ];
+        const styleAttrs = {
+          color: 'color',
+          face: 'font-family',
+          size: 'font-size',
+        };
+        if (!node.attr.style) node.attr.style = [];
+        if (!node.styleStr) node.styleStr = '';
+        Object.keys(styleAttrs).forEach((key) => {
+          if (node.attr[key]) {
+            const value = key === 'size' ? fontSize[node.attr[key] - 1] : node.attr[key];
+            node.attr.style.push(styleAttrs[key]);
+            node.attr.style.push(value);
+            node.styleStr += `${styleAttrs[key]}: ${value};`;
+          }
+        });
+      }
+
+      // 临时记录source资源
+      if (node.tag === 'source') {
+        results.source = node.attr.src;
+      }
+
+      if (unary) {
+        // if this tag doesn't have end tag
+        // like <img src="hoge.png"/>
+        // add to parents
+        const parent = bufArray[0] || results;
+        if (parent.nodes === undefined) {
+          parent.nodes = [];
+        }
+        parent.nodes.push(node);
+      } else {
+        bufArray.unshift(node);
+      }
+    },
+    end(tag) {
+      // merge into parent tag
+      const node = bufArray.shift();
+      if (node.tag !== tag && debug) {
+        console.error('invalid state: mismatch end tag');
+      }
+
+      // 当有缓存source资源时于于video补上src资源
+      if (node.tag === 'video' && results.source) {
+        node.attr.src = results.source;
+        delete results.source;
+      }
+
+      if (bufArray.length === 0) {
+        results.nodes.push(node);
+      } else {
+        const parent = bufArray[0];
+        if (parent.nodes === undefined) {
+          parent.nodes = [];
+        }
+        parent.nodes.push(node);
+      }
+    },
+    chars(text) {
+      const node = {
+        node: 'text',
+        text: text.trim(),
+      };
+
+      if (bufArray.length === 0) {
+        node.index = index.toString();
+        index += 1;
+        results.nodes.push(node);
+      } else {
+        const parent = bufArray[0];
+        if (parent.nodes === undefined) {
+          parent.nodes = [];
+        }
+        node.index = `${parent.index}.${parent.nodes.length}`;
+        parent.nodes.push(node);
+      }
+    },
+    comment(text) {
+      const node = {
+        node: 'comment',
+        text,
+      };
+      const parent = bufArray[0];
+      if (parent.nodes === undefined) {
+        parent.nodes = [];
+      }
+      parent.nodes.push(node);
+    },
+  });
+  return results;
+}
+
+export default html2json;
diff --git a/examples/uniapp-one/components/mpvue-wxparse/libs/htmlparser.js b/examples/uniapp-one/components/mpvue-wxparse/libs/htmlparser.js
new file mode 100644
index 00000000..78771401
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/libs/htmlparser.js
@@ -0,0 +1,188 @@
+/**
+ *
+ * htmlParser改造自: https://github.com/blowsie/Pure-JavaScript-HTML5-Parser
+ *
+ * author: Di (微信小程序开发工程师)
+ * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
+ *               垂直微信小程序开发交流社区
+ *
+ * github地址: https://github.com/icindy/wxParse
+ *
+ * for: 微信小程序富文本解析
+ * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
+ */
+// Regular Expressions for parsing tags and attributes
+
+const startTag = /^<([-A-Za-z0-9_]+)((?:\s+[a-zA-Z0-9_:][-a-zA-Z0-9_:.]*(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)>/;
+const endTag = /^<\/([-A-Za-z0-9_]+)[^>]*>/;
+const attr = /([a-zA-Z0-9_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|([^>\s]+)))?/g;
+
+function makeMap(str) {
+  const obj = {};
+  const items = str.split(',');
+  for (let i = 0; i < items.length; i += 1) obj[items[i]] = true;
+  return obj;
+}
+
+// Empty Elements - HTML 5
+const empty = makeMap('area,base,basefont,br,col,frame,hr,img,input,link,meta,param,embed,command,keygen,source,track,wbr');
+
+// Block Elements - HTML 5
+const block = makeMap('a,address,code,article,applet,aside,audio,blockquote,button,canvas,center,dd,del,dir,div,dl,dt,fieldset,figcaption,figure,footer,form,frameset,h1,h2,h3,h4,h5,h6,header,hgroup,hr,iframe,ins,isindex,li,map,menu,noframes,noscript,object,ol,output,p,pre,section,script,table,tbody,td,tfoot,th,thead,tr,ul,video');
+
+// Inline Elements - HTML 5
+const inline = makeMap('abbr,acronym,applet,b,basefont,bdo,big,br,button,cite,del,dfn,em,font,i,iframe,img,input,ins,kbd,label,map,object,q,s,samp,script,select,small,span,strike,strong,sub,sup,textarea,tt,u,var');
+
+// Elements that you can, intentionally, leave open
+// (and which close themselves)
+const closeSelf = makeMap('colgroup,dd,dt,li,options,p,td,tfoot,th,thead,tr');
+
+// Attributes that have their values filled in disabled="disabled"
+const fillAttrs = makeMap('checked,compact,declare,defer,disabled,ismap,multiple,nohref,noresize,noshade,nowrap,readonly,selected');
+
+// Special Elements (can contain anything)
+const special = makeMap('script,style,view,scroll-view,block');
+
+function HTMLParser(html, handler) {
+  let index;
+  let chars;
+  let match;
+  let last = html;
+  const stack = [];
+
+  stack.last = () => stack[stack.length - 1];
+
+  function parseEndTag(tag, tagName) {
+    // If no tag name is provided, clean shop
+    let pos;
+    if (!tagName) {
+      pos = 0;
+    } else {
+      // Find the closest opened tag of the same type
+      tagName = tagName.toLowerCase();
+      for (pos = stack.length - 1; pos >= 0; pos -= 1) {
+        if (stack[pos] === tagName) break;
+      }
+    }
+    if (pos >= 0) {
+      // Close all the open elements, up the stack
+      for (let i = stack.length - 1; i >= pos; i -= 1) {
+        if (handler.end) handler.end(stack[i]);
+      }
+
+      // Remove the open elements from the stack
+      stack.length = pos;
+    }
+  }
+
+  function parseStartTag(tag, tagName, rest, unary) {
+    tagName = tagName.toLowerCase();
+
+    if (block[tagName]) {
+      while (stack.last() && inline[stack.last()]) {
+        parseEndTag('', stack.last());
+      }
+    }
+
+    if (closeSelf[tagName] && stack.last() === tagName) {
+      parseEndTag('', tagName);
+    }
+
+    unary = empty[tagName] || !!unary;
+
+    if (!unary) stack.push(tagName);
+
+    if (handler.start) {
+      const attrs = [];
+
+      rest.replace(attr, function genAttr(matches, name) {
+        const value = arguments[2] || arguments[3] || arguments[4] || (fillAttrs[name] ? name : '');
+
+        attrs.push({
+          name,
+          value,
+          escaped: value.replace(/(^|[^\\])"/g, '$1\\"'), // "
+        });
+      });
+
+      if (handler.start) {
+        handler.start(tagName, attrs, unary);
+      }
+    }
+  }
+
+  while (html) {
+    chars = true;
+
+    // Make sure we're not in a script or style element
+    if (!stack.last() || !special[stack.last()]) {
+      // Comment
+      if (html.indexOf('<!--') === 0) {
+        index = html.indexOf('-->');
+
+        if (index >= 0) {
+          if (handler.comment) handler.comment(html.substring(4, index));
+          html = html.substring(index + 3);
+          chars = false;
+        }
+
+        // end tag
+      } else if (html.indexOf('</') === 0) {
+        match = html.match(endTag);
+
+        if (match) {
+          html = html.substring(match[0].length);
+          match[0].replace(endTag, parseEndTag);
+          chars = false;
+        }
+
+        // start tag
+      } else if (html.indexOf('<') === 0) {
+        match = html.match(startTag);
+
+        if (match) {
+          html = html.substring(match[0].length);
+          match[0].replace(startTag, parseStartTag);
+          chars = false;
+        }
+      }
+
+      if (chars) {
+        index = html.indexOf('<');
+        let text = '';
+        while (index === 0) {
+          text += '<';
+          html = html.substring(1);
+          index = html.indexOf('<');
+        }
+        text += index < 0 ? html : html.substring(0, index);
+        html = index < 0 ? '' : html.substring(index);
+
+        if (handler.chars) handler.chars(text);
+      }
+    } else {
+      html = html.replace(
+        new RegExp(`([\\s\\S]*?)</${stack.last()}[^>]*>`),
+        (all, text) => {
+          text = text.replace(
+            /<!--([\s\S]*?)-->|<!\[CDATA\[([\s\S]*?)]]>/g,
+            '$1$2',
+          );
+          if (handler.chars) handler.chars(text);
+
+          return '';
+        },
+      );
+
+      parseEndTag('', stack.last());
+    }
+
+    if (html === last) throw new Error(`Parse Error: ${html}`);
+    last = html;
+  }
+
+  // Clean up any remaining tags
+  parseEndTag();
+}
+
+export default HTMLParser;
diff --git a/examples/uniapp-one/components/mpvue-wxparse/libs/wxDiscode.js b/examples/uniapp-one/components/mpvue-wxparse/libs/wxDiscode.js
new file mode 100644
index 00000000..ec67b46f
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/libs/wxDiscode.js
@@ -0,0 +1,197 @@
+// HTML 支持的数学符号
+function strNumDiscode(str) {
+  str = str.replace(/&forall;/g, '∀');
+  str = str.replace(/&part;/g, '∂');
+  str = str.replace(/&exist;/g, '∃');
+  str = str.replace(/&empty;/g, '∅');
+  str = str.replace(/&nabla;/g, '∇');
+  str = str.replace(/&isin;/g, '∈');
+  str = str.replace(/&notin;/g, '∉');
+  str = str.replace(/&ni;/g, '∋');
+  str = str.replace(/&prod;/g, '∏');
+  str = str.replace(/&sum;/g, '∑');
+  str = str.replace(/&minus;/g, '−');
+  str = str.replace(/&lowast;/g, '∗');
+  str = str.replace(/&radic;/g, '√');
+  str = str.replace(/&prop;/g, '∝');
+  str = str.replace(/&infin;/g, '∞');
+  str = str.replace(/&ang;/g, '∠');
+  str = str.replace(/&and;/g, '∧');
+  str = str.replace(/&or;/g, '∨');
+  str = str.replace(/&cap;/g, '∩');
+  str = str.replace(/&cup;/g, '∪');
+  str = str.replace(/&int;/g, '∫');
+  str = str.replace(/&there4;/g, '∴');
+  str = str.replace(/&sim;/g, '∼');
+  str = str.replace(/&cong;/g, '≅');
+  str = str.replace(/&asymp;/g, '≈');
+  str = str.replace(/&ne;/g, '≠');
+  str = str.replace(/&le;/g, '≤');
+  str = str.replace(/&ge;/g, '≥');
+  str = str.replace(/&sub;/g, '⊂');
+  str = str.replace(/&sup;/g, '⊃');
+  str = str.replace(/&nsub;/g, '⊄');
+  str = str.replace(/&sube;/g, '⊆');
+  str = str.replace(/&supe;/g, '⊇');
+  str = str.replace(/&oplus;/g, '⊕');
+  str = str.replace(/&otimes;/g, '⊗');
+  str = str.replace(/&perp;/g, '⊥');
+  str = str.replace(/&sdot;/g, '⋅');
+  return str;
+}
+
+// HTML 支持的希腊字母
+function strGreeceDiscode(str) {
+  str = str.replace(/&Alpha;/g, 'Α');
+  str = str.replace(/&Beta;/g, 'Β');
+  str = str.replace(/&Gamma;/g, 'Γ');
+  str = str.replace(/&Delta;/g, 'Δ');
+  str = str.replace(/&Epsilon;/g, 'Ε');
+  str = str.replace(/&Zeta;/g, 'Ζ');
+  str = str.replace(/&Eta;/g, 'Η');
+  str = str.replace(/&Theta;/g, 'Θ');
+  str = str.replace(/&Iota;/g, 'Ι');
+  str = str.replace(/&Kappa;/g, 'Κ');
+  str = str.replace(/&Lambda;/g, 'Λ');
+  str = str.replace(/&Mu;/g, 'Μ');
+  str = str.replace(/&Nu;/g, 'Ν');
+  str = str.replace(/&Xi;/g, 'Ν');
+  str = str.replace(/&Omicron;/g, 'Ο');
+  str = str.replace(/&Pi;/g, 'Π');
+  str = str.replace(/&Rho;/g, 'Ρ');
+  str = str.replace(/&Sigma;/g, 'Σ');
+  str = str.replace(/&Tau;/g, 'Τ');
+  str = str.replace(/&Upsilon;/g, 'Υ');
+  str = str.replace(/&Phi;/g, 'Φ');
+  str = str.replace(/&Chi;/g, 'Χ');
+  str = str.replace(/&Psi;/g, 'Ψ');
+  str = str.replace(/&Omega;/g, 'Ω');
+
+  str = str.replace(/&alpha;/g, 'α');
+  str = str.replace(/&beta;/g, 'β');
+  str = str.replace(/&gamma;/g, 'γ');
+  str = str.replace(/&delta;/g, 'δ');
+  str = str.replace(/&epsilon;/g, 'ε');
+  str = str.replace(/&zeta;/g, 'ζ');
+  str = str.replace(/&eta;/g, 'η');
+  str = str.replace(/&theta;/g, 'θ');
+  str = str.replace(/&iota;/g, 'ι');
+  str = str.replace(/&kappa;/g, 'κ');
+  str = str.replace(/&lambda;/g, 'λ');
+  str = str.replace(/&mu;/g, 'μ');
+  str = str.replace(/&nu;/g, 'ν');
+  str = str.replace(/&xi;/g, 'ξ');
+  str = str.replace(/&omicron;/g, 'ο');
+  str = str.replace(/&pi;/g, 'π');
+  str = str.replace(/&rho;/g, 'ρ');
+  str = str.replace(/&sigmaf;/g, 'ς');
+  str = str.replace(/&sigma;/g, 'σ');
+  str = str.replace(/&tau;/g, 'τ');
+  str = str.replace(/&upsilon;/g, 'υ');
+  str = str.replace(/&phi;/g, 'φ');
+  str = str.replace(/&chi;/g, 'χ');
+  str = str.replace(/&psi;/g, 'ψ');
+  str = str.replace(/&omega;/g, 'ω');
+  str = str.replace(/&thetasym;/g, 'ϑ');
+  str = str.replace(/&upsih;/g, 'ϒ');
+  str = str.replace(/&piv;/g, 'ϖ');
+  str = str.replace(/&middot;/g, '·');
+  return str;
+}
+
+//
+
+function strcharacterDiscode(str) {
+  // 加入常用解析
+  str = str.replace(/&nbsp;/g, ' ');
+  str = str.replace(/&quot;/g, "'");
+  str = str.replace(/&amp;/g, '&');
+  // str = str.replace(/&lt;/g, '‹');
+  // str = str.replace(/&gt;/g, '›');
+
+  str = str.replace(/&lt;/g, '<');
+  str = str.replace(/&gt;/g, '>');
+  str = str.replace(/&#8226;/g, '•');
+
+  return str;
+}
+
+// HTML 支持的其他实体
+function strOtherDiscode(str) {
+  str = str.replace(/&OElig;/g, 'Œ');
+  str = str.replace(/&oelig;/g, 'œ');
+  str = str.replace(/&Scaron;/g, 'Š');
+  str = str.replace(/&scaron;/g, 'š');
+  str = str.replace(/&Yuml;/g, 'Ÿ');
+  str = str.replace(/&fnof;/g, 'ƒ');
+  str = str.replace(/&circ;/g, 'ˆ');
+  str = str.replace(/&tilde;/g, '˜');
+  str = str.replace(/&ensp;/g, '');
+  str = str.replace(/&emsp;/g, '');
+  str = str.replace(/&thinsp;/g, '');
+  str = str.replace(/&zwnj;/g, '');
+  str = str.replace(/&zwj;/g, '');
+  str = str.replace(/&lrm;/g, '');
+  str = str.replace(/&rlm;/g, '');
+  str = str.replace(/&ndash;/g, '–');
+  str = str.replace(/&mdash;/g, '—');
+  str = str.replace(/&lsquo;/g, '‘');
+  str = str.replace(/&rsquo;/g, '’');
+  str = str.replace(/&sbquo;/g, '‚');
+  str = str.replace(/&ldquo;/g, '“');
+  str = str.replace(/&rdquo;/g, '”');
+  str = str.replace(/&bdquo;/g, '„');
+  str = str.replace(/&dagger;/g, '†');
+  str = str.replace(/&Dagger;/g, '‡');
+  str = str.replace(/&bull;/g, '•');
+  str = str.replace(/&hellip;/g, '…');
+  str = str.replace(/&permil;/g, '‰');
+  str = str.replace(/&prime;/g, '′');
+  str = str.replace(/&Prime;/g, '″');
+  str = str.replace(/&lsaquo;/g, '‹');
+  str = str.replace(/&rsaquo;/g, '›');
+  str = str.replace(/&oline;/g, '‾');
+  str = str.replace(/&euro;/g, '€');
+  str = str.replace(/&trade;/g, '™');
+
+  str = str.replace(/&larr;/g, '←');
+  str = str.replace(/&uarr;/g, '↑');
+  str = str.replace(/&rarr;/g, '→');
+  str = str.replace(/&darr;/g, '↓');
+  str = str.replace(/&harr;/g, '↔');
+  str = str.replace(/&crarr;/g, '↵');
+  str = str.replace(/&lceil;/g, '⌈');
+  str = str.replace(/&rceil;/g, '⌉');
+
+  str = str.replace(/&lfloor;/g, '⌊');
+  str = str.replace(/&rfloor;/g, '⌋');
+  str = str.replace(/&loz;/g, '◊');
+  str = str.replace(/&spades;/g, '♠');
+  str = str.replace(/&clubs;/g, '♣');
+  str = str.replace(/&hearts;/g, '♥');
+
+  str = str.replace(/&diams;/g, '♦');
+  str = str.replace(/&#39;/g, "'");
+  return str;
+}
+
+function strDiscode(str) {
+  str = strNumDiscode(str);
+  str = strGreeceDiscode(str);
+  str = strcharacterDiscode(str);
+  str = strOtherDiscode(str);
+  return str;
+}
+function urlToHttpUrl(url, rep) {
+  const patt1 = new RegExp('^//');
+  const result = patt1.test(url);
+  if (result) {
+    url = `${rep}:${url}`;
+  }
+  return url;
+}
+
+export default {
+  strDiscode,
+  urlToHttpUrl,
+};
diff --git a/examples/uniapp-one/components/mpvue-wxparse/wxParse.css b/examples/uniapp-one/components/mpvue-wxparse/wxParse.css
new file mode 100644
index 00000000..cf3b3859
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/wxParse.css
@@ -0,0 +1,257 @@
+/**
+ * author: Di (微信小程序开发工程师)
+ * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com)
+ *         垂直微信小程序开发交流社区
+ *
+ * github地址: https://github.com/icindy/wxParse
+ *
+ * for: 微信小程序富文本解析
+ * detail : http://weappdev.com/t/wxparse-alpha0-1-html-markdown/184
+ */
+
+.wxParse {
+  width: 100%;
+  font-family: Helvetica, sans-serif;
+  font-size: 28rpx;
+  color: #666;
+  line-height: 1.8;
+}
+
+view {
+  word-break: hyphenate;
+}
+
+.wxParse .inline {
+  display: inline;
+  margin: 0;
+  padding: 0;
+}
+
+/*//标题 */
+.wxParse .div {
+  margin: 0;
+  padding: 0;
+}
+
+.wxParse .h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+.wxParse .h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+.wxParse .h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+.wxParse .h4 {
+  margin: 1.33em 0;
+}
+.wxParse .h5 {
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+.wxParse .h6 {
+  font-size: 0.67em;
+  margin: 2.33em 0;
+}
+
+.wxParse .h1,
+.wxParse .h2,
+.wxParse .h3,
+.wxParse .h4,
+.wxParse .h5,
+.wxParse .h6,
+.wxParse .b,
+.wxParse .strong {
+  font-weight: bolder;
+}
+
+.wxParse .p {
+  margin: 1em 0;
+}
+
+.wxParse .i,
+.wxParse .cite,
+.wxParse .em,
+.wxParse .var,
+.wxParse .address {
+  font-style: italic;
+}
+
+.wxParse .pre,
+.wxParse .tt,
+.wxParse .code,
+.wxParse .kbd,
+.wxParse .samp {
+  font-family: monospace;
+}
+
+.wxParse .pre {
+  background: #f5f5f5;
+  padding: 16rpx;
+  white-space: pre-wrap;
+}
+
+.wxParse .big {
+  font-size: 1.17em;
+}
+
+.wxParse .small,
+.wxParse .sub,
+.wxParse .sup {
+  font-size: 0.83em;
+}
+
+.wxParse .sub {
+  vertical-align: sub;
+}
+.wxParse .sup {
+  vertical-align: super;
+}
+
+.wxParse .s,
+.wxParse .strike,
+.wxParse .del {
+  text-decoration: line-through;
+}
+
+/*wxparse-自定义个性化的css样式*/
+/*增加video的css样式*/
+.wxParse .strong,
+.wxParse .s {
+  display: inline;
+}
+
+.wxParse .a {
+  color: deepskyblue;
+  word-break: break-all;
+  overflow: auto;
+}
+
+.wxParse .video {
+  text-align: center;
+  margin: 20rpx 0;
+}
+
+.wxParse .video-video {
+  width: 100%;
+}
+
+.wxParse .img {
+  width: 0;
+  height: 0;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.wxParse .blockquote {
+  margin: 10rpx 0;
+  padding: 20rpx 0 20rpx 20rpx;
+  font-family: Courier, Calibri, "宋体";
+  background: #f5f5f5;
+  border-left: 6rpx solid #dbdbdb;
+}
+.wxParse .blockquote .p {
+  margin: 0;
+}
+
+.wxParse .code {
+  display: inline;
+  background: #f5f5f5;
+}
+.wxParse .ul {
+  margin: 20rpx 10rpx;
+}
+
+.wxParse .li,
+.wxParse .li-inner {
+  display: flex;
+  align-items: baseline;
+  margin: 10rpx 0;
+}
+
+.wxParse .li-text {
+  display: flex;
+  align-items: center;
+  line-height: 40rpx;
+}
+
+.wxParse .li-circle {
+  display: inline-flex;
+  width: 10rpx;
+  height: 10rpx;
+  background-color: #333;
+  margin-right: 10rpx;
+  border-radius: 50%;
+  position: relative;
+  top: -5rpx;
+}
+
+.wxParse .li-square {
+  display: inline-flex;
+  width: 10rpx;
+  height: 10rpx;
+  background-color: #333;
+  margin-right: 10rpx;
+}
+.wxParse .li-ring {
+  display: inline-flex;
+  width: 10rpx;
+  height: 10rpx;
+  border: 2rpx solid #333;
+  border-radius: 50%;
+  background-color: #fff;
+  margin-right: 10rpx;
+}
+
+.wxParse .table {
+  width: 100%;
+  border-top: 2rpx solid #e0e0e0;
+}
+.wxParse .thead,.wxParse .tfoot,.wxParse .tr {
+  display: flex;
+  flex-direction: row;
+}
+.wxParse .th,.wxParse .td {
+  display: flex;
+  width: 1160rpx;
+  overflow: auto;
+}
+
+.wxParse .u {
+  text-decoration: underline;
+}
+.wxParse .hide {
+  display: none;
+}
+.wxParseText {
+  align-items: center;
+}
+.wxParse .tr {
+  width:100%;
+  display: flex;
+  border-right: 2rpx solid #e0e0e0;
+  border-bottom: 2rpx solid #e0e0e0;
+}
+.wxParse .th,
+.wxParse .td {
+  flex: 1;
+  padding: 10rpx;
+  border-left: 2rpx solid #e0e0e0;
+  word-break: break-all;
+}
+.wxParse .td:last {
+  border-top: 2rpx solid #e0e0e0;
+}
+.wxParse .th {
+  background: #f0f0f0;
+  border-top: 2rpx solid #e0e0e0;
+}
+.wxParse .del {
+  display: inline;
+}
+.wxParse .figure {
+  overflow: hidden;
+}
diff --git a/examples/uniapp-one/components/mpvue-wxparse/wxParse.vue b/examples/uniapp-one/components/mpvue-wxparse/wxParse.vue
new file mode 100644
index 00000000..7e592a6b
--- /dev/null
+++ b/examples/uniapp-one/components/mpvue-wxparse/wxParse.vue
@@ -0,0 +1,65 @@
+<!--**
+ * author: F-loat <chaimaoyuan@foxmail.com>
+ *
+ * github地址: https://github.com/F-loat/mpvue-wxParse
+ *
+ * for: Mpvue框架下 微信小程序富文本解析
+ */-->
+
+<template>
+<!--基础元素-->
+<div class="wxParse">
+  <block v-for="node of wxParseData.nodes" :key="node.index">
+    <wxParseTemplate :node="node" />
+  </block>
+</div>
+</template>
+
+<script>
+import HtmlToJson from './libs/html2json';
+import wxParseTemplate from './components/wxParseTemplate0';
+
+export default {
+  name: 'wxParse',
+  props: {
+    content: {
+      type: String,
+      default() {
+        return '<div class="color:red;">数据不能为空</div>';
+      },
+    },
+    image: {
+      type: String,
+      default() {
+        return {
+          mode: 'aspectFit',
+          padding: 0,
+          lazyLoad: false,
+        };
+      },
+    },
+    debug: {
+      type: Boolean,
+      default() {
+        return false;
+      },
+    },
+  },
+  components: {
+    wxParseTemplate,
+  },
+  computed: {
+    wxParseData() {
+      const { content, image, debug } = this;
+      const transData = HtmlToJson(content, image, debug);
+      if (debug) console.log(JSON.stringify(transData, null, ' '));
+      return transData;
+    },
+  },
+};
+
+</script>
+
+<style>
+@import url("./wxParse.css");
+</style>
diff --git a/examples/uniapp-one/components/questionList.vue b/examples/uniapp-one/components/questionList.vue
new file mode 100644
index 00000000..853b3152
--- /dev/null
+++ b/examples/uniapp-one/components/questionList.vue
@@ -0,0 +1,97 @@
+<template>
+  <view class="read-item">
+    <view class="dot"></view>
+    <view class="content">
+      <view class="title">
+        <text>{{content.question_title}}</text>
+      </view>
+      <view class="guide">
+        <text>{{content.answer_content}}</text>
+      </view>
+      <view class="author" v-if="content.author_list && content.author_list.length">
+        <text>— {{content.author_list[0].user_name}}</text>
+      </view>
+    </view>
+    <view class="date">{{content.question_makettime}}</view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    item: Object
+  },
+  computed: {
+    content() {
+      const item = this.item
+      item.question_makettime = item.question_makettime.substr(5, 5).split('-').join('月') + '日'
+      return item
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .read-item {
+    width: 100%;
+    height: 300rpx;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    text-align: left;
+  }
+  .date {
+    width: 160rpx;
+    text-indent: 1em;
+    white-space: nowrap;
+    line-height: 70rpx;
+  }
+  .title {
+    line-height: 80rpx;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    font-size: 36rpx;
+  }
+  .guide {
+    line-height: 38rpx;
+    height: 76rpx;
+    overflow: hidden;
+  }
+  .author {
+    text-align: right;
+    margin-right: 20rpx;
+  }
+  .content {
+    width: 540rpx;
+    height: 246rpx;
+    box-sizing: border-box;
+    border-radius: 10rpx;
+    background: linear-gradient(to bottom right, #9653fe, #507fff);
+    color: #fff;
+    position: relative;
+    margin-left: 20rpx;
+    padding: 2rpx 12rpx 0;
+  }
+  .content::before {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border-width: 15rpx 12rpx;
+    border-style: solid;
+    border-color: transparent transparent transparent #6c6dfe;
+    position: absolute;
+    top: 20rpx;
+    right: -20rpx;
+  }
+  .dot {
+    width: 18rpx;
+    height: 18rpx;
+    background-color: rgba(108, 109, 254, .6);
+    position: absolute;
+    top: 26rpx;
+    right: 150rpx;
+    border-radius: 50%;
+  }
+</style>
diff --git a/examples/uniapp-one/components/readList.vue b/examples/uniapp-one/components/readList.vue
new file mode 100644
index 00000000..a46ce6db
--- /dev/null
+++ b/examples/uniapp-one/components/readList.vue
@@ -0,0 +1,98 @@
+<template>
+  <view class="read-item">
+    <view class="dot"></view>
+    <view class="date">{{content.hp_makettime}}</view>
+    <view class="content">
+      <view class="title">
+        <text>{{content.hp_title}}</text>
+      </view>
+      <view class="guide">
+        <text>{{content.guide_word}}</text>
+      </view>
+      <view class="author" v-if="content.author && content.author.length">
+        <text>— {{content.author[0].user_name}}</text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    item: Object
+  },
+  computed: {
+    content() {
+      const item = this.item
+      item.hp_makettime = item.hp_makettime.substr(5, 5).split('-').join('月') + '日'
+      return item
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .read-item {
+    width: 100%;
+    height: 300rpx;
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    text-align: left;
+  }
+  .date {
+    width: 160rpx;
+    text-indent: 1em;
+    white-space: nowrap;
+    line-height: 70rpx;
+  }
+  .title {
+    line-height: 80rpx;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    font-size: 36rpx;
+  }
+  .guide {
+    line-height: 38rpx;
+    height: 76rpx;
+    overflow: hidden;
+  }
+  .author {
+    text-align: right;
+    margin-right: 20rpx;
+  }
+  .content {
+    width: 540rpx;
+    height: 246rpx;
+    box-sizing: border-box;
+    border-radius: 10rpx;
+    /* background-color: #42adda; */
+    background: linear-gradient(to bottom right, #9653fe, #507fff);
+    color: #fff;
+    position: relative;
+    margin-right: 20rpx;
+    padding: 2rpx 12rpx 0;
+  }
+  .content::before {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border-width: 15rpx 12rpx;
+    border-style: solid;
+    border-color: transparent #9653fe transparent transparent;
+    position: absolute;
+    top: 20rpx;
+    left: -20rpx;
+  }
+  .dot {
+    width: 18rpx;
+    height: 18rpx;
+    background-color: rgba(150, 83, 254, .6);
+    position: absolute;
+    top: 26rpx;
+    left: 150rpx;
+    border-radius: 50%;
+  }
+</style>
diff --git a/examples/uniapp-one/main.js b/examples/uniapp-one/main.js
new file mode 100644
index 00000000..f2597f20
--- /dev/null
+++ b/examples/uniapp-one/main.js
@@ -0,0 +1,13 @@
+import Vue from 'vue'
+import App from './App'
+import store from '@/store'
+
+Vue.config.productionTip = false
+Vue.prototype.$store = store
+App.mpType = 'app'
+
+const app = new Vue({
+  store,
+  ...App
+})
+app.$mount()
diff --git a/examples/uniapp-one/manifest.json b/examples/uniapp-one/manifest.json
new file mode 100644
index 00000000..4c343d72
--- /dev/null
+++ b/examples/uniapp-one/manifest.json
@@ -0,0 +1,53 @@
+{
+   "name" : "uni-one",
+   "appid" : "__UNI__04F77E3",
+   "description" : "A uni-app project",
+   "versionName" : "1.0.0",
+   "versionCode" : "100",
+   "app-plus" : {/* 5+App特有相关 */
+      "modules" : {/* 模块配置 */
+				
+			},
+      "distribute" : {/* 应用发布信息 */
+         "android" : {/* android打包配置 */
+            "permissions" : [
+               "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+               "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+               "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
+               "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+               "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+               "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+               "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+               "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
+               "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+               "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+               "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
+               "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+               "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
+               "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+               "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+               "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+               "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
+               "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+               "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
+               "<uses-feature android:name=\"android.hardware.camera\"/>",
+               "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
+               "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+            ]
+         },
+         "ios" : {/* ios打包配置 */
+					 
+				 },
+         "sdkConfigs" : {/* SDK配置 */
+					 
+				 }
+      }
+   },
+   "quickapp" : {/* 快应用特有相关 */
+		 
+	 },
+   
+   "mp-weixin" : {/* 小程序特有相关 */
+      "appid" : "wxb7bfcea0160eb9f7"
+   }
+}
diff --git a/examples/uniapp-one/pages.json b/examples/uniapp-one/pages.json
new file mode 100644
index 00000000..3a382499
--- /dev/null
+++ b/examples/uniapp-one/pages.json
@@ -0,0 +1,79 @@
+{
+    "pages": [
+        {
+            "path": "pages/home/main",
+            "style": {
+                "navigationBarTitleText": "首页"
+            }
+        },
+        {
+            "path": "pages/read/main",
+            "style": {
+                "navigationBarTitleText": "文章&问答"
+            }
+        },
+        {
+            "path": "pages/read/essay/main"
+        },
+        {
+            "path": "pages/read/question/main"
+        },
+        {
+            "path": "pages/movie/main",
+            "style": {
+                "navigationBarTitleText": "影评"
+            }
+        },
+        {
+            "path": "pages/movie/detail/main"
+        },
+        {
+            "path": "pages/daily/main",
+            "style": {
+                "navigationBarTitleText": "日报"
+            }
+        },
+        {
+            "path": "pages/daily/detail/main",
+            "style": {
+                "navigationBarTitleText": "日报"
+            }
+        }
+    ],
+    "globalStyle": {
+        "backgroundTextStyle": "light",
+        "navigationBarBackgroundColor": "fafafa",
+        "navigationBarTitleText": "一个",
+        "navigationBarTextStyle": "black"
+    },
+    "tabBar": {
+        "color": "#130f13",
+        "selectedColor": "#0f0f0f",
+        "list": [
+            {
+                "pagePath": "pages/home/main",
+                "text": "ONE",
+                "iconPath": "static/icon/home.png",
+                "selectedIconPath": "static/icon/home-active.png"
+            },
+            {
+                "pagePath": "pages/read/main",
+                "text": "READ",
+                "iconPath": "static/icon/read.png",
+                "selectedIconPath": "static/icon/read-active.png"
+            },
+            {
+                "pagePath": "pages/movie/main",
+                "text": "MOVIE",
+                "iconPath": "static/icon/movie.png",
+                "selectedIconPath": "static/icon/movie-active.png"
+            },
+            {
+                "pagePath": "pages/daily/main",
+                "text": "DAILY",
+                "iconPath": "static/icon/daily.png",
+                "selectedIconPath": "static/icon/daily-active.png"
+            }
+        ]
+    }
+}
\ No newline at end of file
diff --git a/examples/uniapp-one/pages/daily/detail/main.vue b/examples/uniapp-one/pages/daily/detail/main.vue
new file mode 100644
index 00000000..9857f1ad
--- /dev/null
+++ b/examples/uniapp-one/pages/daily/detail/main.vue
@@ -0,0 +1,145 @@
+<style scoped>
+  .cover {
+    width: 300rpx;
+    height: 300rpx;
+    margin: 20rpx auto 0;
+    border-radius: 16rpx;
+    box-shadow: 10rpx 10rpx 20rpx rgba(0, 0, 0, .2);
+  }
+  .control {
+    width: 80rpx;
+    height: 80rpx;
+    background-color: rgba(0, 0, 0, .4);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    border-radius: 50%;
+    margin: -60rpx 0 0 -40rpx;
+  }
+  .feeds_cover {
+    width: 100%;
+    height: 400rpx;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+  }
+  .control img {
+    width: 32rpx;
+    height: 32rpx;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  .title {
+    font-size: 30rpx;
+    font-weight: bold;
+    height: 96rpx;
+    line-height: 48rpx;
+    margin-top: 40rpx;
+    text-align: center;
+  }
+</style>
+
+<style>
+  .meta.div {
+    height: 120rpx;
+    padding-left: 40rpx;
+    position: relative;
+  }
+  .meta.div::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 12rpx;
+    left: 10rpx;
+    width: 0;
+    height: 0;
+    border-width: 12rpx 16rpx;
+    border-style: solid;
+    border-color: transparent transparent transparent #000;
+    animation: circle 1s infinite;
+    transform-origin: 25% 50%;
+  }
+  .meta.div::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 12rpx;
+    left: 10rpx;
+    width: 0;
+    height: 0;
+    border-width: 12rpx 16rpx;
+    border-style: solid;
+    border-color: transparent transparent transparent #000;
+    animation: fadeIn 1s infinite;
+  }
+  .meta.div .avatar {
+    display: none;
+  }
+  .view-more.div {
+    display: none;
+  }
+  @keyframes circle {
+    from {
+      transform: translateX(0);
+      opacity: 1;
+    }
+    to {
+      transform: translateX(16rpx);
+      opacity: 0;
+    }
+  }
+  @keyframes fadeIn {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+</style>
+
+
+<template>
+  <div class="article-container">
+    <div class="title">{{title}}</div>
+    <wx-parse :content="body"></wx-parse>
+  </div>
+</template>
+
+<script>
+import API from '@/utils/api'
+import wxParse from '../../../components/mpvue-wxparse/wxParse.vue'
+export default {
+  data() {
+    return {
+      loaded: false,
+      isPlay: false,
+      audioContext: null,
+      body: '',
+      title: ''
+    }
+  },
+  components: {
+    wxParse
+  },
+  onLoad(query) {
+    const id = query.id
+    if (!id) console.log('error coured no id find.')
+    this.getDetail(id)
+  },
+  methods: {
+    async getDetail(id) {
+      const data = await API.getZhDtl(id)
+      this.body = data.body
+      this.title = data.title
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/examples/uniapp-one/pages/daily/main.vue b/examples/uniapp-one/pages/daily/main.vue
new file mode 100644
index 00000000..7a88018e
--- /dev/null
+++ b/examples/uniapp-one/pages/daily/main.vue
@@ -0,0 +1,141 @@
+<style scoped>
+  li {
+    min-height: 160rpx; 
+    display: flex;
+    align-items: center;
+    border-bottom: 2rpx solid #fafbff;
+    padding: 0 20rpx;
+  }
+  li:active {
+    background-color: #f15549;
+    padding-left: 20rpx;
+  }
+  li:active .title, li:active .subtitle {
+    color: #fff;
+  }
+  li img {
+    width: 120rpx;
+    height: 120rpx;
+    border-radius: 50%;
+    display: block;
+  }
+  .desc {
+    width: 480rpx;
+    text-align: left;
+    line-height: 48rpx;
+    padding-left: 40rpx;
+  }
+  .title {
+    color: #7f7f7f;
+    font-size: 32rpx;
+  }
+  .play {
+    margin-left: 40rpx;
+  }
+  .play img {
+    width: 40rpx;
+    height: 40rpx;
+  }
+  .slide-image {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  .item-title {
+    position: absolute;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 40rpx 60rpx;
+    font-size: 36rpx;
+    text-align: left;
+    color: #fff;
+    left: 0;
+    bottom: 0;
+    z-index: 11;
+  }
+  swiper {
+    width: 100%;
+    height: 400rpx;
+    position: fixed;
+    top: 0;
+    left: 0;
+  }
+  swiper-item {
+    position: relative;
+  }
+  .layer {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, .3));
+  }
+  .list {
+    margin-top: 400rpx;
+  }
+</style>
+<template>
+  <div class="container">
+    <swiper :indicator-dots="true" :autoplay="true" :circular="true">
+      <block v-for="v in top_stories" :key="v.id">
+        <swiper-item @tap="toDtl(v.id)">
+          <image :src="v.image" class="slide-image" mode="center"/>
+          <div class="item-title">{{v.title}}</div>
+          <div class="layer"></div>
+        </swiper-item>
+      </block>
+    </swiper>
+    <ul class="list">
+      <li v-for="v in all_stories" :key="v.id" @tap="toDtl(v.id)">
+        <img :src="v.image" alt="cover">
+        <div class="desc">
+          <div class="title">
+            {{v.title}}
+          </div>
+        </div>
+        <div class="play">
+          <img src="/static/assert/arrow-right.png" alt="play">
+        </div>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+import API from '@/utils/api'
+export default {
+  data() {
+    return {
+      top_stories: [],
+      stories: [],
+      innerAudioContext: ''
+    }
+  },
+  mounted() {
+    this.getDailyList()
+  },
+  computed: {
+    all_stories() {
+      return this.stories.map(v => ({
+        ...v,
+        image: v.images[0]
+      }))
+    }
+  },
+  methods: {
+    async getDailyList() {
+      const res = await API.getZhList()
+      console.log(res.top_stories)
+      this.top_stories = res.top_stories
+      this.stories = res.stories
+    },
+    toDtl(id) {
+      wx.navigateTo({ url: '/pages/daily/detail/main?id=' + id })
+    }
+  }
+}
+</script>
diff --git a/examples/uniapp-one/pages/home/main.vue b/examples/uniapp-one/pages/home/main.vue
new file mode 100644
index 00000000..6c369343
--- /dev/null
+++ b/examples/uniapp-one/pages/home/main.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="container">
+    <image class="cover" :src="data.hp_img_url" mode="widthFix" />
+    <view class="cover-author">
+      <text class="gray">{{data.hp_author}}</text>
+    </view>
+    <view class="content">
+      <text>{{content}}</text>
+    </view>
+    <view class="content-author">
+      <text class="gray">{{data.text_authors}}</text>
+    </view>
+    <weather :weather="weather" v-if="weather.status === 'ok'"></weather>
+  </div>
+</template>
+
+<script>
+import { mapState, mapActions } from 'vuex'
+import weather from './weather'
+export default {
+  mounted() {
+    this.initPage()
+  },
+  components: {
+    weather
+  },
+  computed: {
+    ...mapState('home', ['data']),
+    ...mapState('weather', ['weather']),
+    content() {
+      return this.data.hp_content.split('by')[0]
+    }
+  },
+  methods: {
+    ...mapActions('home', ['getNewIds', 'getHomeData']),
+    async initPage() {
+      await this.getNewIds()
+      await this.getHomeData()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .cover {
+    width: 100%;
+  }
+  .cover-author {
+    width: 100%;
+    height: 100rpx;
+    line-height: 100rpx;
+    margin-bottom: 30rpx;
+  }
+  .content {
+    width: 80%;
+    margin: 0 auto;
+    line-height: 58rpx;
+    text-align: left;
+  }
+  .content-author {
+    height: 100rpx;
+    line-height: 100rpx;
+    font-size: 20rpx;
+  }
+</style>
diff --git a/examples/uniapp-one/pages/home/weather.vue b/examples/uniapp-one/pages/home/weather.vue
new file mode 100644
index 00000000..a5de1035
--- /dev/null
+++ b/examples/uniapp-one/pages/home/weather.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="weather">
+    <div class="date">{{day}}</div>
+    <div class="location">
+      {{weather.basic.location}}
+    </div>
+    <img :src="'https://petrify.oss-cn-beijing.aliyuncs.com/weather/' + weather.now.cond_code + '.png'" alt="">
+    <div class="cond-text">{{weather.now.cond_txt}}</div>
+    <div class="tmp"><span>{{weather.now.tmp}}°C</span></div>
+    <div class="fl">体感：<span>{{weather.now.fl}}°C</span></div>
+  </div>
+</template>
+
+<script>
+  const DAY_LIST = ['Sun', 'Mon', 'Tues', 'Wed', 'Thur', 'Fri', 'Sat']
+  export default {
+    props: {
+      weather: Object
+    },
+    computed: {
+      day() {
+        const day = new Date().getDay()
+        return DAY_LIST[day]
+      }
+    }
+  }
+</script>
+
+<style scoped>
+  .weather {
+    height: 170rpx;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 36rpx;
+    justify-content: space-around;
+  }
+  .date {
+    color: #ecc88e;
+    font-size: 48rpx;
+    font-weight: 700;
+    padding: 0 20rpx;
+  }
+  .location {
+    color: #b4b0ad;
+  }
+
+  img {
+    width: 80rpx;
+    height: 80rpx;
+  }
+  .tmp span, .fl span {
+    color: #52b9b6;
+  }
+</style>
diff --git a/examples/uniapp-one/pages/movie/detail/main.vue b/examples/uniapp-one/pages/movie/detail/main.vue
new file mode 100644
index 00000000..b2ebc504
--- /dev/null
+++ b/examples/uniapp-one/pages/movie/detail/main.vue
@@ -0,0 +1,38 @@
+<template>
+  <block>
+    <v-article
+      :title="currentMovie.title"
+      :user_name="currentMovie.user ? currentMovie.user.user_name : ''"
+      :content="currentMovie.content || ''"
+      :summary="currentMovie.summary || ''"
+    ></v-article>
+  </block>
+</template>
+
+<script>
+import { mapState, mapActions } from 'vuex'
+import article from '@/components/article'
+export default {
+  onLoad(query) {
+    this.clearMovieDetail()
+    const { id } = query
+    this.initPage(id)
+  },
+  components: {
+    'v-article': article
+  },
+  computed: {
+    ...mapState('movie', ['currentMovie'])
+  },
+  methods: {
+    ...mapActions('movie', ['getMovieDetail', 'clearMovieDetail']),
+    async initPage(id) {
+      await this.getMovieDetail(id)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/examples/uniapp-one/pages/movie/main.vue b/examples/uniapp-one/pages/movie/main.vue
new file mode 100644
index 00000000..8ff9ca31
--- /dev/null
+++ b/examples/uniapp-one/pages/movie/main.vue
@@ -0,0 +1,51 @@
+<template>
+  <div class="container">
+    <navigator
+      v-for="v in movies"
+      :key="v.item_id"
+      :url="'/pages/movie/detail/main?id=' + v.item_id"
+       class="item"
+    >
+      <movie-detail :movie="v"></movie-detail>
+    </navigator>
+  </div>
+</template>
+
+<script>
+import { mapState, mapActions } from 'vuex'
+import movieDetail from '@/components/movieItem'
+export default {
+  mounted () {
+    this.initPage()
+  },
+  components: {
+    movieDetail
+  },
+  computed: {
+    ...mapState('movie', ['movies'])
+  },
+  methods: {
+    ...mapActions('movie', ['getMovieList']),
+    async initPage() {
+      await this.getMovieList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  navigator {
+    width: 100%;
+  }
+  .item {
+    width: 100%;
+    height: 170rpx;
+  }
+
+  .item:nth-child(odd) {
+    background-color: #e5e4df;
+  }
+  .item:nth-child(even) {
+    background-color: #eae9e4;
+  }
+</style>
diff --git a/examples/uniapp-one/pages/read/essay/main.vue b/examples/uniapp-one/pages/read/essay/main.vue
new file mode 100644
index 00000000..60048db4
--- /dev/null
+++ b/examples/uniapp-one/pages/read/essay/main.vue
@@ -0,0 +1,34 @@
+<template>
+  <block>
+    <v-article
+      :title="readContent.essay.hp_title"
+      :user_name="readContent.essay.hp_author"
+      :content="readContent.essay.hp_content || ''"
+    ></v-article>
+  </block>
+</template>
+
+<script>
+import article from '@/components/article'
+import { mapState, mapActions } from 'vuex'
+export default {
+  onLoad(params) {
+    this.clearReadContent({type: 'essay'})
+    const { id } = params
+    this.getReadContent({ type: 'essay', id })
+  },
+  components: {
+    'v-article': article
+  },
+  computed: {
+    ...mapState('read', ['readContent'])
+  },
+  methods: {
+    ...mapActions('read', ['getReadContent', 'clearReadContent'])
+  }
+}
+</script>
+
+<style scoped>
+
+</style>
diff --git a/examples/uniapp-one/pages/read/main.vue b/examples/uniapp-one/pages/read/main.vue
new file mode 100644
index 00000000..ea04e28d
--- /dev/null
+++ b/examples/uniapp-one/pages/read/main.vue
@@ -0,0 +1,68 @@
+<template>
+  <div class="container">
+    <view class="mode-title" v-if="readList.essay && readList.essay.length">
+      <view class="mode-title-word">
+        <text>阅读</text>
+      </view>
+    </view>
+    <navigator v-for="v in readList.essay" :key="v.content_id" :url="'/pages/read/essay/main?id=' + v.content_id">
+      <read-list :item="v"></read-list>
+    </navigator>
+    <view class="mode-title" v-if="readList.question && readList.question.length">
+      <view class="mode-title-word">
+        <text>问答</text>
+      </view>
+    </view>
+    <navigator v-for="v in readList.question" :key="v.question_id" :url="'/pages/read/question/main?id=' + v.question_id">
+      <question-list :item="v"></question-list>
+    </navigator>
+  </div>
+</template>
+
+<script>
+import { mapState, mapActions } from 'vuex'
+import readList from '@/components/readList'
+import questionList from '@/components/questionList'
+export default {
+  mounted() {
+    this.getReadList()
+  },
+  components: {
+    readList,
+    questionList
+  },
+  computed: {
+    ...mapState('read', ['readList'])
+  },
+  methods: {
+    ...mapActions('read', ['getReadList'])
+  }
+}
+</script>
+
+<style scoped>
+  .mode-title {
+    height: 80rpx;
+    line-height: 80rpx;
+    position: relative;
+    margin-bottom: 20rpx;
+  }
+
+  .mode-title .mode-title-word {
+    width: 120rpx;
+    margin: 0 auto;
+    font-size: 36rpx;
+    background-color: #fff;
+  }
+  .mode-title:before {
+    content: '';
+    display: block;
+    width: 80%;
+    height: 2rpx;
+    background-color: #b4b4b5;
+    position: absolute;
+    top: 50%;
+    left: 10%;
+    z-index: -1;
+  }
+</style>
diff --git a/examples/uniapp-one/pages/read/question/main.vue b/examples/uniapp-one/pages/read/question/main.vue
new file mode 100644
index 00000000..c5d0fb0e
--- /dev/null
+++ b/examples/uniapp-one/pages/read/question/main.vue
@@ -0,0 +1,92 @@
+<template>
+  <div class="wrapper">
+    <view class="title">
+      <text>{{detail.question_title}}</text>
+    </view>
+    <view class="ask">
+      <view class="asker" v-if="detail.answerer">
+        <text>{{detail.asker.user_name}}问：</text>
+      </view>
+      <view class="asker" v-else>
+        <text>网友问：</text>
+      </view>
+      <wx-parse :content="detail.question_content || ''"></wx-parse>
+    </view>
+    <view class="divider"></view>
+    <view class="answer">
+      <view class="answerer" v-if="detail.answerer">
+        <text>{{detail.answerer.user_name}}答：</text>
+      </view>
+      <view class="answerer" v-else>
+        <text>网友答：</text>
+      </view>
+      <wx-parse :content="detail.answer_content || ''"></wx-parse>
+    </view>
+  </div>
+</template>
+
+<script>
+import { mapState, mapActions } from 'vuex'
+import wxParse from '../../../components/mpvue-wxparse/wxParse.vue'
+export default {
+  onLoad(params) {
+    this.clearReadContent({type: 'question'})
+    const { id } = params
+    this.getReadContent({ type: 'question', id })
+  },
+  components: {
+    wxParse
+  },
+  computed: {
+    ...mapState('read', ['readContent']),
+    detail() {
+      return this.readContent.question
+    }
+  },
+  methods: {
+    ...mapActions('read', ['getReadContent', 'clearReadContent'])
+  }
+}
+</script>
+
+<style scoped>
+  .title {
+    font-size: 32rpx;
+    overflow: hidden;
+    text-align: center;
+    padding: .8em;
+    font-weight: bold;
+  }
+  .asker, .answerer {
+    font-size: 30rpx;
+    padding-left: 1em;
+    height: 60rpx;
+  }
+  .divider {
+    width: 90%;
+    margin: 15rpx auto;
+    position: relative;
+    height: 2rpx;
+    background-color: #b4b4b4;
+  }
+  .divider::before {
+    content: '';
+    width: 50rpx;
+    height: 2rpx;
+    background-color: #fff;
+    position: absolute;
+    top: 0;
+    left: calc(50% - 25rpx);
+  }
+  .divider::after {
+    content: '';
+    display: block;
+    width: 10rpx;
+    height: 10rpx;
+    border-radius: 50%;
+    background-color: #b4b4b4;
+    position: absolute;
+    top: -4rpx;
+    left: calc(50% - 5rpx);
+  }
+</style>
diff --git a/examples/uniapp-one/static/assert/arrow-right.png b/examples/uniapp-one/static/assert/arrow-right.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0695f0a030c974f88c296a023ceb23a92e49c9c
GIT binary patch
literal 2253
zcmds3{XbL*7r&#My<?}kku(|W4wukc8HGtrb0^HbONtd6QexPo<SMBUw+WTT7_U?G
zVx>1P)h1JR=^;$?B5TrmdD=0<W^FGfJmo<<&*$^}4bKnH59gep&iS6t`Fzj$o|9Yr
zgbR$88vy{YfWSQi^ilaAgADb)`um#m000#bo>*XV_?t41+(04h-4NqezcKBJB)ZBg
zdy`aI`YDTh`@}<QcKGN&O)2pPL99;^y?yz*m5VfoC#pkdudfw%Z5=$=xR%QBGM~2r
z0W$JIt2ll56@<la(jPDlpynfd0DDP;l+b&R>>Ts0eh`wKf06l}H-JSATqOknRti2T
z;TS+x8t+0A184~Sp{-ysA7;8;FNOK=3e2T42cVP+|6wsexzo=&i$K`3?To_;5PnE>
z<=9)NBb<GKTy{F*M@9QGX<%N$j~#Rxm|(m*vO|yczkuZaV=t@SGWdqdl2aA9P2Y-8
z#>!NGBYyADmRuiF%?qKQ<5rsRrSqa&R;|l*Zd}9;i+4TOv=Q3eJ2rV`^oMIV^)s3Z
z7%0|^U&(vee6}-&FSTfhB$1OTx2giIa7bOs!gq;OqC|xm>a`Hfb1XjL&`afLK3a+2
zC;dBP-5OtBeueCI!qaLbl<Ru#Ny9RYs>d!b%HdYpvxX&664p$@jaQ=Lp9jj2<@%~o
zs_Ci(o9s#!-u*}O=F~cKtSuqMSn!c!x@G87?djH`-^hD2(&Y1zW$=D$rE6})vhYke
z+=o}Pqa%OO+hS<)(^w6N$#}(gMs5t!DRfP5byLH3BMO~$jIB0nFa?R&>aZREy1x`8
zrbAvVuRZ7l$$GwTNPFuk-5xY!x_^UDsO~a!TWC&vTN7@1h^@r@@b31Zq9ZmGi+u*Y
z{GxXDD6IAL#=GZqMagWc^imFL6Lj;92dowF@a`#tKhi8H6!w;ZxOXms@4AW0ppKW$
zpd7Z7`KF7sc9bu}n6Nb%n{lTgg8@Qk+opgEE;y=>*~Xfb^)AB1Gno+|x#IWcGKiKG
zkcqfZ0vYrDT6-_49AiK7O+Qm?oh{(w<-o1yOQG^544GX<T-5@~&X7V+tuo(z0_nhz
zlbo)OH!!*pz-6@9%SDikzD^cp5UOybqCg4CR4<J^gUB&!BKm>6-x`m8&_9I-0A%G#
z7&Up>au*MP?&#J)<&23i57ZtC9d!Wx4di`>L;z8jun=?5rlY18zpV9y*@}B2oKw70
zegw2{`SjWm4_KTwq=ICSL$5RX$SdfI6ZLw3scJqEt?mrTLAH%ox(Q_mf^0Th;Y6R=
zTY)UI`Q`fg*z!)0=raPbz79?Q9%)6{7PzA9>&BzRKBA_!HrUP0?Si>QlRSovyZFz1
zW``2Ha+<PWQajPBQmHoMWEzc3k53++KHAsP(&BXP$w)AIE#HFbQS(NFP`TJ=aus!T
z=y5ND(A`?!%f$ZNZ#H-ewTk=c6dbj*QP+wG6mhA7;cC)cc6Fz3EQJsyeI8;|#KEMT
zQdRsTd+62hpG^wbGxgvHH&4k-j%7SwN>**%Cs=5j^Jo){GPlkiSNikjf%ebB4n#h!
z?HqDxAH`wMJ2j%y<S|h^q#ix;%Uod6b>6;>(zZl_<UWm!Z=Z{a7fPnp2tLb@Gy>c{
z$PnvOsvCk4p~ocz_t=(lluq6;g{aj9Uy!Spw7s>5x^Y|Oa~%HS8DDBhViH4v`#1<*
zD_uYaF8sZD5(;p()Lw-)jK_imcsZ59y>oJ8Gz&Sb&^c*M6(b5`jNG#R*Zfypqj?t&
zTTqWd_scA9Wml}`Yidacjcb$<)M$tmWPG(Ji!~pKxo?1RGE(DCv*fgxeYpseW-atq
zoCvYTZM&3t^f>ihNJeufqtZjJ*-&=Jg$qR&3;WsGy8z`S=%>6OJuN}<zqAA?mJw{e
zHv@4wj!EQzxsy=Jq_Nu>$z=sr*{kfdFf~@iz`zW477%j92I4roYfGT24;qNW=4(rU
zPNhFcFpRmz7}FyYp=VeL4bUHj`dz!Jj5zSYq+K9&xtJM|%oHS>M24X{UtU}NdLQqt
zlL%G%pebK-FlYQ*54N_;_H3;s#fmu1`n0sB{wYLCmyr{9n-9M_jT}wMvwnAb@}&iq
zbd4>{9Xt2=38Z^hzrKHNuc@W-!@JN!ZVEGyd%yp;@<mCG5V>Tq?i;7Xl@NL0UTv%8
zn*dmA*BCPx{@M@LzD^3hv2LIcQTmJ8?>F|GK{W0>Iy>c2!HeG3UE^{0!qSvI7w#59
zip5c#hgj`qda9O<m?63oS%t3kU3E3!^CFOIw0C#wo&mbfj)2sAA$3T{SKJEi^z}r0
zrE7V_vh(fBUiqMyq_HUF>7GF&t3r@FQWbivu4ca6flf};|DL$xuW)G~A&q={eR5ka
z(lGEe)fSWRibFLj{ZSh)L6w(oMbA$0rN{r8vcV*2W}#!l5GmHKVjN<NgPq$NRI!u(
zU%IAF>$PhIr=h9ovwCW3>e-ytaO+vUxaHga@>nl`iFq8UEe(8LK{zGqwJxlJQ9%IM
z>fPO)EE?!+W<PJYF(2M^c7h`Wu*Y5<{QsNOIhun@(R}Bg@;d#S0uWw)o;8A<)ZY#|
BuF?Pi

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/assert/music.png b/examples/uniapp-one/static/assert/music.png
new file mode 100644
index 0000000000000000000000000000000000000000..7d9826e2ceaa2a305b24cb737427f8c8689118f3
GIT binary patch
literal 6654
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
LXo-1a;1Tm59bpI~

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/assert/pause.png b/examples/uniapp-one/static/assert/pause.png
new file mode 100644
index 0000000000000000000000000000000000000000..94cf7c979e6e465e480d15867f5f85965cb7ab72
GIT binary patch
literal 2781
zcmeHJ{Wp|Z9G}5jWHKr1H6~`ZJu1#F7Hf@}5*~`BW=!o4CT$}!rC9Qkk)k<X8jp}w
zCN(8Prq;1yVk(46!^mli@e<M~<Lwz^Fk>IJd-h-0)9HtM?>YB=&gc96o_p`-^JV?y
z?~T$k(?cK-D8R=v2wvM)hmJNp-=b8PA`p69z>~N)A!M>xR4Mz_sP%<^3!t?>FbESt
zbnvFCY%E;64~;#oSnG+l{iY>tZEIls#oZQPsMb&|Je#j_G5Qs;LtJ#<%tMx)b7~d+
zay)0r{YQ?&z`K(QbyW>z+?!>uLm1klyWt21kruF-Kv<A5@6*v3OmY%|$((jaq-7&e
zV9btMU8KeztnN$2>o6Eo=e;E`qQs=L*c7Sp$sDFdnX_e0-r{i35`<7d=u`C83j75q
z7)S+UD|z^kpuy`j%GeN}N@!T30rtL$L1Im%w20hfFWm;%2lu)aor)epQmB>_wYom>
zgPWx|z}}}pF<Z`=JbND7Xe})#$wf7diLA`9INgMJAO235hzJNl=&jP<W64jL2YHej
zlje(zEzk67Yz>E|ky2UDl!>qqiW?~vxX+ey+bSm@x5ovk4<?q|4K~8rhKl<@OV<@?
zxV@Sv&fzVFy<d+XrcpY(@QDP5@1pvt^csJlibwbI7|v}In3FZ{8<?}Rg!h+2#8OfH
zi^+G;_~6vu-iqCigkesZ3+>30RB_FT^7F!FFA}vwEkRXoax*Yx%kYzOg<v@~_lfmN
zCYMhph0d3W#Lbalb?kFyzl*9oaUR-oQUw{`>UL`|C#RDwoiG7@i^?HMupCnGCOSI|
z-Z3aB4SXb_G#{GyusuhTzZ%VqbFR`xS~+1nK&bhFfIlI%3htE_-r>tKdQBuF>b0k(
zH>6rET1L6um`yHwywWdT!RFM=1}g`#NZ_XO_n4l;=)vrRAQSsM8HIF3Z%H*W!_o>O
zbj}4tUn&slApr^w1}WEVxzqY$+NMxsTa3lvYh%c2TSuRVw%yq!{^{617tG9B=monB
z(VSN<|1vz<T~0LoIT?j|UE}+;?mu)W@V2kx$c-KhYg<!>_RKz9zE(^5_s<@Op4I*s
z=rFtGtI!?k3soSX@p_LreT=_79b0ACc~|P_b0CXfMocDmV39Kwt2LAn4auxS{jp|P
zIJYhgz7j5D;rXL|%E~T`Zl$LK;|CP@*XyVVG>7yZKuC@psahsQu+NaLnmS+B29C@)
zIiCAm&ga|t{MbI_zhfaJ!ipJryz7CZD7ZH&-|eGd))GrW=*<Tm?IFpt{*zaRPlHo}
zg5<7BAmt2nOKzLR&fP@1PRgBuP|JHMi&6zH<vK5MHhop4nXt0=G)hzrT>6(sIj0tL
zcnzS6=0qRM)12J~2=k${^>b|@>N@UG*xbT7$NHLA{h%uo)xI-pd6(EAgTYCjKSXkO
zP$J`-BycRmDTvu`FO3Gy>-Xd3qgJ?-Iv)PwA~PVdPC#=)EO#O6Bl0rs)K}%TX-gv2
zXcA~y$@AbW(Z(BP83me=v^UepdYukuoGM6sZA~3j{`M%&J&=@IKVi_MnuAlOI}YvF
z8nwnMfJ8vN29&wmq(8yS^SHrS6_=-ud)fA^Y>Gj-tjXm@t!J+c^hpf-5(CBgpry<D
z%+cbW71sd}nkA`fBjW(dEyJZ1Wt1_y@APqzbUXzp=LoDWK-Zs)Ec6@0wqMPKt+$Rh
zF(M*agk2HPj24eYYZ?w@>1+6D>9iZ#WyISM2)~`UlvJdHX5)U*pYmcd-@kED*uf2w
z-(8b|90c-ZXN-($O&}B=`}UqW+&-0z^b0(h%&o%*5}Y-(4m!8h$FmT~eGglw889Uy
z_r#PTj5?DwEP*K{7UKgr7^Q36EPyEmuFo3(w}BT7GITd?xS3tp4Y#cbV5h%l_4csS
Fe*<<>3Zwu4

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/assert/play.png b/examples/uniapp-one/static/assert/play.png
new file mode 100644
index 0000000000000000000000000000000000000000..f8c283dafbc5799a0c67d44a62aa21ae0ed4b499
GIT binary patch
literal 3154
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
HXA}MdrS_Pr

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/daily-active.png b/examples/uniapp-one/static/icon/daily-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..76790a08382af11765e8d3689ad25492accdf0b1
GIT binary patch
literal 5150
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
Xo3`*<F*Ev*?g!v?jd5j{??(Lx!#s1r

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/daily.png b/examples/uniapp-one/static/icon/daily.png
new file mode 100644
index 0000000000000000000000000000000000000000..ce2022acb81b4079e5896ec3f877e8e1cbdcc38e
GIT binary patch
literal 5179
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

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/home-active.png b/examples/uniapp-one/static/icon/home-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..30657572eb4d3d1265a8bffa8d74cd1ed0ac5d8c
GIT binary patch
literal 12503
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

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/home.png b/examples/uniapp-one/static/icon/home.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4acce12f3c3494551830c0a330b395ad89fe9a3
GIT binary patch
literal 12455
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

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/movie-active.png b/examples/uniapp-one/static/icon/movie-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..5fef58a0bfd53a5600f1abe3357ada2fbb78bd23
GIT binary patch
literal 2227
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

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/movie.png b/examples/uniapp-one/static/icon/movie.png
new file mode 100644
index 0000000000000000000000000000000000000000..a804d97bc42e584f9a9b7c55ed55e02aa3311e9d
GIT binary patch
literal 2263
zcmbVN2~<<p7JXsRS_N#i(Sib%3Kob7hzvmn6$&Vb1k?hd3?V=;A&@`_1R?(4%CrpH
z#UL_OXh@L)4H|?n_*Djx0)ikUNI)h-0t67k5Ci{3+rQfNzw57h_PXz^bMHI%oO|wh
z`=y>e<D~Yn=End4sJS>hpg{dtF?MbNpYq3~VNj`r9(Owq0PKwIZvs_88$w1ood7Dk
z_DzF^F2)(<1_1H;06_l^0M@}Nx)1<j5C9+w0086-0N4|m&-FM4E^G-p?c@MzP}WY?
zCxL2Pq_Z~})Xs0m*X<W=0bpx{i^Fj*Dt~tPbQn5Dr|sp49WHgCkE*)e+->%@Ar<1t
ztZ;*)9DYqZf9n7@GAFBmZ;Y>Yx#_Y8g-%IF?KqUeHO>^cdY(}B^J+eK)NA&{cc^0L
ztHC66UqijIz%JKnd?L>Li}Ke6C%Y1aI8y^9F!+ayuDc=4zGQ#m#{BE#B8l*Z-;w$d
zN@pIib-_}*%|Eejl?h_<x>L}lUow_g1X{$lp#=(!#-m-<kNlF+eBB3jxP@7}G(_yt
zk@sxQ-iy-jYR;`{S|^Wnr`j3V%A*l#r4N=?MzGz4Ozf^}|9rGHSwr1Uh9B}J5IK!U
z&7l|*C}wyVD^c2zp$?uyVdJ?{zu9_zEKS<5IWN<=zd1h<%&Qk|a67cm68mN4D;Fe5
zFTbZ67N)V9-Ym8bFc{Ub5STC_KjZbCJ3XHl^weFvFc}6y$i`s1Z|BrhZ|&=t7rpF%
zRIZbNkhX0MZt_AOLi&au%6?;8LfdRN6Q~NQWwB<wmwT%rILSp2TAFF%D4WWWMDVC|
z>_j6KE)dV){Rf&VFAYCE%Oi`JlS-!1B;mx<_WHTB<gr^+Av5QRK-n0h)4X-zfl<{y
zZlv(xt?jWRe$ssAa}vb6E^zWnmR3A%T()Z4<j*divH6#&R6-;_rwo7~3efM~OXaZ5
zpWDvc^Ns+}yTi{Y?n5>eD@}bQNbY^xq)Qv?gnL<y$^j4FOn?Xu4dq#9`*f(P&|7!z
z1gby!2=G=>p&KhH*+U@^-E_OVz7FhrgT6ES_r1uGGB4o*e)MSD|JB!N*MkCdua@?h
z#gE$aUO{eN7PGCkIhTtVb3$#Mss^7p&SJP&u4=rg*557)j#*rqw%qe->;<_yt1+25
z35EVO3LUuSXb(I-pbG?l@;{Pz&$2eIKBcBFo8Mb#(=P}oa#nIfHDg|6qE3~uSU*Gi
zi+!Zt^r_K!{28U{6fHZ1jg3W<?<$`@K6i+++xki3@>4WAqq7}m{NJa3Pe4UcbV_S)
z7>u`57x|pKUlC5_Rr+1*3rt@KYS=3grIp=CE32%mc2_o29l&^gdd+dSR{GVJ)<?-k
z9;v5x>@XA6>S;NdGw}QNI(y;_-S%6amB!IS6e&goLO!Gfe_Yd_5?*j!a{TGeG#)uL
zV4+!JqDhm2VOw}(_^6ul@|gjR&gSL8e3f7mPm|9){rns`V5PQf0B$W_u37T2TkW;l
zc|Z7m^SAE7)-~#rvL6h~Ol|y@ppA}_rRYZtnqk2yR(yO!LKxcJ{XY%z_`p>9T2Rwo
zt)c(dOLgC?zH7igo$PP4#vgTY;@8~nh_X6N<a<?|FYgcc$h1kuiqQG#WNgNd-=cWR
z**8P?DtDHG4Gxp4tDCRq&Mi;9r#pK|5ErA~w7X*&c25M5Uv+J=wNGbs{+8K@DdV8+
zgAQE@622<xD1^-06*U_yxQH9!;PjMs5iMbE;Ta2a5}%?*CSxU#Y_?w1myEt}@(~3_
z5<K61wbLW~`<x_ke|ZZx$d5fIuIf-wfr8uo6WH@jUcYm|HLho@Xik!GGU|}JeB&*(
z{AA57p@o!69cEMcyX10gcUexhn)77o6Su6q#5X3C)~>;|b#at!SKAtor=YqS4i)yT
zOkAZkG9zfTn{}5xo9s{!ofIUxq11GP!-cif>0YUI%?Ml0@MMiO)xzh78muB1dE-;o
z5@VXq{78<it4^s#(&`r#?&4?bd;EWC@Q5o}Y+a>-L|ZYbTs_*Hwd=webRB7OI+bNm
zSh%`6&X`u9DABNHw{IHE=t61vbT~I&T(RJhuv=%Cbo!WPMr#QHCWD)eZq7@RuC&z*
zLWdINN0G&PNPYc?W9BbMADpW{KkLI0568*`(=?W(;JJ)o^x=Ol(38%TYHZK@{4+iE
zZC;>xFxv5(=-|L;ED}S)f(kH2m{`IPW-t>AFB1gvh#AuKs1d>vi9n<j2k8C9fj|t#
zg~YwzVQq7;2y{RxB9JMe$e=(n78XOo0U<a%772&L!-xbdJTRDmi-6-W#0XdjF(Mis
zO^AGJ`BU)tcnUTW7ltRBMPp5^;1(7KO%Vhl1&2KhZa2yloC9|UTpZ6hRGtX<$G-vS
CV!uHE

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/read-active.png b/examples/uniapp-one/static/icon/read-active.png
new file mode 100644
index 0000000000000000000000000000000000000000..fcf595199295ca04dc34b891467fb8cafafc8563
GIT binary patch
literal 4355
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
IZvW)}0JrY1V*mgE

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/static/icon/read.png b/examples/uniapp-one/static/icon/read.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4bc5baed5c0c856a7a7c95b6826bfeb158163ee
GIT binary patch
literal 4396
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

literal 0
HcmV?d00001

diff --git a/examples/uniapp-one/store/index.js b/examples/uniapp-one/store/index.js
new file mode 100644
index 00000000..7062399d
--- /dev/null
+++ b/examples/uniapp-one/store/index.js
@@ -0,0 +1,33 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+import home from './modules/home'
+import movie from './modules/movie'
+import read from './modules/read'
+import weather from './modules/weather'
+// import music from './modules/music'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  modules: {
+    home: {
+      namespaced: true,
+      ...home
+    },
+    movie: {
+      namespaced: true,
+      ...movie
+    },
+    read: {
+      namespaced: true,
+      ...read
+    },
+    weather: {
+      namespaced: true,
+      ...weather
+    }
+  }
+})
+
+export default store
diff --git a/examples/uniapp-one/store/modules/home.js b/examples/uniapp-one/store/modules/home.js
new file mode 100644
index 00000000..64c9dae3
--- /dev/null
+++ b/examples/uniapp-one/store/modules/home.js
@@ -0,0 +1,38 @@
+import { CHANGE_HOME_DATA, STORE_ID_LIST } from './../mutations_type'
+import API from '@/utils/api'
+
+const state = {
+  ids: [],
+  data: {
+    hp_content: '',
+    hp_img_url: '',
+    hp_author: '',
+    text_authors: ''
+  }
+}
+
+const mutations = {
+  [CHANGE_HOME_DATA](state, payload) {
+    state.data = payload.data
+  },
+  [STORE_ID_LIST](state, payload) {
+    state.ids = payload.ids
+  }
+}
+
+const actions = {
+  async getNewIds({ commit }) {
+    const { data } = await API.getNewIds()
+    commit(STORE_ID_LIST, { ids: data })
+  },
+  async getHomeData({ commit, state }) {
+    const { data } = await API.getHomeData(state.ids[0])
+    commit(CHANGE_HOME_DATA, { data })
+  }
+}
+
+export default {
+  state,
+  mutations,
+  actions
+}
diff --git a/examples/uniapp-one/store/modules/movie.js b/examples/uniapp-one/store/modules/movie.js
new file mode 100644
index 00000000..841a920a
--- /dev/null
+++ b/examples/uniapp-one/store/modules/movie.js
@@ -0,0 +1,40 @@
+import { CHANGE_MOVIE_LIST, CHANGE_CURRENT_MOVIE } from './../mutations_type'
+import API from '@/utils/api'
+
+const state = {
+  movies: [],
+  currentMovie: {}
+}
+
+const mutations = {
+  [CHANGE_MOVIE_LIST](state, payload) {
+    state.movies = payload.movies
+  },
+  [CHANGE_CURRENT_MOVIE](state, payload) {
+    state.currentMovie = payload.data
+  }
+}
+
+const actions = {
+  async getMovieList({ commit }) {
+    const { data } = await API.getMovieList()
+    commit(CHANGE_MOVIE_LIST, { movies: data })
+  },
+  async getMovieDetail({ commit, state }, id) {
+    const { data: { data } } = await API.getMovieDetail(id)
+    commit(CHANGE_CURRENT_MOVIE, { data: data[0] })
+  },
+  async getMovieArticleDetail({ commit, state }, id) {
+    const { data: { data } } = await API.getMovieArticleDetail(id)
+    commit(CHANGE_CURRENT_MOVIE, { data: data[0] })
+  },
+  clearMovieDetail({ commit }) {
+    commit(CHANGE_CURRENT_MOVIE, { data: {} })
+  }
+}
+
+export default {
+  state,
+  mutations,
+  actions
+}
diff --git a/examples/uniapp-one/store/modules/read.js b/examples/uniapp-one/store/modules/read.js
new file mode 100644
index 00000000..543af5e9
--- /dev/null
+++ b/examples/uniapp-one/store/modules/read.js
@@ -0,0 +1,47 @@
+import API from '@/utils/api'
+import { CHANGE_CURRENT_READ, CHANGE_READ_LIST } from './../mutations_type'
+
+const state = {
+  readList: {
+    essay: [],
+    question: [],
+    serial: []
+  },
+  readContent: {
+    essay: {},
+    question: {}
+  }
+}
+
+const mutations = {
+  [CHANGE_READ_LIST] (state, payload) {
+    state.readList = payload.data
+  },
+  [CHANGE_CURRENT_READ] (state, payload) {
+    state.readContent[payload.type] = payload.data
+  }
+}
+
+const actions = {
+  async getReadList({ commit, state }) {
+    const { data } = await API.getReadList()
+    commit(CHANGE_READ_LIST, { data })
+  },
+  async getReadContent({ commit, state }, { type, id }) {
+    const { data } = await API.getReadDetail(type, id)
+    commit(CHANGE_CURRENT_READ, { type, data })
+  },
+  async clearReadContent({ commit, state }, { type }) {
+    commit(CHANGE_CURRENT_READ, { type, data: {} })
+  }
+  // async getReadComment({ commit, state }, id) {
+  //   // const { data } = await API.getReadComment(id)
+  //   // commit(CHANGE_CURRENT_READ, { data })
+  // }
+}
+
+export default {
+  state,
+  mutations,
+  actions
+}
diff --git a/examples/uniapp-one/store/modules/weather.js b/examples/uniapp-one/store/modules/weather.js
new file mode 100644
index 00000000..e706a308
--- /dev/null
+++ b/examples/uniapp-one/store/modules/weather.js
@@ -0,0 +1,38 @@
+import API from '@/utils/api'
+import { SET_LOCATION, SET_WEATHER } from '../mutations_type'
+const state = {
+  location: {
+    latitude: '',
+    longitude: ''
+  },
+  weather: {
+    basic: {},
+    now: {},
+    update: {},
+    status: ''
+  }
+}
+
+const mutations = {
+  [SET_LOCATION] (state, payload) {
+    state.location = payload.location
+  },
+  [SET_WEATHER] (state, payload) {
+    state.weather = payload.weather
+  }
+}
+
+const actions = {
+  async getWeather({ state, commit }) {
+    console.log('getWeather')
+    const location = state.location
+    const data = await API.getWeather(`${location.latitude},${location.longitude}`)
+    commit(SET_WEATHER, { weather: data.result })
+  }
+}
+
+export default {
+  state,
+  mutations,
+  actions
+}
diff --git a/examples/uniapp-one/store/mutations_type.js b/examples/uniapp-one/store/mutations_type.js
new file mode 100644
index 00000000..05364659
--- /dev/null
+++ b/examples/uniapp-one/store/mutations_type.js
@@ -0,0 +1,14 @@
+export const CHANGE_HOME_DATA = 'CHANGE_HOME_DATA'
+export const STORE_ID_LIST = 'STORE_ID_LIST'
+
+export const CHANGE_MOVIE_LIST = 'CHANGE_MOVIE_LIST'
+export const CHANGE_CURRENT_MOVIE = 'CHANGE_CURRENT_MOVIE'
+
+export const CHANGE_READ_LIST = 'CHANGE_READ_LIST'
+export const CHANGE_CURRENT_READ = 'CHANGE_CURRENT_READ'
+
+export const CHANGE_MUSIC_LIST = 'CHANGE_MUSIC_LIST'
+export const CHANGE_CURRENT_MUSIC = 'CHANGE_CURRENT_MUSIC'
+
+export const SET_LOCATION = 'SET_LOCATION'
+export const SET_WEATHER = 'SET_WEATHER'
diff --git a/examples/uniapp-one/utils/api.js b/examples/uniapp-one/utils/api.js
new file mode 100644
index 00000000..d469e703
--- /dev/null
+++ b/examples/uniapp-one/utils/api.js
@@ -0,0 +1,29 @@
+import request from './request'
+
+const baseURL = `https://petrify.cc`
+// const baseURL = 'http://192.168.29.238:7001'
+request.config.baseURL = baseURL
+
+const dailyRequest = (id) => request.post('/v1/daily', {
+  url: `/api/4/news/${id}`
+})
+
+const api = {
+  // picture
+  getNewIds: () => request.get(`/v1/one?${encodeURI('url=/api/hp/idlist/0?version=3.5.0&platform=android')}`),
+  getHomeData: (id) => request.get(`/v1/one?${encodeURI('url=/api/hp/detail/' + id + '?version=3.5.0&platform=android')}`),
+  // read
+  getReadList: () => request.get(`/v1/one?${encodeURI('url=/api/reading/index/?version=3.5.0&platform=android')}`),
+  getReadDetail: (type, id) => request.get(`/v1/one?${encodeURI('url=/api/' + type + '/' + id + '?version=3.5.0&platform=android')}`),
+  getReadComment: (id) => request.get(`/v1/one?${encodeURI('url=/api/comment/praiseandtime/essay/' + id + '/0?version=3.5.0&platform=android')}`),
+  getMovieList: () => request.post('/v1/two', {
+    url: '/api/channel/movie/more/0?channel=wdj&version=4.0.2&uuid=ffffffff-a90e-706a-63f7-ccf973aae5ee&platform=android'
+  }),
+  getMovieDetail: (id) => request.get(`/v1/one?${encodeURI('url=/api/movie/' + id + '/story/1/0?version=3.5.0&platform=android')}`),
+  getWeather: (location) => request.get(`/v1/weather?location=${location}`),
+  // 知乎日报
+  getZhList: () => dailyRequest('latest'),
+  getZhDtl: (id) => dailyRequest(id)
+}
+
+export default api
diff --git a/examples/uniapp-one/utils/request.js b/examples/uniapp-one/utils/request.js
new file mode 100644
index 00000000..51681363
--- /dev/null
+++ b/examples/uniapp-one/utils/request.js
@@ -0,0 +1,29 @@
+import Fly from 'flyio/dist/npm/wx'
+
+const request = new Fly()
+
+const errorPrompt = (err) => {
+  wx.showToast({
+    title: err.message || 'fetch data error.',
+    icon: 'none'
+  })
+}
+
+request.interceptors.request.use((request) => {
+  wx.showNavigationBarLoading()
+  return request
+})
+
+request.interceptors.response.use((response, promise) => {
+  wx.hideNavigationBarLoading()
+  // if (!(response && response.data && response.data.res === 0)) {
+  //   errorPrompt(response)
+  // }
+  return promise.resolve(response.data)
+}, (err, promise) => {
+  wx.hideNavigationBarLoading()
+  errorPrompt(err)
+  return promise.reject(err)
+})
+
+export default request
-- 
GitLab