数据模块

数据展示

数据展示4 - 图1

  1. <avue-data-card :option="option"></avue-data-card>
  3. <script>
  4. export default {
  5.     data() {
  6.       return {
  7.         form:{},
  8.         option:{
  9.           data:[
  10.             {
  11.               name: '姓名1',
  12.               src: '/static/images/card-1.jpg',
  13.               text: '介绍1',
  14.               href:'https://avue.top',
  15.               target:'_blank'
  16.             },
  17.             {
  18.               name: '姓名2',
  19.               src: '/static/images/card-2.jpg',
  20.               text: '介绍2',
  21.               href:'https://avue.top',
  22.               target:'_blank'
  23.             },
  24.             {
  25.               name: '姓名3',
  26.               src: '/static/images/card-3.jpg',
  27.               text: '介绍3',
  28.               href:'https://avue.top',
  29.               target:'_blank'
  30.             }
  31.           ]
  32.         },
  33.       };
  34.     }
  35. }
  36. </script>