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.
73 lines
1.8 KiB
73 lines
1.8 KiB
5 years ago
|
<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>
|