# DataIcons 数据展示
<template>
<avue-data-icons :option="option"></avue-data-icons>
</template>
<script>
export default {
data () {
return {
option: {
span: 4,
data: [
{
click: function (item) {
alert(JSON.stringify(item));
},
title: '今日注册',
count: 12678,
decimals: 2,
icon: 'el-icon-tickets',
href: 'https://avuejs.com',
target: '_blank'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
title: '今日登录',
count: 22139,
icon: 'el-icon-edit',
href: 'https://avuejs.com',
target: '_blank'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
title: '今日订阅',
count: 35623,
icon: 'el-icon-delete',
href: 'https://avuejs.com',
target: '_blank'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
title: '今日评论',
count: 16826,
icon: 'el-icon-message',
href: 'https://avuejs.com',
target: '_blank'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
title: '今日评论',
count: 16826,
icon: 'el-icon-message',
href: 'https://avuejs.com',
target: '_blank'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
title: '今日评论',
count: 16826,
icon: 'el-icon-message',
href: 'https://avuejs.com',
target: '_blank'
}
]
},
}
}
}
</script>
显示代码复制代码复制代码