diff --git a/components/mip-map/example/mip-map.html b/components/mip-map/example/mip-map.html
index 59b74a1c..8d679554 100644
--- a/components/mip-map/example/mip-map.html
+++ b/components/mip-map/example/mip-map.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.css">
   <style mip-custom>
     /* 自定义样式 */
+
   </style>
 </head>
 
@@ -17,6 +18,8 @@
     <script type="application/json">
       {
         "ak": "hKhuzfFBrcL6zGm4s6b371NDxaUrhFPl",
+        "hide-map": false,
+        "get-position": true,
         "location": {
           "province": "北京",
           "city": "北京市",
@@ -24,21 +27,20 @@
           "street": "故宫博物馆"
         },
         "controls": {
-          "NavigationControl": {
-          },
-          "MapTypeControl": {
-          }
+          "NavigationControl": {},
+          "MapTypeControl": {}
         },
         "info": {
-          "width" : 250,
+          "width": 250,
           "height": 100,
           "content": "<h4>故宫博物馆</h4><p>地址：北京市东城区景山前街4号<br/>电话：(010)65131892</p></div>"
         }
       }
+
     </script>
   </mip-map>
   <script src="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.js"></script>
   <script src="/mip-map/mip-map.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/components/mip-map/mip-map.md b/components/mip-map/mip-map.md
index db79c65c..e36fdf6b 100644
--- a/components/mip-map/mip-map.md
+++ b/components/mip-map/mip-map.md
@@ -17,22 +17,22 @@
   <script type="application/json">
     {
       "ak": "hKhuzfFBrcL6zGm4s6b371NDxaUrhFPl",
+      "hide-map": false,
+      "get-position": true,
       "location": {
         "province": "北京",
         "city": "北京市",
-        "district": "海淀区",
-        "street": "百度大厦"
+        "district": "东城区",
+        "street": "故宫博物馆"
       },
       "controls": {
-        "NavigationControl": {
-        },
-        "MapTypeControl": {
-        }
+        "NavigationControl": {},
+        "MapTypeControl": {}
       },
       "info": {
-        "width" : 250,
+        "width": 250,
         "height": 100,
-        "content": "<h4>百度大厦</h4><p>地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>简介：百度大厦位于北京市海淀区西二旗地铁站附近，为百度公司综合研发及办公总部。</p></div>"
+        "content": "<h4>故宫博物馆</h4><p>地址：北京市东城区景山前街4号<br/>电话：(010)65131892</p></div>"
       }
     }
   </script>
@@ -94,5 +94,65 @@
 ### data-only-get-sdk
 
 说明：是否只加载地图 SDK
-必填：否  
+必填：否
 格式：Boolean
+默认：false
+
+### hide-map
+
+说明：是否隐藏地图
+必填：否
+格式：Boolean
+默认：false
+
+### get-position
+
+说明：是否自动定位
+必填：否
+格式：Boolean
+默认：false
+
+## 触发事件
+
+### getPositionComplete
+
+如设置定位且成功定位，则透传经纬度等信息
+透传数据结构如下：
+
+```js
+{
+  "accuracy":30,
+  "altitude":null,
+  "altitudeAccuracy":null,
+  "heading":null,
+  "latitude":40.050551292543,
+  "longitude":116.28123645733,
+  "speed":null,
+  "timestamp":null,
+  "point":{
+      "lng":116.28123645733,
+      "lat":40.050551292543
+  },
+  "address":{
+      "city":"北京市",
+      "city_code":0,
+      "district":"海淀区",
+      "province":"北京市",
+      "street":"软件园西三路辅路",
+      "street_number":""
+  }
+}
+```
+### getPositionFailed
+定位失败
+
+### searchLocalFailed
+
+无法定位值`local`所配位置时，触发此事件，并切换为自动定位
+
+
+## 暴露方法
+
+### getLocal
+
+获取当前定位
diff --git a/components/mip-map/mip-map.vue b/components/mip-map/mip-map.vue
index f2fc2dab..f1f87638 100644
--- a/components/mip-map/mip-map.vue
+++ b/components/mip-map/mip-map.vue
@@ -4,6 +4,7 @@
 <template>
   <div
     id="allmap"
+    :class="{hideMap: hideMap}"
     class="wrapper"
   />
 </template>
@@ -33,16 +34,25 @@ export default {
         return null
       }
     },
