数据模块

数据展示

数据展示7 - 图1

  1. <avue-data-info :option="option"></avue-data-info>
  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: 'https://avuex.avue.top/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: 'https://avuex.avue.top/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: 'https://avuex.avue.top/images/img3.jpg',
  45. colorImg: 'https://avuex.avue.top/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>