数据模块

数据展示

数据展示5 - 图1

  1. <avue-data-icons :option="option"></avue-data-icons>
  3. <script>
  4. export default {
  5.     data() {
  6.       return {
  7.         form:{},
  8.         option:{
  9.            data: [
  10.             {
  11.               title: '今日注册',
  12.               count: 12678,
  13.               icon: 'icon-cuowu',
  14.               href:'https://avue.top',
  15.               target:'_blank'
  16.             },
  17.             {
  18.               title: '今日登录',
  19.               count: 22139,
  20.               icon: 'icon-shujuzhanshi2',
  21.               href:'https://avue.top',
  22.               target:'_blank'
  23.             },
  24.             {
  25.               title: '今日订阅',
  26.               count: 35623,
  27.               icon: 'icon-jiaoseguanli',
  28.               href:'https://avue.top',
  29.               target:'_blank'
  30.             },
  31.             {
  32.               title: '今日评论',
  33.               count: 16826,
  34.               icon: 'icon-caidanguanli',
  35.               href:'https://avue.top',
  36.               target:'_blank'
  37.             },
  38.             {
  39.               title: '今日评论',
  40.               count: 16826,
  41.               icon: 'icon-caidanguanli',
  42.               href:'https://avue.top',
  43.               target:'_blank'
  44.             },
  45.             {
  46.               title: '今日评论',
  47.               count: 16826,
  48.               icon: 'icon-caidanguanli',
  49.               href:'https://avue.top',
  50.               target:'_blank'
  51.             }
  52.           ]
  53.         },
  54.       };
  55.     }
  56. }
  57. </script>