DataRotate 数据展示

150新订单

更多

53%跳出率

更多

44用户注册数

更多

<template>
  <avue-data-rotate :option="option"></avue-data-rotate>
</template>
<script>
export default {
  data () {
    return {
      option: {
        span: 8,
        data: [
          {
            click: function (item) {
              alert(JSON.stringify(item));
            },
            count: '150',
            title: '新订单',
            icon: 'el-icon-warning',
            color: 'rgb(49, 180, 141)'
          }, {
            click: function (item) {
              alert(JSON.stringify(item));
            },
            count: '53%',
            title: '跳出率',
            icon: 'el-icon-view',
            color: '#00a65a'
          }, {
            click: function (item) {
              alert(JSON.stringify(item));
            },
            count: '44',
            title: '用户注册数',
            icon: 'el-icon-setting',
            color: '#f39c12'
          }
        ]
      },
    }
  }
}
</script>

显示代码复制代码复制代码