chore: rebuild docs

docs/components/demo-block.vue

@@ -3,13 +3,22 @@
     class="demo-block"
     :class="blockClass">
     <slot name="examples"></slot>
-    <slot name="highlight">
-    </slot>
+    <div class="highlight-wrapper">
+      <!-- <div class="highlight-toggle">
+        <span v-text="description"></span>
+      </div> -->
+      <slot name="highlight">
+      </slot>
+    </div>
   </div>
 </template>
 
 <script>
 export default {
+  props: {
+    description: String
+  },
+
   computed: {
     blockClass() {
       return `demo-${this.$route.path.split('/').pop()}`;
@@ -21,15 +30,13 @@ export default {
   },
 
   mounted() {
-    this.$el.getElementsByClassName('highlight')[0].style.height = `${this.codeAreaHeight + 1}px`;
+    // this.$el.getElementsByClassName('highlight')[0].style.height = `${this.codeAreaHeight + 1}px`;
   }
 };
 </script>
 
 <style>
   .demo-block {
-    border: solid 1px #eaeefb;
-    border-radius: 4px;
     transition: .2s;
     overflow: hidden;
 
@@ -38,19 +45,22 @@ export default {
     }
 
     .examples {
-      width: 375px;
+      width: 320px;
+      height: 568px;
+      background: url(https://b.yzcdn.cn/v2/image/wap/zanui-mobile-demo.png) no-repeat;
       float: right;
       box-sizing: border-box;
-      padding: 20px 0;
+      padding: 74px 0 0;
       min-height: 200px;
       max-height: 600px;
       overflow: auto;
     }
 
-    .highlight {
-      margin-right: 375px;
+    .highlight-wrapper {
+      margin-right: 345px;
       box-sizing: border-box;
-      border-right: solid 1px #eaeefb;
+      border: 1px solid #E5E5E5;
+      border-radius: 4px;
 
       pre {
         margin: 0;
@@ -61,11 +71,19 @@ export default {
         border: none;
         max-height: none;
         border-radius: 0;
+        padding: 20px;
+        background-color: #f8f8f8;
 
         &::before {
           content: none;
         }
       }
     }
+
+    .highlight-toggle {
+      padding: 20px;
+      border-bottom: 1px solid #e5e5e5;
+      color: #666;
+    }
   }
 </style>

docs/components/mobile-computed.js

@@ -7,7 +7,7 @@ export default {
 
   computed: {
     mobileUrl() {
-      return location.pathname + 'examples.html' + location.hash;
+      return '/examples.html#' + location.pathname;
     }
   },
 

docs/dist/1.js

@@ -0,0 +1 @@
+webpackJsonp([1],{270:function(e,t,n){n(509);var i=n(0)(n(286),n(448),null,null);e.exports=i.exports},286:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(30),a=i(o),s=n(387),r=i(s);t.default={data:function(){return{highlights:[],navState:[],data:a.default["zh-CN"],base:"/component"}},components:{MobileNav:r.default}}},288:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{group:{type:Object,default:function(){return[]}},base:String},data:function(){return{isOpen:!1}}}},340:function(e,t,n){t=e.exports=n(11)(),t.push([e.i,".side-nav{width:100%;box-sizing:border-box;padding:90px 15px 20px;position:relative;z-index:1}.side-nav .zanui-desc,.side-nav .zanui-title{text-align:center;font-weight:400}.side-nav .zanui-title{font-size:26px;color:#333}.side-nav .zanui-desc{font-size:14px;color:#666;margin-bottom:50px}",""])},356:function(e,t,n){t=e.exports=n(11)(),t.push([e.i,".mobile-nav-group{border-radius:2px;margin-bottom:15px;padding-left:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.mobile-nav-group li{list-style:none}.mobile-nav-group ul{padding:0;margin:0;overflow:hidden}.mobile-nav-group__title{font-size:16px;color:#333;line-height:56px;position:relative}.mobile-nav-group__title a{color:#333;display:block;border-top:1px solid #e5e5e5}.mobile-nav-group__title .zan-icon-arrow{position:absolute;font-size:12px;line-height:1;top:24px;right:20px}.mobile-nav-group__title--open{color:#999}",""])},387:function(e,t,n){n(525);var i=n(0)(n(288),n(469),null,null);e.exports=i.exports},448:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"side-nav"},[n("h1",{staticClass:"zanui-title"},[e._v("Zan UI Wap")]),e._v(" "),n("h2",{staticClass:"zanui-desc"},[e._v("有赞移动wap端组件库")]),e._v(" "),n("div",{staticClass:"mobile-navs"},[e._l(e.data,function(t){return[t.showInMobile?n("div",{staticClass:"mobile-nav-item"},e._l(t.groups,function(t){return n("mobile-nav",{attrs:{group:t,base:e.base}})})):e._e()]})],2)])},staticRenderFns:[]}},469:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"mobile-nav-group"},[n("div",{staticClass:"mobile-nav-group__title",class:{"mobile-nav-group__title--open":e.isOpen},on:{click:function(t){e.isOpen=!e.isOpen}}},[e._v("\n    "+e._s(e.group.groupName)+"\n  ")]),e._v(" "),n("ul",{directives:[{name:"show",rawName:"v-show",value:e.isOpen,expression:"isOpen"}],staticClass:"pure-menu-list"},[e._l(e.group.list,function(t){return[t.disabled?e._e():n("li",{staticClass:"mobile-nav-group__title"},[n("router-link",{attrs:{"active-class":"active",to:e.base+t.path},domProps:{textContent:e._s(t.title)}}),e._v(" "),n("zan-icon",{attrs:{name:"arrow"}})],1)]})],2)])},staticRenderFns:[]}},509:function(e,t,n){var i=n(340);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(31)("1517d9c0",i,!0)},525:function(e,t,n){var i=n(356);"string"==typeof i&&(i=[[e.i,i,""]]),i.locals&&(e.exports=i.locals);n(31)("8bcdd7d6",i,!0)}});

docs/examples-dist/icon.vue

@@ -34,6 +34,8 @@
     .zan-icon {
       margin: 10px;
       font-size: 45px;
+      width: 56px;
+      text-align: center;
     }
   }
 } 

docs/examples-docs/icon.md

@@ -5,6 +5,8 @@
     .zan-icon {
       margin: 10px;
       font-size: 45px;
+      width: 56px;
+      text-align: center;
     }
   }
 }