数据模块

数据展示

数据展示3 - 图1

  1. <avue-data-tabs :option="option"></avue-data-tabs>
  3. <script>
  4. export default {
  5.     data() {
  6.       return {
  7.         form:{},
  8.         option:{
  9.            data: [
  10.             {
  11.                 title: '分类统计',
  12.                 subtitle: '实时',
  13.                 count: 7993,
  14.                 allcount: 10222,
  15.                 text: '当前分类总记录数',
  16.                 color: 'rgb(27, 201, 142)',
  17.                 key: '类',
  18.                 href:'https://avue.top',
  19.                 target:'_blank'
  20.             },
  21.             {
  22.                 title: '附件统计',
  23.                 subtitle: '实时',
  24.                 count: 3112,
  25.                 allcount: 10222,
  26.                 text: '当前上传的附件数',
  27.                 color: 'rgb(230, 71, 88)',
  28.                 key: '附',
  29.                 href:'https://avue.top',
  30.                 target:'_blank'
  31.             },
  32.             {
  33.                 title: '文章统计',
  34.                 subtitle: '实时',
  35.                 count: 908,
  36.                 allcount: 10222,
  37.                 text: '评论次数',
  38.                 color: 'rgb(178, 159, 255)',
  39.                 key: '评',
  40.                 href:'https://avue.top',
  41.                 target:'_blank'
  42.             }
  43.             ]
  44.         },
  45.       };
  46.     }
  47. }
  48. </script>