如何一次引用所有组件的样式。

[laurensmartz]

main.js:

import Vue from 'vue/dist/vue'
import router from './router'
import Cube from 'cube-ui'
import 'cube-ui/lib/style.css'

Vue.use(Cube)

new Vue({
  el: '#app',
  router,
})

index.vue:

<template>
  <div id="index">
    <cube-button @click="showDiaog" :disabled="true" icon="cubeic-right">show dialog</cube-button>
    <cube-button type="submit" :active="true">submit</cube-button>
    <div class="scroll-wrapper">
      <cube-scroll :data="items"></cube-scroll>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        items: [1, 2, 3, 4, 5],
      }
    },
    methods: {
      showDiaog() {
        this.$createDialog({
          type: 'alert',
          title: 'Alert',
          content: 'dialog content'
        }).show()
      }
    }
  }
</script>

[AmyFoxFN]

hi，@laurensmartz。你现在已经引用了所有组件的样式。之所以列表没有样式，是scroll组件内容列表的样式，是需要自己写的哈（可以写到.sroll-item这个class下）。

[laurensmartz]

谢谢。为啥没有搞个默认的class呢，是出于什么考虑

[dolymood]

这个主要是考虑 列表样式定制性 以及这个区域是依赖高度的，所以这里就没设置，希望由开发者自己设定。
不过这种情况我们可以考虑给一个默认插槽实现，这样可能会好很多。

[ustbhuangyi]

支持默认 slot 的做法

[dolymood]

Scroll 已支持默认插槽样式 5c8cffd

将会在下一个版本中发布