DataPanel 数据展示
TIP
1.0.5+
<avue-data-panel :option="option"></avue-data-panel>
<script>
export default {
data(){
return {
option: {
span:8,
data: [
{
title: 'New Visits',
count: '102,400',
icon: 'el-icon-message',
color: '#00a7d0',
},
{
title: 'Messages',
count: '81,212',
icon: 'el-icon-info',
color: 'rgb(27, 201, 142)',
},
{
title: 'Purchases',
count: '9,280',
icon: 'el-icon-success',
color: 'rgb(230, 71, 88)',
}
]
}
}
}
}
</script>