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.
85 lines
2.0 KiB
85 lines
2.0 KiB
4 years ago
|
<template>
|
||
|
|
<view class="quality-recommend">
|
||
|
|
<view class="title acea-row row-center-wrapper">
|
||
|
|
<view class="line"></view>
|
||
|
|
<view class="name">
|
||
|
|
<text class="iconfont" :class="icon"></text>{{ name }}
|
||
|
|
</view>
|
||
|
|
<view class="line"></view>
|
||
|
|
</view>
|
||
|
|
<GoodList :good-list="goodsList" :is-sort="false"></GoodList>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
import GoodList from "@/components/GoodList";
|
||
|
|
import { getGroomList } from "@/api/store";
|
||
|
|
export default {
|
||
|
|
name: "HotNewGoods",
|
||
|
|
components: {
|
||
|
|
GoodList
|
||
|
|
},
|
||
|
|
props: {},
|
||
|
|
data: function() {
|
||
|
|
return {
|
||
|
|
imgUrls: [],
|
||
|
|
goodsList: [],
|
||
|
|
name: "",
|
||
|
|
icon: "",
|
||
|
|
RecommendSwiper: {
|
||
|
|
pagination: {
|
||
|
|
el: ".swiper-pagination",
|
||
|
|
clickable: true
|
||
|
|
},
|
||
|
|
autoplay: {
|
||
|
|
disableOnInteraction: false,
|
||
|
|
delay: 2000
|
||
|
|
},
|
||
|
|
loop: true,
|
||
|
|
speed: 1000,
|
||
|
|
observer: true,
|
||
|
|
observeParents: true
|
||
|
|
}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
mounted: function() {
|
||
|
|
this.titleInfo();
|
||
|
|
this.getIndexGroomList();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
titleInfo: function() {
|
||
|
|
let type = this.$yroute.query.type;
|
||
|
|
if (type === "1") {
|
||
|
|
this.name = "精品推荐";
|
||
|
|
this.icon = "icon-jingpintuijian";
|
||
|
|
// document.title = "精品推荐";
|
||
|
|
} else if (type === "2") {
|
||
|
|
this.name = "热门榜单";
|
||
|
|
this.icon = "icon-remen";
|
||
|
|
// document.title = "热门榜单";
|
||
|
|
} else if (type === "3") {
|
||
|
|
this.name = "首发新品";
|
||
|
|
this.icon = "icon-xinpin";
|
||
|
|
// document.title = "首发新品";
|
||
|
|
}
|
||
|
|
},
|
||
|
|
getIndexGroomList: function() {
|
||
|
|
let that = this;
|
||
|
|
let type = this.$yroute.query.type;
|
||
|
|
getGroomList(type)
|
||
|
|
.then(res => {
|
||
|
|
that.imgUrls = res.data.banner;
|
||
|
|
that.goodsList = res.data.list;
|
||
|
|
})
|
||
|
|
.catch((err)=> {
|
||
|
|
uni.showToast({
|
||
|
|
title: err.msg || err.response.data.msg|| err.response.data.message,
|
||
|
|
icon: 'none',
|
||
|
|
duration: 2000
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|