元素不显示

Question

我试图使用element-ui中的颜色选择器（http://element.eleme.io/#/en-US/component/color-picker）。然而，它并没有显示出...什么是错的任何线索？

<template> 
    <div class="color"> 
    <span class="demonstration">Color picker</span> 
    <el-color-picker v-model="color"></el-color-picker> 
    </div> 
</template> 

<script> 
    import Vue from 'vue' 
    import ColorPicker from 'element-ui' 
    Vue.use(ColorPicker) 

    export default { 
    name: 'color', 
    data() { 
     return { 
     color: '#20a0ff' 
     } 
    } 
    } 
</script> 

Answer 1

导入默认主题CSS太：

<template> 
    <div class="color"> 
    <span class="demonstration">Color picker</span> 
    <el-color-picker v-model="color"></el-color-picker> 
    </div> 
</template> 

<script> 
    import Vue from 'vue' 
    import ColorPicker from 'element-ui' 
    import 'element-ui/lib/theme-default/index.css' 
    Vue.use(ColorPicker) 

    export default { 
    name: 'color', 
    data() { 
     return { 
     color: '#20a0ff' 
     } 
    } 
    } 
</script> 

参考：http://element.eleme.io/#/en-US/component/quickstart#import-element