+    getPosition: {
+      type: Boolean,
+      default: false
+    },
     dataOnlyGetSdk: {
       type: Boolean,
       default: false
+    },
+    hideMap: {
+      type: Boolean,
+      default: false
     }
   },
   data () {
     return {
       map: null,
       point: {},
-      marker: null
+      marker: null,
+      currentMarker: null
     }
   },
   firstInviewCallback () {
@@ -51,7 +61,7 @@ export default {
   methods: {
     init () {
       this.getMapJDK().then(() => {
-        this.handleResult()
+        this.resolveOptions()
       })
     },
 
@@ -81,10 +91,55 @@ export default {
     },
 
     /**
-     * 初始化地图并加载控件
+     * 根据配置执行相应方法
+     *
+     */
+    resolveOptions () {
+      let BMap = window.BMap
+
+      // 仅加载SDK，不初始化地图
+      if (this.dataOnlyGetSdk) {
+        return this.loadSdk()
+      }
+
+      // 初始化地图
+      this.map = new BMap.Map('allmap')
+      this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 15)
+
+      // 隐藏地图
+      this.hideMap && this.hideMapView()
+
+      // 自动定位、或者手动定位
+      this.getPosition ? this.getCurrentLocation() : this.searchLocation()
+
+      // 暴露自动定位方法
+      this.$on('getLocal', () => {
+        // 可能会在未完全初始化的时候调用
+        this.getMapJDK().then(() => {
+          this.getCurrentLocation()
+        })
+      })
+      // 配置控件
+      this.controls && this.addControls()
+    },
+
+    /**
+     * 隐藏地图
+     *
+     */
+    hideMapView () {
+      let mipMap = this.$element
+      MIP.util.css(mipMap, {
+        width: 0,
+        height: 0
+      })
+    },
+
+    /**
+     * 仅加载sdk
      *
      */
-    handleResult () {
+    loadSdk () {
       let BMap = window.BMap
 
       // BMap注入沙盒
@@ -97,39 +152,50 @@ export default {
 
       // 派发事件
       this.$emit('loaded', {})
+    },
 
-      // 仅加载SDK，不初始化地图
-      if (this.dataOnlyGetSdk) {
-        return
-      }
-
-      // 初始化地图
-      this.map = new BMap.Map('allmap')
-      this.map.centerAndZoom(new BMap.Point(116.404, 39.915), 15)
+    /**
+     * 自动定位
+     *
+     */
+    getCurrentLocation () {
+      let BMap = window.BMap
+      let geolocation = new BMap.Geolocation()
+      geolocation.getCurrentPosition((res) => {
+        // 无定位权限
+        if (!res.accuracy) {
+          return this.$emit('getPositionFailed', res)
+        } else if (geolocation.getStatus() === window.BMAP_STATUS_SUCCESS) {
+          this.currentMarker = new BMap.Marker(res.point)
+          this.map.addOverlay(this.currentMarker)
+          this.map.panTo(res.point)
 
-      // 创建地址解析器实例
-      let address = this.traverseAndConcat(this.location)
-      if (address && this.location.city) {
-        this.handlePoint()
-      }
+          // 派发事件
+          this.$emit('getPositionComplete', res)
+        }
+      }, { enableHighAccuracy: true })
     },
 
     /**
-     * 处理定位的函数
+     * 定位至local配置的位置
      *
      */
-    handlePoint () {
+    searchLocation () {
       let BMap = window.BMap
       let { location, map } = this
 
       // 配置地址
       let address = this.traverseAndConcat(location)
-      if (!address) {
+
+      // 没有定位信息，则使用自动定位
+      if (!address || !this.location.city) {
+        this.getCurrentLocation()
+        this.$emit('searchLocalFailed', {})
         return
       }
       let options = {
         onSearchComplete: results => {
-          if (local.getStatus() !== 0) {
+          if (local.getStatus() !== window.BMAP_STATUS_SUCCESS) {
             return
           }
           let firstResult = results.getPoi(0)
@@ -143,9 +209,7 @@ export default {
           map.centerAndZoom(point, 15)
 
           // 配置弹层
-          this.handleInfoWindow()
-          // 配置控件
-          this.handleControls()
+          this.setInfoWindow()
         }
       }
 
@@ -158,7 +222,7 @@ export default {
      * 配置弹层信息
      *
      */
-    handleInfoWindow () {
+    setInfoWindow () {
       let BMap = window.BMap
       let { info, map, marker, point } = this
       if (!info) {
@@ -174,7 +238,7 @@ export default {
      * 配置地图控件
      *
      */
-    handleControls () {
+    addControls () {
       let BMap = window.BMap
       let { controls, map } = this
       for (let key in controls) {
@@ -210,6 +274,11 @@ export default {
 #allmap {
   width: 100%;
   height: 100%;
+  &.hideMap {
+    width: 0;
+    height: 0;
+    visibility: hidden;
+  }
   // mip核心css 会覆盖地图定位图片样式
   & /deep/ img {
     width: auto;
diff --git a/components/mip-novel-video/example/mipx-xiaoshuo-1.html b/components/mip-novel-video/example/mipx-xiaoshuo-1.html
index 16655af2..2fed0961 100644
--- a/components/mip-novel-video/example/mipx-xiaoshuo-1.html
+++ b/components/mip-novel-video/example/mipx-xiaoshuo-1.html
@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="zh-cn" mip="">
 <head>
@@ -17,51 +18,77 @@
     }
     @font-face {
         font-family: xiaoshuo;
+
         src: url(font/xiaoshuo.eot?t=1515560671046);
         src: url(font/xiaoshuo.eot?t=1515560671046#iefix) format("embedded-opentype"), url(font/xiaoshuo.woff) format("woff"), url(font/xiaoshuo.ttf?t=1515560671046) format("truetype"), url(font/xiaoshuo.svg?t=1515560671046#xiaoshuo) format("svg");
-    } .icon-xiaoshuo {
+    }
+
+    .icon-xiaoshuo {
         font-family: xiaoshuo!important;
         font-size: 16px;
         font-style: normal;
+
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-    } .icon-paihangbang:before {
+    }
+
+    .icon-paihangbang:before {
         content: "\e663";
-    } .icon-mianfei:before {
+    }
+
+    .icon-mianfei:before {
         content: "\e665";
-    } .icon-tuijian:before {
+    }
+
+    .icon-tuijian:before {
         content: "\e668";
-    } #header {
+    }
+
+    #header {
         height: 44px;
-        padding-right: 17px; ;
+        padding-right: 17px;;
         padding-left: 17px;
         border-bottom: 1px solid #f1f1f1;
         line-height: 44px;
-    } #header .left,
+    }
+
+    #header .left,
     #header .right {
         position: absolute;
-        z-index: 10; ;
+        z-index: 10;;
         top: 0;
-    } #header .left {
+    }
+
+    #header .left {
         left: 17px;
         text-align: left;
-    } #header .right {
+    }
+
+    #header .right {
         right: 17px;
-    } #header a {
+    }
+
+    #header a {
         width: 22px;
         height: 44px;
         line-height: 44px;
         color: #333;
-    } #header h4 {
+    }
+
+    #header h4 {
         margin: 0;
         padding: 0 50px;
         text-align: center;
-    } #footer {
+    }
+
+    #footer {
         font-size: 12px;
-        line-height: 50px; ;
+        line-height: 50px;;
         text-align: center;
         color: #999;
-    } .text-box {
+    }
+
+    .text-box {
         display: inline-block;
         overflow: hidden;
         box-sizing: content-box;
@@ -75,35 +102,54 @@
         vertical-align: middle;
         text-decoration: none;
         border-radius: 2px;
-    } .text-box.text-box-gray {
-        border: 1px solid #e3e3e3; ;
+    }
+
+    .text-box.text-box-gray {
+        border: 1px solid #e3e3e3;;
         color: #999;
-    } .text-right {
+    }
+
+    .text-right {
         text-align: right;
-    } .text-center {
+    }
+
+    .text-center {
         text-align: center;
-    } ul {
+    }
+
+    ul {
         list-style: none;
-    } .btn.btn-black,
+    }
+
+    .btn.btn-black,
     button.btn-black {
-        padding-right: 0; ;
+        padding-right: 0;;
         padding-left: 0;
         border-color: #707379;
         text-align: center;
         color: #000;
-    } .color-gray {
+    }
+
+    .color-gray {
         color: #555;
-    } a {
+    }
+
+    a {
         -webkit-tap-highlight-color: rgba(0, 0, 0, .2);
-    } mip-scrollbox [data-wrapper] [data-inner],
+    }
+
+    mip-scrollbox [data-wrapper] [data-inner],
     mip-scrollbox [data-wrapper] [data-item],
     mip-scrollbox [data-wrapper] [data-scroller] {
         position: relative;
-    } .scrollbox-more .scrollbox-more-wrap {
+    }
+
+    .scrollbox-more .scrollbox-more-wrap {
         position: absolute;
-        width: 100%; ;
+        width: 100%;;
         height: 100%;
     }
+
     .link {
         display: inline-block;
         margin: 10px 0;
@@ -125,11 +171,11 @@
 <body>
     <mip-stats-baidu token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu>
     <mip-novel-video></mip-novel-video>
-    <span class="link" on="tap:xiaoshuo-shell.showShellCatalog">打开目录</span>
-    <span class="link" on="tap:xiaoshuo-shell.showShellFooter">打开设置</span>
-    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">下一页</a>
-    <div on="tap:xiaoshuo-shell.showShellFooter">
-        <h3>第1章 灵魂重生</h3>
+    <span class="link click-cursor" on="click:xiaoshuo-shell.showShellCatalog">打开目录</span>
+    <span class="link click-cursor" on="click:xiaoshuo-shell.showShellFooter">打开设置</span>
+    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">上一页</a>
+    <div class="click-cursor" on="click:xiaoshuo-shell.showShellFooter">
+        <h3>第3章 牛刀小试</h3>
         <p>
             “贱人，你竟敢背叛我！”
         </p>
@@ -323,74 +369,64 @@ <h3>第1章 灵魂重生</h3>
             陆宇眼神坚定，他是魂天师，就算是废武魂，他也一样能搅动天地，称雄万世！
         </p>
     </div>
-    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">下一页</a>
+    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">上一页</a>
     <footer id="footer">
         小说网 &copy; 2018 - 冀ICP备xxxx号
     </footer>
     <mip-shell-xiaoshuo mip-shell="" id="xiaoshuo-shell">
         <script type="application/json">
-			{
-			"routes": [{
-			    "pattern": "/mipx-xiaoshuo-\\d",
-			    "meta": {
-			        "header": {
-			            "show": true,
-			            "title": "神武天帝"
-			        },
-			        "footer": {
-			            "actionGroup": [
-			                {"name": "catalog", "text": "目录"},
-			                {"name": "darkmode", "text": "夜间模式", "text2": "白天模式"},
-			                {"name": "settings", "text": "更多设置"}
-			            ],
-			            "hrefButton": {
-			            	"previous": "上一页",
-			            	"next": "下一页",
-			            	"previous-href": "",
-			            	"next-href": "./mipx-xiaoshuo-2.html"
-			            }
-			        },
-			        "catalog": [
-					    { "name": "第1章 灵魂重生", "link": "mipx-xiaoshuo-1.html" }, 
-					    { "name": "第2章 武魂提升", "link": "mipx-xiaoshuo-2.html" }, 
-					    { "name": "第3章 牛刀小试", "link": "mipx-xiaoshuo-3.html" }, 
-					    { "name": "第4章 笑里藏刀", "link": "mipx-xiaoshuo-4.html" }, 
-					    { "name": "第5章 云月儿", "link": "mipx-xiaoshuo-5.html" }, 
-					    { "name": "第6章 情断玉碎", "link": "mipx-xiaoshuo-6.html" }, 
-					    { "name": "第7章 击败陈松", "link": "mipx-xiaoshuo-7.html" }, 
-					    { "name": "第8章 催化武魂", "link": "mipx-xiaoshuo-8.html" }, 
-					    { "name": "第9章 开脉四重", "link": "mipx-xiaoshuo-9.html" }, 
-					    { "name": "第10章 黄级四品", "link": "mipx-xiaoshuo-10.html" }, 
-					    { "name": "第11章 针锋相对", "link": "mipx-xiaoshuo-11.html" }, 
-					    { "name": "第12章 暴血狼魂", "link": "mipx-xiaoshuo-12.html" }, 
-					    { "name": "第13章 武魂妙用", "link": "mipx-xiaoshuo-13.html" }, 
-					    { "name": "第14章 击败钟真", "link": "mipx-xiaoshuo-14.html" }, 
-					    { "name": "第15章 旧爱成恨", "link": "mipx-xiaoshuo-15.html" }, 
-					    { "name": "第16章 丹宗林枫", "link": "mipx-xiaoshuo-16.html" }, 
-					    { "name": "第17章 丹房传艺", "link": "mipx-xiaoshuo-17.html" }, 
-					    { "name": "第18章 林枫武魂", "link": "mipx-xiaoshuo-18.html" }, 
-					    { "name": "第19章 一场好戏", "link": "mipx-xiaoshuo-19.html" }, 
-					    { "name": "第20章 连升三级", "link": "mipx-xiaoshuo-20.html" }
-					]
-			    }
-			}]}
+      {
+        "routes": [{
+          "pattern": "/mipx-xiaoshuo-\\d",
+          "meta": {
+            "header": {
+              "show": true,
+              "title": "神武天帝三"
+            },
+            "footer": {
+              "actionGroup": [
+                { "name": "catalog", "text": "目录" },
+                { "name": "darkmode", "text": "夜间模式", "text2": "白天模式" },
+                { "name": "settings", "text": "更多设置" }
+              ],
+              "hrefButton": {
+                "previous": "上一页3",
+                "next": "下一页3",
+                "previous-href": "./mipx-xiaoshuo-2.html",
+                "next-href": ""
+              },
+              "show": true
+            },
+            "catalog": [
+              { "name": "第1章 灵魂重生-3", "link": "mipx-xiaoshuo-1.html" },
+              { "name": "第2章 武魂提升", "link": "mipx-xiaoshuo-2.html" },
+              { "name": "第3章 牛刀小试", "link": "mipx-xiaoshuo-3.html" },
+              { "name": "第4章 笑里藏刀", "link": "mipx-xiaoshuo-4.html" },
+              { "name": "第5章 云月儿", "link": "mipx-xiaoshuo-5.html" },
+              { "name": "第6章 情断玉碎", "link": "mipx-xiaoshuo-6.html" },
+              { "name": "第7章 击败陈松", "link": "mipx-xiaoshuo-7.html" },
+              { "name": "第8章 催化武魂", "link": "mipx-xiaoshuo-8.html" },
+              { "name": "第9章 开脉四重", "link": "mipx-xiaoshuo-9.html" },
+              { "name": "第10章 黄级四品", "link": "mipx-xiaoshuo-10.html" },
+              { "name": "第11章 针锋相对", "link": "mipx-xiaoshuo-11.html" },
+              { "name": "第12章 暴血狼魂", "link": "mipx-xiaoshuo-12.html" },
+              { "name": "第13章 武魂妙用", "link": "mipx-xiaoshuo-13.html" },
+              { "name": "第14章 击败钟真", "link": "mipx-xiaoshuo-14.html" },
+              { "name": "第15章 旧爱成恨", "link": "mipx-xiaoshuo-15.html" },
+              { "name": "第16章 丹宗林枫", "link": "mipx-xiaoshuo-16.html" },
+              { "name": "第17章 丹房传艺", "link": "mipx-xiaoshuo-17.html" },
+              { "name": "第18章 林枫武魂", "link": "mipx-xiaoshuo-18.html" },
+              { "name": "第19章 一场好戏", "link": "mipx-xiaoshuo-19.html" },
+              { "name": "第20章 连升三级", "link": "mipx-xiaoshuo-20.html" }
+            ]
+          }
+        }]
+      }
         </script>
     </mip-shell-xiaoshuo>
     <script src="https://bos.nj.bpc.baidu.com/v1/assets/mip/projects/mip.js"></script>
-    <!-- <script src="http://localhost:8080/dist/mip.js"></script> -->
-    <script src="https://deploy-preview-70--mip2-deploy-preview.netlify.com//mip-shell-xiaoshuo/mip-shell-xiaoshuo.js"></script>
+    <script src="https://c.mipcdn.com/static/v2/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js?"></script>
     <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
     <script src="/mip-novel-video/mip-novel-video.js"></script>
 </body>
-</html>
-© 2018 GitHub, Inc.
-Terms
-Privacy
-Security
-Status
-Help
-Contact GitHub
-API
-Training
-Shop
-Blog
+</html><script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
\ No newline at end of file
diff --git a/components/mip-novel-video/example/mipx-xiaoshuo-2.html b/components/mip-novel-video/example/mipx-xiaoshuo-2.html
index 16655af2..2fed0961 100644
--- a/components/mip-novel-video/example/mipx-xiaoshuo-2.html
+++ b/components/mip-novel-video/example/mipx-xiaoshuo-2.html
@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="zh-cn" mip="">
 <head>
@@ -17,51 +18,77 @@
     }
     @font-face {
         font-family: xiaoshuo;
+
         src: url(font/xiaoshuo.eot?t=1515560671046);
         src: url(font/xiaoshuo.eot?t=1515560671046#iefix) format("embedded-opentype"), url(font/xiaoshuo.woff) format("woff"), url(font/xiaoshuo.ttf?t=1515560671046) format("truetype"), url(font/xiaoshuo.svg?t=1515560671046#xiaoshuo) format("svg");
-    } .icon-xiaoshuo {
+    }
+
+    .icon-xiaoshuo {
         font-family: xiaoshuo!important;
         font-size: 16px;
         font-style: normal;
+
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-    } .icon-paihangbang:before {
+    }
+
+    .icon-paihangbang:before {
         content: "\e663";
-    } .icon-mianfei:before {
+    }
+
+    .icon-mianfei:before {
         content: "\e665";
-    } .icon-tuijian:before {
+    }
+
+    .icon-tuijian:before {
         content: "\e668";
-    } #header {
+    }
+
+    #header {
         height: 44px;
-        padding-right: 17px; ;
+        padding-right: 17px;;
         padding-left: 17px;
         border-bottom: 1px solid #f1f1f1;
         line-height: 44px;
-    } #header .left,
+    }
+
+    #header .left,
     #header .right {
         position: absolute;
-        z-index: 10; ;
+        z-index: 10;;
         top: 0;
-    } #header .left {
+    }
+
+    #header .left {
         left: 17px;
         text-align: left;
