73 lines
1.8 KiB
Vue
73 lines
1.8 KiB
Vue
<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>
|