You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.8 KiB
72 lines
1.8 KiB
<template> |
|
<div class="quality-recommend"> |
|
<div class="slider-banner swiper"> |
|
<swiper indicatorDots="true" v-if="banner.length > 0"> |
|
<block v-for="(item, imgUrlsIndex) in imgUrls" :key="imgUrlsIndex"> |
|
<swiper-item> |
|
<img :src="item.img" class="slide-image" /> |
|
</swiper-item> |
|
</block> |
|
</swiper> |
|
</div> |
|
<div class="title acea-row row-center-wrapper"> |
|
<div class="line"></div> |
|
<div class="name"> |
|
<span class="iconfont icon-cuxiaoguanli"></span>促销单品 |
|
</div> |
|
<div class="line"></div> |
|
</div> |
|
<Promotion-good :benefit="goodsList"></Promotion-good> |
|
</div> |
|
</template> |
|
<script> |
|
// import { swiper, swiperSlide } from "vue-awesome-swiper"; |
|
|
|
import PromotionGood from "@/components/PromotionGood"; |
|
import { getGroomList } from "@/api/store"; |
|
export default { |
|
name: "GoodsPromotion", |
|
components: { |
|
// swiper, |
|
// swiperSlide, |
|
PromotionGood |
|
}, |
|
props: {}, |
|
data: function() { |
|
return { |
|
imgUrls: [], |
|
goodsList: [], |
|
RecommendSwiper: { |
|
pagination: { |
|
el: ".swiper-pagination", |
|
clickable: true |
|
}, |
|
autoplay: { |
|
disableOnInteraction: false, |
|
delay: 2000 |
|
}, |
|
loop: true, |
|
speed: 1000, |
|
observer: true, |
|
observeParents: true |
|
} |
|
}; |
|
}, |
|
mounted: function() { |
|
this.getIndexGroomList(); |
|
}, |
|
methods: { |
|
getIndexGroomList: function() { |
|
let that = this; |
|
getGroomList(4) |
|
.then(res => { |
|
that.imgUrls = res.data.banner; |
|
that.goodsList = res.data.list; |
|
}) |
|
.catch(function(res) { |
|
this.$dialog.toast({ mes: res.msg }); |
|
}); |
|
} |
|
} |
|
}; |
|
</script>
|
|
|