-    } #header .right {
+    }
+
+    #header .right {
         right: 17px;
-    } #header a {
+    }
+
+    #header a {
         width: 22px;
         height: 44px;
         line-height: 44px;
         color: #333;
-    } #header h4 {
+    }
+
+    #header h4 {
         margin: 0;
         padding: 0 50px;
         text-align: center;
-    } #footer {
+    }
+
+    #footer {
         font-size: 12px;
-        line-height: 50px; ;
+        line-height: 50px;;
         text-align: center;
         color: #999;
-    } .text-box {
+    }
+
+    .text-box {
         display: inline-block;
         overflow: hidden;
         box-sizing: content-box;
@@ -75,35 +102,54 @@
         vertical-align: middle;
         text-decoration: none;
         border-radius: 2px;
-    } .text-box.text-box-gray {
-        border: 1px solid #e3e3e3; ;
+    }
+
+    .text-box.text-box-gray {
+        border: 1px solid #e3e3e3;;
         color: #999;
-    } .text-right {
+    }
+
+    .text-right {
         text-align: right;
-    } .text-center {
+    }
+
+    .text-center {
         text-align: center;
-    } ul {
+    }
+
+    ul {
         list-style: none;
-    } .btn.btn-black,
+    }
+
+    .btn.btn-black,
     button.btn-black {
-        padding-right: 0; ;
+        padding-right: 0;;
         padding-left: 0;
         border-color: #707379;
         text-align: center;
         color: #000;
-    } .color-gray {
+    }
+
+    .color-gray {
         color: #555;
-    } a {
+    }
+
+    a {
         -webkit-tap-highlight-color: rgba(0, 0, 0, .2);
-    } mip-scrollbox [data-wrapper] [data-inner],
+    }
+
+    mip-scrollbox [data-wrapper] [data-inner],
     mip-scrollbox [data-wrapper] [data-item],
     mip-scrollbox [data-wrapper] [data-scroller] {
         position: relative;
-    } .scrollbox-more .scrollbox-more-wrap {
+    }
+
+    .scrollbox-more .scrollbox-more-wrap {
         position: absolute;
-        width: 100%; ;
+        width: 100%;;
         height: 100%;
     }
