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>