要素が表示されない

Question

要素-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