+
     .link {
         display: inline-block;
         margin: 10px 0;
@@ -125,11 +171,11 @@
 <body>
     <mip-stats-baidu token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu>
     <mip-novel-video></mip-novel-video>
-    <span class="link" on="tap:xiaoshuo-shell.showShellCatalog">打开目录</span>
-    <span class="link" on="tap:xiaoshuo-shell.showShellFooter">打开设置</span>
-    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">下一页</a>
-    <div on="tap:xiaoshuo-shell.showShellFooter">
-        <h3>第1章 灵魂重生</h3>
+    <span class="link click-cursor" on="click:xiaoshuo-shell.showShellCatalog">打开目录</span>
+    <span class="link click-cursor" on="click:xiaoshuo-shell.showShellFooter">打开设置</span>
+    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">上一页</a>
+    <div class="click-cursor" on="click:xiaoshuo-shell.showShellFooter">
+        <h3>第3章 牛刀小试</h3>
         <p>
             “贱人，你竟敢背叛我！”
         </p>
@@ -323,74 +369,64 @@ <h3>第1章 灵魂重生</h3>
             陆宇眼神坚定，他是魂天师，就算是废武魂，他也一样能搅动天地，称雄万世！
         </p>
     </div>
-    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">下一页</a>
+    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">上一页</a>
     <footer id="footer">
         小说网 &copy; 2018 - 冀ICP备xxxx号
     </footer>
     <mip-shell-xiaoshuo mip-shell="" id="xiaoshuo-shell">
         <script type="application/json">
-			{
-			"routes": [{
-			    "pattern": "/mipx-xiaoshuo-\\d",
-			    "meta": {
-			        "header": {
-			            "show": true,
-			            "title": "神武天帝"
-			        },
-			        "footer": {
-			            "actionGroup": [
-			                {"name": "catalog", "text": "目录"},
-			                {"name": "darkmode", "text": "夜间模式", "text2": "白天模式"},
-			                {"name": "settings", "text": "更多设置"}
-			            ],
-			            "hrefButton": {
-			            	"previous": "上一页",
-			            	"next": "下一页",
-			            	"previous-href": "",
-			            	"next-href": "./mipx-xiaoshuo-2.html"
-			            }
-			        },
-			        "catalog": [
-					    { "name": "第1章 灵魂重生", "link": "mipx-xiaoshuo-1.html" }, 
-					    { "name": "第2章 武魂提升", "link": "mipx-xiaoshuo-2.html" }, 
-					    { "name": "第3章 牛刀小试", "link": "mipx-xiaoshuo-3.html" }, 
-					    { "name": "第4章 笑里藏刀", "link": "mipx-xiaoshuo-4.html" }, 
-					    { "name": "第5章 云月儿", "link": "mipx-xiaoshuo-5.html" }, 
-					    { "name": "第6章 情断玉碎", "link": "mipx-xiaoshuo-6.html" }, 
-					    { "name": "第7章 击败陈松", "link": "mipx-xiaoshuo-7.html" }, 
-					    { "name": "第8章 催化武魂", "link": "mipx-xiaoshuo-8.html" }, 
-					    { "name": "第9章 开脉四重", "link": "mipx-xiaoshuo-9.html" }, 
-					    { "name": "第10章 黄级四品", "link": "mipx-xiaoshuo-10.html" }, 
-					    { "name": "第11章 针锋相对", "link": "mipx-xiaoshuo-11.html" }, 
-					    { "name": "第12章 暴血狼魂", "link": "mipx-xiaoshuo-12.html" }, 
-					    { "name": "第13章 武魂妙用", "link": "mipx-xiaoshuo-13.html" }, 
-					    { "name": "第14章 击败钟真", "link": "mipx-xiaoshuo-14.html" }, 
-					    { "name": "第15章 旧爱成恨", "link": "mipx-xiaoshuo-15.html" }, 
-					    { "name": "第16章 丹宗林枫", "link": "mipx-xiaoshuo-16.html" }, 
-					    { "name": "第17章 丹房传艺", "link": "mipx-xiaoshuo-17.html" }, 
-					    { "name": "第18章 林枫武魂", "link": "mipx-xiaoshuo-18.html" }, 
-					    { "name": "第19章 一场好戏", "link": "mipx-xiaoshuo-19.html" }, 
-					    { "name": "第20章 连升三级", "link": "mipx-xiaoshuo-20.html" }
-					]
-			    }
-			}]}
+      {
+        "routes": [{
+          "pattern": "/mipx-xiaoshuo-\\d",
+          "meta": {
+            "header": {
+              "show": true,
+              "title": "神武天帝三"
+            },
+            "footer": {
+              "actionGroup": [
+                { "name": "catalog", "text": "目录" },
+                { "name": "darkmode", "text": "夜间模式", "text2": "白天模式" },
+                { "name": "settings", "text": "更多设置" }
+              ],
+              "hrefButton": {
+                "previous": "上一页3",
+                "next": "下一页3",
+                "previous-href": "./mipx-xiaoshuo-2.html",
+                "next-href": ""
+              },
+              "show": true
+            },
+            "catalog": [
+              { "name": "第1章 灵魂重生-3", "link": "mipx-xiaoshuo-1.html" },
+              { "name": "第2章 武魂提升", "link": "mipx-xiaoshuo-2.html" },
+              { "name": "第3章 牛刀小试", "link": "mipx-xiaoshuo-3.html" },
+              { "name": "第4章 笑里藏刀", "link": "mipx-xiaoshuo-4.html" },
+              { "name": "第5章 云月儿", "link": "mipx-xiaoshuo-5.html" },
+              { "name": "第6章 情断玉碎", "link": "mipx-xiaoshuo-6.html" },
+              { "name": "第7章 击败陈松", "link": "mipx-xiaoshuo-7.html" },
+              { "name": "第8章 催化武魂", "link": "mipx-xiaoshuo-8.html" },
+              { "name": "第9章 开脉四重", "link": "mipx-xiaoshuo-9.html" },
+              { "name": "第10章 黄级四品", "link": "mipx-xiaoshuo-10.html" },
+              { "name": "第11章 针锋相对", "link": "mipx-xiaoshuo-11.html" },
+              { "name": "第12章 暴血狼魂", "link": "mipx-xiaoshuo-12.html" },
+              { "name": "第13章 武魂妙用", "link": "mipx-xiaoshuo-13.html" },
+              { "name": "第14章 击败钟真", "link": "mipx-xiaoshuo-14.html" },
+              { "name": "第15章 旧爱成恨", "link": "mipx-xiaoshuo-15.html" },
+              { "name": "第16章 丹宗林枫", "link": "mipx-xiaoshuo-16.html" },
+              { "name": "第17章 丹房传艺", "link": "mipx-xiaoshuo-17.html" },
+              { "name": "第18章 林枫武魂", "link": "mipx-xiaoshuo-18.html" },
+              { "name": "第19章 一场好戏", "link": "mipx-xiaoshuo-19.html" },
+              { "name": "第20章 连升三级", "link": "mipx-xiaoshuo-20.html" }
+            ]
+          }
+        }]
+      }
         </script>
     </mip-shell-xiaoshuo>
     <script src="https://bos.nj.bpc.baidu.com/v1/assets/mip/projects/mip.js"></script>
-    <!-- <script src="http://localhost:8080/dist/mip.js"></script> -->
-    <script src="https://deploy-preview-70--mip2-deploy-preview.netlify.com//mip-shell-xiaoshuo/mip-shell-xiaoshuo.js"></script>
+    <script src="https://c.mipcdn.com/static/v2/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js?"></script>
     <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
     <script src="/mip-novel-video/mip-novel-video.js"></script>
 </body>
-</html>
-© 2018 GitHub, Inc.
-Terms
-Privacy
-Security
-Status
-Help
-Contact GitHub
-API
-Training
-Shop
-Blog
+</html><script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
\ No newline at end of file
diff --git a/components/mip-novel-video/example/mipx-xiaoshuo-3.html b/components/mip-novel-video/example/mipx-xiaoshuo-3.html
index 16655af2..2fed0961 100644
--- a/components/mip-novel-video/example/mipx-xiaoshuo-3.html
+++ b/components/mip-novel-video/example/mipx-xiaoshuo-3.html
@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="zh-cn" mip="">
 <head>
@@ -17,51 +18,77 @@
     }
     @font-face {
         font-family: xiaoshuo;
+
         src: url(font/xiaoshuo.eot?t=1515560671046);
         src: url(font/xiaoshuo.eot?t=1515560671046#iefix) format("embedded-opentype"), url(font/xiaoshuo.woff) format("woff"), url(font/xiaoshuo.ttf?t=1515560671046) format("truetype"), url(font/xiaoshuo.svg?t=1515560671046#xiaoshuo) format("svg");
-    } .icon-xiaoshuo {
+    }
+
+    .icon-xiaoshuo {
         font-family: xiaoshuo!important;
         font-size: 16px;
         font-style: normal;
+
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
-    } .icon-paihangbang:before {
+    }
+
+    .icon-paihangbang:before {
         content: "\e663";
-    } .icon-mianfei:before {
+    }
+
+    .icon-mianfei:before {
         content: "\e665";
-    } .icon-tuijian:before {
+    }
+
+    .icon-tuijian:before {
         content: "\e668";
-    } #header {
+    }
+
+    #header {
         height: 44px;
