docs(example): replace some images (#744)

example/pages/slide/vertical.vue

@@ -17,27 +17,27 @@
 <script type="text/ecmascript-6">
   import CubePage from '../../components/cube-page.vue'
 
-  export default{
+  export default {
     data() {
       return {
         items: [
           {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3978382133,2176310874&fm=27&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/C9lKs8y0E6/IMG_4014.jpg'
           }, {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3780304411,1076045325&fm=15&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/hD6agmm2ov/IMG_4012.jpg'
           },
           {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=56274798,4163877688&fm=27&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/twV-VvZOA9/IMG_4011.jpg'
           }, {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3124201171,3290669243&fm=15&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/eR_MahwRUT/IMG_4010.jpg'
           },
           {
             url: 'http://www.didichuxing.com/',
-            image: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1309802367,1770965841&fm=27&gp=0.jpg'
+            image: 'https://dpubstatic.udache.com/static/dpubimg/R3tKHhdZuK/IMG_4009.jpg'
           }
         ],
         loop: true
@@ -55,8 +55,9 @@
 </script>
 
 <style lang="stylus" rel="stylesheet/stylus">
+.slide-view
   .slide-container-v
-    height: 380px
+    height: 265px
     margin-bottom: 15px
     transform: translateZ(0px)
     border-radius: 2px
@@ -69,4 +70,7 @@
         background: none
         &.active
           color: #fc9153
+  .cube-slide-item > a > img
+    width: 100%
+    height: auto
 </style>

example/pages/tab-bar/scroll-tab.vue

@@ -26,19 +26,12 @@
 
   const DATA_MAP = {
     '全部': DATAS.ALL_HEROES,
-    '近战': DATAS.MELEE_HEROES,
-    '远程': DATAS.REMOTE_HEROES,
-    '辅助': DATAS.SUPPORT_HEROES,
-    '法师': DATAS.MAGIC_HEROES,
-    '打野': DATAS.JUNGLE_HEROES,
+    '法师': DATAS.MAGE_HEROES,
+    '战士': DATAS.FIGHTER_HEROES,
     '坦克': DATAS.TANK_HEROES,
-    '隐身': DATAS.INVISIBLE_HEROES,
-    '后期': DATAS.CARRY_HEROES,
-    '闪烁': DATAS.BLINK_HEROES,
-    '爆发': DATAS.HIGH_DAMAGE_HEROES,
-    '召唤': DATAS.INVOKE_HEROES,
-    '眩晕': DATAS.DIZZY_HEROES,
-    '治疗': DATAS.HEALER_HEROES
+    '刺客': DATAS.ASSASSIN_HEROES,
+    '辅助': DATAS.SUPPORT_HEROES,
+    '射手': DATAS.MARKSMAN_HEROES
   }
   const genTabLabels = Object.keys(DATA_MAP).map(label => ({
     label
@@ -75,22 +68,22 @@
     }
   }
 </script>
-<style lang="stylus" rel="stylesheet/stylus" scoped>
-  .cube-scroll-list-wrapper
-    .cube-tab-bar
-      flex-wrap: wrap
-      .cube-tab
-        width: 100%
-        flex-basis: unset
-        height: 40px
-        line-height: 40px
-        font-size: 14px
-        color: #db8931
-        transition: all .3s ease-in
-        &.cube-tab_active
-          color: #fff
-          font-size: 16px
-          background-color: #a74b00
+<style lang="stylus" rel="stylesheet/stylus">
+.scroll-tab-view
+  .cube-tab-bar
+    flex-wrap: wrap
+    .cube-tab
+      width: 100%
+      flex-basis: unset
+      height: 40px
+      line-height: 40px
+      font-size: 14px
+      color: #db8931
+      transition: all .3s ease-in
+      &.cube-tab_active
+        color: #fff
+        font-size: 16px
+        background-color: #a74b00
 
   .left-panel
     position: absolute
@@ -108,7 +101,7 @@
     bottom: 0
     background-color: #171819
     li
-      height: 80px
+      height: 102px
       display: flex
       align-items: center
       background-color: #171819