• DataOperatext 数据展示

    DataOperatext 数据展示

    TIP

    1.0.4+

    DataOperatext 数据模版 - 图1

    1. <avue-data-operatext :option="option"></avue-data-operatext>
    2. <script>
    3. export default {
    4.   data(){
    5.     return {
    6.         option: {
    7.           span: 8,
    8.           data: [
    9.             {
    10.               title: 'smallwei',
    11.               subtitle: 'avue部门-前端研发工程师',
    12.               img: './images/img1.jpg',
    13.               color: '#00a7d0',
    14.               list: [{
    15.                 label: '点赞',
    16.                 value: '3,200'
    17.               }, {
    18.                 label: '关注',
    19.                 value: '13,000'
    20.               }, {
    21.                 label: '项目',
    22.                 value: '13,000'
    23.               }]
    24.             },
    25.             {
    26.               title: 'smallwei',
    27.               subtitle: 'avue部门-前端研发工程师',
    28.               img: './images/img2.jpg',
    29.               color: '#f39c12',
    30.               list: [{
    31.                 label: '点赞',
    32.                 value: '3,200'
    33.               }, {
    34.                 label: '关注',
    35.                 value: '13,000'
    36.               }, {
    37.                 label: '项目',
    38.                 value: '13,000'
    39.               }]
    40.             },
    41.             {
    42.               title: 'smallwei',
    43.               subtitle: 'avue部门-前端研发工程师',
    44.               img: './images/img3.jpg',
    45.               colorImg: 'images/bg1.png',
    46.               list: [{
    47.                 label: '点赞',
    48.                 value: '3,200'
    49.               }, {
    50.                 label: '关注',
    51.                 value: '13,000'
    52.               }, {
    53.                 label: '项目',
    54.                 value: '13,000'
    55.               }]
    56.             },
    57.           ]
    58.         },
    59.       }
    60.   }
    61. }
    62. </script>