• DataDisplay 数据展示

    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>