-        padding-right: 17px; ;
+        padding-right: 17px;;
         padding-left: 17px;
         border-bottom: 1px solid #f1f1f1;
         line-height: 44px;
-    } #header .left,
+    }
+
+    #header .left,
     #header .right {
         position: absolute;
-        z-index: 10; ;
+        z-index: 10;;
         top: 0;
-    } #header .left {
+    }
+
+    #header .left {
         left: 17px;
         text-align: left;
-    } #header .right {
+    }
+
+    #header .right {
         right: 17px;
-    } #header a {
+    }
+
+    #header a {
         width: 22px;
         height: 44px;
         line-height: 44px;
         color: #333;
-    } #header h4 {
+    }
+
+    #header h4 {
         margin: 0;
         padding: 0 50px;
         text-align: center;
-    } #footer {
+    }
+
+    #footer {
         font-size: 12px;
-        line-height: 50px; ;
+        line-height: 50px;;
         text-align: center;
         color: #999;
-    } .text-box {
+    }
+
+    .text-box {
         display: inline-block;
         overflow: hidden;
         box-sizing: content-box;
@@ -75,35 +102,54 @@
         vertical-align: middle;
         text-decoration: none;
         border-radius: 2px;
-    } .text-box.text-box-gray {
-        border: 1px solid #e3e3e3; ;
+    }
+
+    .text-box.text-box-gray {
+        border: 1px solid #e3e3e3;;
         color: #999;
-    } .text-right {
+    }
+
+    .text-right {
         text-align: right;
-    } .text-center {
+    }
+
+    .text-center {
         text-align: center;
-    } ul {
+    }
+
+    ul {
         list-style: none;
-    } .btn.btn-black,
+    }
+
+    .btn.btn-black,
     button.btn-black {
-        padding-right: 0; ;
+        padding-right: 0;;
         padding-left: 0;
         border-color: #707379;
         text-align: center;
         color: #000;
-    } .color-gray {
+    }
+
+    .color-gray {
         color: #555;
-    } a {
+    }
+
+    a {
         -webkit-tap-highlight-color: rgba(0, 0, 0, .2);
-    } mip-scrollbox [data-wrapper] [data-inner],
+    }
+
+    mip-scrollbox [data-wrapper] [data-inner],
     mip-scrollbox [data-wrapper] [data-item],
     mip-scrollbox [data-wrapper] [data-scroller] {
         position: relative;
-    } .scrollbox-more .scrollbox-more-wrap {
+    }
+
+    .scrollbox-more .scrollbox-more-wrap {
         position: absolute;
-        width: 100%; ;
+        width: 100%;;
         height: 100%;
     }
