63 lines
1.2 KiB
Vue
63 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<!-- <a
|
||
|
|
href="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
||
|
|
target="_blank"
|
||
|
|
v-for="(item, index) in scrapImgList"
|
||
|
|
:key="index"
|
||
|
|
>查看</a
|
||
|
|
> -->
|
||
|
|
|
||
|
|
<ImagePreview
|
||
|
|
v-for="(item, index) in scrapImgList"
|
||
|
|
:key="index"
|
||
|
|
src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
|
||
|
|
:width="`20px`"
|
||
|
|
:height="`20px`"
|
||
|
|
class="img-box"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
scrapImg: {
|
||
|
|
type: String,
|
||
|
|
default: () => null,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
scrapImgList: [
|
||
|
|
{ imgUrl: '123' },
|
||
|
|
{ imgUrl: '123' },
|
||
|
|
{ imgUrl: '123' },
|
||
|
|
],
|
||
|
|
}
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
if (this.scrapImg) {
|
||
|
|
this.scrapImgList = this.scrapImg.split(',')
|
||
|
|
}
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
a {
|
||
|
|
margin-right: 8px;
|
||
|
|
font-size: 13px;
|
||
|
|
color: #1890ff;
|
||
|
|
}
|
||
|
|
a:last-child {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.img-box {
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
.img-box:last-child {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
</style>
|