|
|
@ -5,7 +5,9 @@ |
|
|
|
<VueSlickCarousel v-bind="settings" ref="CarouselRef" class="vueSlickCarousel"> |
|
|
|
<div v-for="(item, index) in pictures" :key="index" class="item"> |
|
|
|
<!-- <img :src="require(`@screen/images/${item}`)" style="height: 100%"> --> |
|
|
|
<img :src="item" style="height: 100%"> |
|
|
|
<!-- <img :src="item" style="height: 100%"> --> |
|
|
|
<el-image style="height: 100%" :src="item" :preview-src-list="pictures"> |
|
|
|
</el-image> |
|
|
|
</div> |
|
|
|
</VueSlickCarousel> |
|
|
|
|
|
|
@ -27,37 +29,20 @@ export default { |
|
|
|
pictures: { |
|
|
|
type: Array, |
|
|
|
default: () => [ |
|
|
|
"shareWith/message-active.svg", |
|
|
|
"shareWith/message.svg", |
|
|
|
"shareWith/website-active.svg", |
|
|
|
"shareWith/website.svg", |
|
|
|
"shareWith/weChat-active.svg", |
|
|
|
"shareWith/weChat-active.svg" |
|
|
|
"https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg", |
|
|
|
"https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg", |
|
|
|
// "require('@screen/images/shareWith/message-active.svg')", |
|
|
|
// "require('@screen/images/shareWith/message.svg')", |
|
|
|
// "require('@screen/images/shareWith/website-active.svg')", |
|
|
|
// "require('@screen/images/shareWith/website.svg')", |
|
|
|
// "require('@screen/images/shareWith/weChat-active.svg')", |
|
|
|
// "require('@screen/images/shareWith/weChat-active.svg')" |
|
|
|
] |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
carouselItems: [ |
|
|
|
{ |
|
|
|
"imageURL": "shareWith/message-active.svg" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"imageURL": "shareWith/message.svg" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"imageURL": "shareWith/website-active.svg" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"imageURL": "shareWith/website.svg" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"imageURL": "shareWith/weChat-active.svg" |
|
|
|
}, |
|
|
|
{ |
|
|
|
"imageURL": "shareWith/weChat-active.svg" |
|
|
|
} |
|
|
|
], |
|
|
|
carouselItems: [], |
|
|
|
settings: { |
|
|
|
infinite: true, |
|
|
|
arrows: false, |
|
|
@ -74,6 +59,7 @@ export default { |
|
|
|
this.$refs.CarouselRef.prev() |
|
|
|
}, |
|
|
|
nextSlide() { |
|
|
|
// console.log('pics',this.pictures) |
|
|
|
this.$refs.CarouselRef.next() |
|
|
|
}, |
|
|
|
}, |
|
|
|