+
     .link {
         display: inline-block;
         margin: 10px 0;
@@ -125,11 +171,11 @@
 <body>
     <mip-stats-baidu token="02890d4a309827eb62bc3335b2b28f7f"></mip-stats-baidu>
     <mip-novel-video></mip-novel-video>
-    <span class="link" on="tap:xiaoshuo-shell.showShellCatalog">打开目录</span>
-    <span class="link" on="tap:xiaoshuo-shell.showShellFooter">打开设置</span>
-    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">下一页</a>
-    <div on="tap:xiaoshuo-shell.showShellFooter">
-        <h3>第1章 灵魂重生</h3>
+    <span class="link click-cursor" on="click:xiaoshuo-shell.showShellCatalog">打开目录</span>
+    <span class="link click-cursor" on="click:xiaoshuo-shell.showShellFooter">打开设置</span>
+    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">上一页</a>
+    <div class="click-cursor" on="click:xiaoshuo-shell.showShellFooter">
+        <h3>第3章 牛刀小试</h3>
         <p>
             “贱人，你竟敢背叛我！”
         </p>
@@ -323,74 +369,64 @@ <h3>第1章 灵魂重生</h3>
             陆宇眼神坚定，他是魂天师，就算是废武魂，他也一样能搅动天地，称雄万世！
         </p>
     </div>
-    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">下一页</a>
+    <a class="link" href="./mipx-xiaoshuo-2.html" mip-link="">上一页</a>
     <footer id="footer">
         小说网 &copy; 2018 - 冀ICP备xxxx号
     </footer>
     <mip-shell-xiaoshuo mip-shell="" id="xiaoshuo-shell">
         <script type="application/json">
-			{
-			"routes": [{
-			    "pattern": "/mipx-xiaoshuo-\\d",
-			    "meta": {
-			        "header": {
-			            "show": true,
-			            "title": "神武天帝"
-			        },
-			        "footer": {
-			            "actionGroup": [
-			                {"name": "catalog", "text": "目录"},
-			                {"name": "darkmode", "text": "夜间模式", "text2": "白天模式"},
-			                {"name": "settings", "text": "更多设置"}
-			            ],
-			            "hrefButton": {
-			            	"previous": "上一页",
-			            	"next": "下一页",
-			            	"previous-href": "",
-			            	"next-href": "./mipx-xiaoshuo-2.html"
-			            }
-			        },
-			        "catalog": [
-					    { "name": "第1章 灵魂重生", "link": "mipx-xiaoshuo-1.html" }, 
-					    { "name": "第2章 武魂提升", "link": "mipx-xiaoshuo-2.html" }, 
-					    { "name": "第3章 牛刀小试", "link": "mipx-xiaoshuo-3.html" }, 
-					    { "name": "第4章 笑里藏刀", "link": "mipx-xiaoshuo-4.html" }, 
-					    { "name": "第5章 云月儿", "link": "mipx-xiaoshuo-5.html" }, 
-					    { "name": "第6章 情断玉碎", "link": "mipx-xiaoshuo-6.html" }, 
-					    { "name": "第7章 击败陈松", "link": "mipx-xiaoshuo-7.html" }, 
-					    { "name": "第8章 催化武魂", "link": "mipx-xiaoshuo-8.html" }, 
-					    { "name": "第9章 开脉四重", "link": "mipx-xiaoshuo-9.html" }, 
-					    { "name": "第10章 黄级四品", "link": "mipx-xiaoshuo-10.html" }, 
-					    { "name": "第11章 针锋相对", "link": "mipx-xiaoshuo-11.html" }, 
-					    { "name": "第12章 暴血狼魂", "link": "mipx-xiaoshuo-12.html" }, 
-					    { "name": "第13章 武魂妙用", "link": "mipx-xiaoshuo-13.html" }, 
-					    { "name": "第14章 击败钟真", "link": "mipx-xiaoshuo-14.html" }, 
-					    { "name": "第15章 旧爱成恨", "link": "mipx-xiaoshuo-15.html" }, 
-					    { "name": "第16章 丹宗林枫", "link": "mipx-xiaoshuo-16.html" }, 
-					    { "name": "第17章 丹房传艺", "link": "mipx-xiaoshuo-17.html" }, 
-					    { "name": "第18章 林枫武魂", "link": "mipx-xiaoshuo-18.html" }, 
-					    { "name": "第19章 一场好戏", "link": "mipx-xiaoshuo-19.html" }, 
-					    { "name": "第20章 连升三级", "link": "mipx-xiaoshuo-20.html" }
-					]
-			    }
-			}]}
+      {
+        "routes": [{
+          "pattern": "/mipx-xiaoshuo-\\d",
+          "meta": {
+            "header": {
+              "show": true,
+              "title": "神武天帝三"
+            },
+            "footer": {
+              "actionGroup": [
+                { "name": "catalog", "text": "目录" },
+                { "name": "darkmode", "text": "夜间模式", "text2": "白天模式" },
+                { "name": "settings", "text": "更多设置" }
+              ],
+              "hrefButton": {
+                "previous": "上一页3",
+                "next": "下一页3",
+                "previous-href": "./mipx-xiaoshuo-2.html",
+                "next-href": ""
+              },
+              "show": true
+            },
+            "catalog": [
+              { "name": "第1章 灵魂重生-3", "link": "mipx-xiaoshuo-1.html" },
+              { "name": "第2章 武魂提升", "link": "mipx-xiaoshuo-2.html" },
+              { "name": "第3章 牛刀小试", "link": "mipx-xiaoshuo-3.html" },
+              { "name": "第4章 笑里藏刀", "link": "mipx-xiaoshuo-4.html" },
+              { "name": "第5章 云月儿", "link": "mipx-xiaoshuo-5.html" },
+              { "name": "第6章 情断玉碎", "link": "mipx-xiaoshuo-6.html" },
+              { "name": "第7章 击败陈松", "link": "mipx-xiaoshuo-7.html" },
+              { "name": "第8章 催化武魂", "link": "mipx-xiaoshuo-8.html" },
+              { "name": "第9章 开脉四重", "link": "mipx-xiaoshuo-9.html" },
+              { "name": "第10章 黄级四品", "link": "mipx-xiaoshuo-10.html" },
+              { "name": "第11章 针锋相对", "link": "mipx-xiaoshuo-11.html" },
+              { "name": "第12章 暴血狼魂", "link": "mipx-xiaoshuo-12.html" },
+              { "name": "第13章 武魂妙用", "link": "mipx-xiaoshuo-13.html" },
+              { "name": "第14章 击败钟真", "link": "mipx-xiaoshuo-14.html" },
+              { "name": "第15章 旧爱成恨", "link": "mipx-xiaoshuo-15.html" },
+              { "name": "第16章 丹宗林枫", "link": "mipx-xiaoshuo-16.html" },
+              { "name": "第17章 丹房传艺", "link": "mipx-xiaoshuo-17.html" },
+              { "name": "第18章 林枫武魂", "link": "mipx-xiaoshuo-18.html" },
+              { "name": "第19章 一场好戏", "link": "mipx-xiaoshuo-19.html" },
+              { "name": "第20章 连升三级", "link": "mipx-xiaoshuo-20.html" }
+            ]
+          }
+        }]
+      }
         </script>
     </mip-shell-xiaoshuo>
     <script src="https://bos.nj.bpc.baidu.com/v1/assets/mip/projects/mip.js"></script>
-    <!-- <script src="http://localhost:8080/dist/mip.js"></script> -->
-    <script src="https://deploy-preview-70--mip2-deploy-preview.netlify.com//mip-shell-xiaoshuo/mip-shell-xiaoshuo.js"></script>
+    <script src="https://c.mipcdn.com/static/v2/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js?"></script>
     <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
     <script src="/mip-novel-video/mip-novel-video.js"></script>
 </body>
-</html>
-© 2018 GitHub, Inc.
-Terms
-Privacy
-Security
-Status
-Help
-Contact GitHub
-API
-Training
-Shop
-Blog
+</html><script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
\ No newline at end of file
diff --git a/components/mip-novel-video/mip-novel-video.vue b/components/mip-novel-video/mip-novel-video.vue
index 3bae602b..7cdcd66b 100644
--- a/components/mip-novel-video/mip-novel-video.vue
+++ b/components/mip-novel-video/mip-novel-video.vue
@@ -64,7 +64,7 @@ const css = MIP.util.css
 const VIDEOINDEX = 'ad-video'
 const COUNTDOWNINDEX = 10
 const PINZHUANGURL = 'https://www.vivo.com/vivo/nexs/?cid=w-1-baidu_ada-xs'
-const PRETIME = 'ad-time'
+const PREDATE = 'ad-time'
 
 const isSF = !window.MIP.standalone
 
@@ -91,8 +91,7 @@ export default {
   },
   computed: {
     isShow: function () {
-      let isShow = isSF && detector.getMobileSystemVersion() && !this.played && isShouldVideo
-      return !isShow
+      return isSF && detector.getMobileSystemVersion() && isShouldVideo
     },
     isOriginalVideo: function () {
       return detector.isRenderVideoElement()
@@ -102,13 +101,13 @@ export default {
     this.timeExpired()
     this.initVideoIndex()
     isShouldVideo = +customStorage.get(VIDEOINDEX) === 2 || false
-    console.log('是否SF：' + (isSF || false) + '；页数：' + customStorage.get(VIDEOINDEX))
-    if (isShouldVideo) {
+    if (this.isShow) {
+      console.log('是否SF：' + (isSF || false) + '；页数：' + customStorage.get(VIDEOINDEX))
       this.readContainerNoScroll()
     }
   },
   firstInviewCallback () {
-    if (isShouldVideo) {
+    if (this.isShow) {
       this.creatVideo()
       this.openVideo()
     }
@@ -117,39 +116,44 @@ export default {
     openVideo () {
       let self = this
       document.body.addEventListener('touchstart', e => {
-        if (self.isShow) {
-          self.$element.setAttribute('style', 'display: none !important')
-          self.readContainerScroll()
-          return
-        }
-        if (!self.forbidClick) {
+        if (!self.forbidClick || self.played) {
           return
         }
         e && e.preventDefault()
-        e && e.stopPropagation()
-        e && e.stopImmediatePropagation()
         self.startPlayer()
       }, false)
     },
     startPlayer () {
       let self = this
       this.$element.setAttribute('style', 'display: block !important')
+      let forceClose = setTimeout(() => {
+        this.closeVideo()
+      }, 15000)
       if (player && this.isOriginalVideo) {
+        player.addEventListener('playing', () => {
+          self.startTimer()
+          clearTimeout(forceClose)
+        })
         player.play()
-        this.startTimer()
       }
       if (jSMpegPlayer && !this.isOriginalVideo) {
         jSMpegPlayer.on('playing', () => {
           let event = new Event('playing')
           this.$element.dispatchEvent(event)
           css(canvas, {opacity: '1'})
-          // 初始化倒计时器
-          this.startTimer()
+          self.startTimer()
+          clearTimeout(forceClose)
         })
         jSMpegPlayer.play()
       }
       /* global _hmt */
       _hmt && _hmt.push(['_trackEvent', 'video', 'show', 'vivo'])
+      this.noVideoMaskScroll()
+      setTimeout(() => {
+        self.forbidClick = false
+      }, 500)
+    },
+    noVideoMaskScroll () {
       let videoMask = this.$element.querySelector('.video-mask')
       videoMask.addEventListener('touchmove', e => {
         e && e.preventDefault()
@@ -163,9 +167,6 @@ export default {
         e && e.stopImmediatePropagation()
         return false
       })
-      setTimeout(() => {
-        self.forbidClick = false
-      }, 500)
     },
     creatVideo () {
       if (this.isOriginalVideo) {
@@ -185,6 +186,7 @@ export default {
       }
     },
     initCanvasVideo () {
+      let self = this
       let videoCover = this.$refs.videoCover
       if (videoCover) {
         css(videoCover, {backgroundImage: 'url(' + POSTER + ')'})
@@ -202,7 +204,7 @@ export default {
         jSMpegPlayer.on('ended', () => {
           let event = new Event('ended')
           this.$element.dispatchEvent(event)
-          this.closeVideo()
+          self.closeVideo()
         })
       }
     },
@@ -250,7 +252,6 @@ export default {
     closeVideo (e, isClick) {
       e && e.stopPropagation()
       e && e.preventDefault()
-      let self = this
       let container = this.$element.querySelector('.video-container')
       let content = this.$element.querySelector('.content')
       let isClosed = false
@@ -261,10 +262,11 @@ export default {
         jSMpegPlayer.pause()
       }
       if (!isClosed) {
-        self.readContainerScroll()
-        self.forbidClick = true
-        self.played = true
+        this.readContainerScroll()
+        this.forbidClick = true
+        this.played = true
         container.classList.add('close-container')
+        let self = this
         setTimeout(() => {
           content.classList.add('close-content')
           /* global _hmt */
@@ -279,20 +281,16 @@ export default {
       isClosed = true
     },
     timeExpired () {
-      let myDate = new Date().getTime()
-      let preTime = customStorage.get(PRETIME)
-      if (preTime == null) {
-        customStorage.set(PRETIME, myDate)
+      let myDate = new Date().getDate()
+      let preDate = customStorage.get(PREDATE)
+      if (preDate == null) {
+        customStorage.set(PREDATE, myDate)
         return
       }
-      let currentTime = myDate
-      let diffTime = currentTime - preTime
-      // let hoursDiff = parseInt(Math.abs(diffTime) / 1000 / 60 / 60)
-      let secondsDiff = parseInt(Math.abs(diffTime) / 1000)
-      if (secondsDiff >= 30) {
-      // if (hoursDiff >= 24) {
+      let currentDate = myDate
+      if (currentDate !== preDate) {
         customStorage.rm(VIDEOINDEX)
-        customStorage.rm(PRETIME)
+        customStorage.rm(PREDATE)
       }
     }
   }
diff --git a/components/mip-novel-video/video-detector.js b/components/mip-novel-video/video-detector.js
index b8c64d65..8cd920a8 100644
--- a/components/mip-novel-video/video-detector.js
+++ b/components/mip-novel-video/video-detector.js
@@ -42,10 +42,10 @@ const detector = {
     const version = system.match(num)
     // ios要求版本8.X以上
     if (platform.isIos()) {
-      return version && version[0] && version[0] >= IOSVERSION
+      return version && version[0] && version[0] >= IOSVERSION && !platform.isUc()
     } else {
     // android要求版本5.X以上
-      return version && version[0] && version[0] >= ANDROIDVERSION
+      return version && version[0] && version[0] >= ANDROIDVERSION && !platform.isUc()
     }
   }
 }
diff --git a/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-1.html b/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-1.html
index 6a476437..b3d6e79b 100644
--- a/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-1.html
+++ b/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-1.html
@@ -5,7 +5,8 @@
     <title>第1章灵魂重生_神武天帝_小说网</title>
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
-    <link rel="stylesheet" href="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.css">
+<!-- <link rel="stylesheet" href="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.css"> -->
+    <link rel="stylesheet" href="https://c.mipcdn.com/static/v2/mip.css">
     <link rel="stylesheet" href="https://c.mipcdn.com/static/mag-design/2.0.2/mag-design.min.css">
     <link rel="canonical" href="https://www.mipengine.org/">
 <style mip-custom="">
@@ -383,7 +384,7 @@ <h3>第1章 灵魂重生</h3>
     <!-- <script src="http://localhost:8080/dist/mip.js"></script> -->
     <script src="/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js"></script>
     <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
-    <!-- <script src="https://c.mipcdn.com/static/v2/mip-novel-video/mip-novel-video.js"></script> -->
-    <script src="https://deploy-preview-83--mip2-deploy-preview.netlify.com/mip-novel-video/mip-novel-video.js"></script>
+    <script src="https://c.mipcdn.com/static/v2/mip-novel-video/mip-novel-video.js"></script>
+    <!-- <script src="https://deploy-preview-83--mip2-deploy-preview.netlify.com/mip-novel-video/mip-novel-video.js"></script> -->
 </body>
 </html>
\ No newline at end of file
diff --git a/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-2.html b/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-2.html
index e59a3bdc..c29241cc 100644
--- a/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-2.html
+++ b/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-2.html
@@ -5,7 +5,8 @@
     <title>第1章灵魂重生_神武天帝_小说网</title>
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
-    <link rel="stylesheet" href="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.css">
+<!-- <link rel="stylesheet" href="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.css"> -->
+    <link rel="stylesheet" href="https://c.mipcdn.com/static/v2/mip.css">
     <link rel="stylesheet" href="https://c.mipcdn.com/static/mag-design/2.0.2/mag-design.min.css">
     <link rel="canonical" href="https://www.mipengine.org/">
 <style mip-custom="">
@@ -428,7 +429,7 @@ <h3>第2章 灵魂重生</h3>
     <!-- <script src="http://localhost:8080/dist/mip.js"></script> -->
     <script src="/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js"></script>
     <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
-    <!-- <script src="https://c.mipcdn.com/static/v2/mip-novel-video/mip-novel-video.js"></script> -->
-    <script src="https://deploy-preview-83--mip2-deploy-preview.netlify.com/mip-novel-video/mip-novel-video.js"></script>
+    <script src="https://c.mipcdn.com/static/v2/mip-novel-video/mip-novel-video.js"></script>
+    <!-- <script src="https://deploy-preview-83--mip2-deploy-preview.netlify.com/mip-novel-video/mip-novel-video.js"></script> -->
 </body>
 </html>
\ No newline at end of file
diff --git a/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-3.html b/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-3.html
index 44f1712d..a4ad15f4 100644
--- a/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-3.html
+++ b/components/mip-shell-xiaoshuo/example/mipx-xiaoshuo-3.html
@@ -5,7 +5,8 @@
     <title>第1章灵魂重生_神武天帝_小说网</title>
     <meta http-equiv="X-UA-Compatible" content="IE=Edge">
     <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
-    <link rel="stylesheet" href="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.css">
+    <!-- <link rel="stylesheet" href="https://bos.nj.bpc.baidu.com/assets/mip/projects/mip.css"> -->
+    <link rel="stylesheet" href="https://c.mipcdn.com/static/v2/mip.css">
     <link rel="stylesheet" href="https://c.mipcdn.com/static/mag-design/2.0.2/mag-design.min.css">
     <link rel="canonical" href="https://www.mipengine.org/">
 <style mip-custom="">
@@ -423,11 +424,11 @@ <h3>第3章 牛刀小试</h3>
       }
         </script>
     </mip-shell-xiaoshuo>
-    <script src="https://bos.nj.bpc.baidu.com/v1/assets/mip/projects/mip.js"></script>
-    <!-- <script src="http://localhost:8080/dist/mip.js"></script> -->
+    <!-- <script src="https://bos.nj.bpc.baidu.com/v1/assets/mip/projects/mip.js"></script> -->
+    <script src="https://c.mipcdn.com/static/v2/mip.js"></script>
     <script src="/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js"></script>
     <script src="https://c.mipcdn.com/static/v1/mip-stats-baidu/mip-stats-baidu.js"></script>
-    <!-- <script src="https://c.mipcdn.com/static/v2/mip-novel-video/mip-novel-video.js"></script> -->
-    <script src="https://deploy-preview-83--mip2-deploy-preview.netlify.com/mip-novel-video/mip-novel-video.js"></script>
+    <script src="https://c.mipcdn.com/static/v2/mip-novel-video/mip-novel-video.js"></script>
+    <!-- <script src="https://deploy-preview-83--mip2-deploy-preview.netlify.com/mip-novel-video/mip-novel-video.js"></script> -->
 </body>
 </html>
\ No newline at end of file
diff --git a/components/mip-shell-xiaoshuo/footer.js b/components/mip-shell-xiaoshuo/footer.js
index 2ea6977c..743a2729 100644
--- a/components/mip-shell-xiaoshuo/footer.js
+++ b/components/mip-shell-xiaoshuo/footer.js
@@ -84,7 +84,7 @@ class footer {
         <div class="button-wrapper">
             ${renderFooterButtonGroup(this.config.actionGroup)}
         </div>
-        <div class="mip-xiaoshuo-settings">${settingHtml}</div>
+        <div class="mip-xiaoshuo-settings">${settingHtml()}</div>
         `
     return footerHTML
   }
diff --git a/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js b/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js
index c4031c4f..a3758735 100644
--- a/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js
+++ b/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.js
@@ -62,7 +62,7 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
       this.$buttonMask.onclick = this._closeEverything.bind(this)
     }
 
-    // 承接emit事件：所有页面修改页主题 & 字号
+    // 承接emit & broadcast事件：所有页面修改页主题 & 字号
     window.addEventListener('changePageStyle', (e, data) => {
       if (e.detail[0] && e.detail[0].theme) {
         // 修改主题
@@ -75,13 +75,14 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
         this.pageStyle.update(e)
       }
     })
+
     // 初始化页面时执行一次背景色+字号初始化
     window.MIP.viewer.page.emitCustomEvent(window, true, {
       name: 'changePageStyle'
     })
   }
 
-  // 基类方法：绑定页面可被外界调用的事件。
+  // 基类root方法：绑定页面可被外界调用的事件。
   // 如从跳转后的iframe内部emitEvent, 调用根页面的shell bar弹出效果
   bindRootEvents () {
     super.bindRootEvents()
@@ -96,7 +97,7 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
     })
   }
 
-  // 基类方法：初始化。用于除头部bar之外的元素
+  // 基类root方法：初始化。用于除头部bar之外的元素
   renderOtherParts () {
     super.renderOtherParts()
     // 初始化所有内置对象，包括底部控制栏，侧边栏，字体调整按钮，背景颜色模式切换
@@ -114,7 +115,7 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
     this.toggleDOM(this.$buttonMask, false)
   }
 
-  // 自有方法：初始化所有内置对象，包括底部控制栏，侧边栏，字体调整按钮，背景颜色模式切换
+  // 自有方法 仅root：初始化所有内置对象，包括底部控制栏，侧边栏，字体调整按钮，背景颜色模式切换
   _initAllObjects () {
     let configMeta = this.currentPageMeta
     // 创建底部 bar
@@ -122,7 +123,7 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
     // 创建目录侧边栏
     this.catalog = new Catalog(configMeta.catalog)
     // 创建字体调整事件
-    this.fontSize = new FontSize(document.querySelector('.mip-shell-footer-wrapper .mip-shell-xiaoshuo-control-fontsize'))
+    this.fontSize = new FontSize()
     // 绑定 Root shell 字体bar拖动事件
     this.fontSize.bindDragEvent()
   }
@@ -138,7 +139,7 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
     }
   }
 
-  // 基类方法：绑定头部弹层事件。
+  // 基类方法 每个页面执行：绑定头部弹层事件。
   bindHeaderEvents () {
     super.bindHeaderEvents()
 
@@ -146,7 +147,7 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
     let me = this
 
     // 当页面出现跳转时，关闭所有的浮层
-    this.jumpHandler = event.delegate(document, '[mip-link]', 'click', function (e) {
+    this.jumpHandler = event.delegate(document.body, '[mip-link]', 'click', function (e) {
       me._closeEverything()
     })
   }
@@ -169,7 +170,7 @@ export default class MipShellXiaoshuo extends window.MIP.builtinComponents.MipSh
   //   super.refreshShell(...args)
   // }
 
-  // 基类方法：页面跳转后更新shell
+  // 基类方法 非root执行：页面跳转后更新shell
   updateOtherParts () {
     super.updateOtherParts()
     // 重新渲染footer
diff --git a/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.less b/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.less
index 15f56cf8..b0c6b473 100644
--- a/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.less
+++ b/components/mip-shell-xiaoshuo/mip-shell-xiaoshuo.less
@@ -364,8 +364,12 @@ html[mip-shell-xiaoshuo-theme="paper"] {
 
 html[mip-shell-xiaoshuo-theme="night"] {
     /*#mip-page-loading-wrapper shell加载中效果*/
-    #mip-page-loading-wrapper {
-        background: black;
+    #mip-page-loading-wrapper,
+    .mip-page-fade-header-wrapper {
+        background: #191919!important;
+        .mip-shell-header {
+            background: #191919!important;
+        }
     }
     .mip-shell-header-wrapper{
         .mip-shell-header {
diff --git a/components/mip-shell-xiaoshuo/setting.js b/components/mip-shell-xiaoshuo/setting.js
index 9521202f..ce67403c 100644
--- a/components/mip-shell-xiaoshuo/setting.js
+++ b/components/mip-shell-xiaoshuo/setting.js
@@ -29,7 +29,8 @@ function __setConfig (config) {
 };
 
 // 更多设置：字体大小，背景颜色
-export const settingHtml = `
+export function settingHtml () {
+  return `
     <div class="mip-shell-xiaoshuo-control-fontsize">
         <ul>
             <li class="reduce click-cursor" on="click:xiaoshuo-shell.changeFont(smaller)">A-</li>
@@ -46,6 +47,7 @@ export const settingHtml = `
             <li><span class="theme-paper click-cursor" on="click:xiaoshuo-shell.changeMode(paper)"></span></li>
         </ul>
     </div>`
+}
 
 // 改变背景色
 export class PageStyle {
@@ -65,22 +67,25 @@ export class PageStyle {
 
 // 改变字体大小
 export class FontSize {
-  constructor (element) {
-    this.element = element
-    this.fontInput = element.querySelector('input[type="range"]')
+  constructor () {
+    // 由于element会更新，不能直接保存  document.querySelector
+    // 为方便使用，只保存selector内容
+    this.elementSelector = '.mip-shell-footer-wrapper .mip-shell-xiaoshuo-control-fontsize'
   }
   // 获取当前滑块位置/字体大小
   _getInputValue () {
-    return parseFloat(this.fontInput.value)
+    let fontInput = document.querySelector(this.elementSelector + ' input[type="range"]')
+    return parseFloat(fontInput.value)
   }
   // 调整滑块位置和字体大小
   _setInputValue (value) {
-    this.min = parseInt(this.fontInput.getAttribute('min'))
-    this.max = parseInt(this.fontInput.getAttribute('max'))
+    let fontInput = document.querySelector(this.elementSelector + ' input[type="range"]')
+    this.min = parseInt(fontInput.getAttribute('min'))
+    this.max = parseInt(fontInput.getAttribute('max'))
     if (value > this.max || value < this.min) {
       return
     }
-    this.fontInput.value = value
+    fontInput.value = value
     // 计算字体大小后，广播告诉所有页面
     window.MIP.viewer.page.broadcastCustomEvent({
       name: 'changePageStyle', data: {fontSize: value}
@@ -98,14 +103,14 @@ export class FontSize {
   }
   // 绑定字体大小改变事件
   bindDragEvent () {
-    let me = this
+    let event = window.MIP.util.event
     // 拖动事件
-    this.element.addEventListener('touchmove', function (e) {
-      me._setInputValue(me._getInputValue())
+    event.delegate(document.body, this.elementSelector + ' input[type="range"]', 'touchmove', () => {
+      this._setInputValue(this._getInputValue())
     })
     // 点击事件
-    this.element.addEventListener('click', function () {
-      me._setInputValue(me._getInputValue())
+    event.delegate(document.body, this.elementSelector + ' input[type="range"]', 'click', () => {
+      this._setInputValue(this._getInputValue())
     })
   }
   // 显示小说字体设置bar