# DataImgtext 数据展示
<template>
<avue-data-imgtext :option="option"></avue-data-imgtext>
</template>
<script>
export default {
data () {
return {
option: {
span: 8,
data: [
{
click: function (item) {
alert(JSON.stringify(item));
},
title: 'xxx',
imgsrc: '/images/logo.png',
headimg: [
{
src: '/images/logo.png',
name: 'xxx'
},
{
src: '/images/logo.png',
name: 'xxx'
},
{
src: '/images/logo.png',
name: 'xxx'
},
],
content: 'xxxxx',
href: 'https://avuejs.com',
target: '_blank',
time: '刚刚'
},
{
click: function (item) {
alert(JSON.stringify(item));
},
title: 'xxx',
imgsrc: '/images/logo.png',
headimg: [
{
src: '/images/logo.png',
name: 'xxx'
},
{
src: '/images/logo.png',
name: 'xxx'
},
{
src: '/images/logo.png',
name: 'xxx'
},
],
content: 'xxxxx',
href: 'https://avuejs.com',
target: '_blank',
time: '刚刚'
}, {
click: function (item) {
alert(JSON.stringify(item));
},
title: 'xxx',
imgsrc: '/images/logo.png',
headimg: [
{
src: '/images/logo.png',
name: 'xxx'
},
{
src: '/images/logo.png',
name: 'xxx'
},
{
src: '/images/logo.png',
name: 'xxx'
},
],
content: 'xxxxx',
href: 'https://avuejs.com',
target: '_blank',
time: '刚刚'
}
]
},
}
}
}
</script>
显示代码复制代码复制代码