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/components/core/d2-container/index.vue

@@ -36,9 +36,6 @@ export default {
       default: false
     }
   },
-  mounted () {
-    this.$emit('mounted')
-  },
   components: {
     'd2-container-full': () => import('../d2-container-full/index.vue')
   }

src/components/core/register.js

@@ -3,11 +3,14 @@ import Vue from 'vue'
 import { GridLayout, GridItem } from 'vue-grid-layout'
 import SplitPane from 'vue-splitpane'
 
+// 主容器
+import d2Container from '@/components/core/d2-container'
+
 Vue.component('d2-grid-layout', GridLayout)
 Vue.component('d2-grid-item', GridItem)
 Vue.component('SplitPane', SplitPane)
 
-Vue.component('d2-container', () => import('@/components/core/d2-container'))
+Vue.component('d2-container', d2Container)
 Vue.component('d2-count-up', () => import('@/components/core/d2-count-up'))
 Vue.component('d2-highlight', () => import('@/components/core/d2-highlight'))
 Vue.component('d2-icon', () => import('@/components/core/d2-icon'))

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>