DataImgtext 数据展示

TIP

1.0.0+

DataImgtext 数据模版 - 图1

  1. <avue-data-imgtext :option="option"></avue-data-imgtext>
  2. <script>
  3. export default {
  4. data(){
  5. return {
  6. option: {
  7. span:6,
  8. data: [
  9. {
  10. title: '网易掌门人',
  11. imgsrc: '/images/card2.jpg',
  12. headimg: [
  13. {
  14. src:'/images/card1.jpg',
  15. name:'张三'
  16. },
  17. {
  18. src:'/images/card2.jpg',
  19. name:'李四'
  20. },
  21. {
  22. src:'/images/card3.jpg',
  23. name:'王五'
  24. },
  25. ],
  26. content: '网易游戏,玩你麻痹.网易游戏,玩你麻痹.网易游戏,玩你麻痹.网易游戏,玩你麻痹.',
  27. href:'https://avue.top',
  28. target:'_blank',
  29. time:'刚刚'
  30. },
  31. {
  32. title: '小马',
  33. imgsrc: '/images/card1.jpg',
  34. headimg: [
  35. {
  36. src:'/images/card1.jpg',
  37. name:'张三'
  38. },
  39. {
  40. src:'/images/card2.jpg',
  41. name:'李四'
  42. },
  43. {
  44. src:'/images/card3.jpg',
  45. name:'王五'
  46. },
  47. ],
  48. content: '腾讯游戏,没钱玩你麻痹.腾讯游戏,没钱玩你麻痹.腾讯游戏,没钱玩你麻痹.',
  49. href:'https://avue.top',
  50. target:'_blank',
  51. time:'几秒前'
  52. },
  53. {
  54. title: '桐人',
  55. imgsrc: '/images/card3.jpg',
  56. headimg: [
  57. {
  58. src:'/images/card1.jpg',
  59. name:'张三'
  60. },
  61. {
  62. src:'/images/card2.jpg',
  63. name:'李四'
  64. },
  65. {
  66. src:'/images/card3.jpg',
  67. name:'王五'
  68. },
  69. ],
  70. content: '没有开不了的挂,没有收不了的后宫.没有开不了的挂,没有收不了的后宫.没有开不了的挂,没有收不了的后宫.',
  71. href:'https://avue.top',
  72. target:'_blank',
  73. time:'一小时前'
  74. },
  75. ]
  76. },
  77. }
  78. }
  79. }
  80. </script>