• DataImgtext 数据展示

    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>