• DataIcons 数据展示

    DataIcons 数据展示

    TIP

    1.0.0+

    DataIcons 数据模版 - 图1

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