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>