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.
84 lines
2.0 KiB
84 lines
2.0 KiB
<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>
|
|
|