数据模块

数据展示

数据展示7 - 图1

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