no message

Former-commit-id: 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly 05fc52460a4ae24f5efd3c3542589f1a26673c44 [formerly d064905a79e481ef3423e8e8d32be7ac9fa4aa6c [formerly 177c686212007bb4bdcfa2c8c56a892d172706a0]]]]]
Former-commit-id: fb3b6c735a72d9a3f7d3084e3197e26d5b6117cb
Former-commit-id: a5dedcb460e782daf493127f79fb453cc963350f
Former-commit-id: bff81905ebda3a75d979d7e156e3d5cb93669793 [formerly 6e9be3ea0965938f7a238b37c97b1eba326af264]
Former-commit-id: bd6c2196ebfd7ff6bd91d5e0dba3aaaea72dd0cf
Former-commit-id: a1b0b61547d91fb6ace18dc0106024102ab68179
Former-commit-id: 0d2007b3ef6d1271f71bfa4e2f3efd280a2e8fa4
Former-commit-id: 419df941d92583c6deb543b1db63a713dd253887
Former-commit-id: 32a84359c24634ec4c4bd3135e0a9b5937a50dc9

src/pages/demo/plugins/better-scroll/base.vue

@@ -1,9 +1,9 @@
 <template>
-  <d2-container @mounted="handleContainerMounted">
+  <d2-container>
     <div ref="wrapper" class="demo-bs-wrapper">
-      <ul class="content">
-        <li v-for="n in 30" :key="n">n</li>
-      </ul>
+      <div>
+        <div v-for="n in 30" :key="n" class="demo-bs-item">n : {{n}}</div>
+      </div>
     </div>
   </d2-container>
 </template>
@@ -16,25 +16,35 @@ export default {
       BS: null
     }
   },
-  methods: {
-    handleContainerMounted () {
-      console.log(this.$refs.wrapper)
-      let wrapper = this.$refs.wrapper
-      this.BS = new BScroll(wrapper, {
-        mouseWheel: true,
-        scrollbar: {
-          fade: true
-        }
-      })
-    }
+  mounted () {
+    let wrapper = this.$refs.wrapper
+    this.BS = new BScroll(wrapper, {
+      mouseWheel: true,
+      scrollbar: {
+        fade: true
+      }
+    })
   }
 }
 </script>
 
 <style lang="scss" scoped>
+@import '~@/assets/style/public.scss';
 .demo-bs-wrapper {
   height: 200px;
+  width: 300px;
   position: relative;
+  overflow: hidden;
+  border: 1px solid $color-border-1;
+  border-radius: 4px;
+  .demo-bs-item {
+    line-height: 40px;
+    padding-left: 10px;
+    border-bottom: 1px solid $color-border-4;
+    &:last-child {
+      border-bottom: none;
+    }
+  }
 }
 </style>