DataDisplay 数据展示

TIP

1.0.0+

DataDisplay 数据模版 - 图1

  1. <avue-data-display :option="option"></avue-data-display>
  2. <script>
  3. export default {
  4.   data(){
  5.     return {
  6.       option: {
  7.         span:6,
  8.         data: [
  9.         {
  10.             count: 100,
  11.             title: '日活跃数',
  12.             href:'https://avue.top',
  13.             target:'_blank'
  14.           },
  15.           {
  16.             count: '3,000',
  17.             title: '月活跃数',
  18.             href:'https://avue.top',
  19.             target:'_blank'
  20.           },
  21.           {
  22.             count: '20,000',
  23.             title: '年活跃数',
  24.             href:'https://avue.top',
  25.             target:'_blank'
  26.           },
  27.           {
  28.             count: '40,000',
  29.             title: '周活跃数',
  30.             href:'https://avue.top',
  31.             target:'_blank'
  32.           }
  33.         ]
  34.       },
  35.     }
  36.   }
  37. }
  38. </script>