95 lines
2.4 KiB
Vue
95 lines
2.4 KiB
Vue
<template>
|
|
<view>
|
|
<view class='quality-recommend'>
|
|
<swipers :imgUrls="imgUrls"></swipers>
|
|
<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 :bastList="bastList" :status="status"></goodList>
|
|
</view>
|
|
<home></home>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import goodList from '@/components/goodList';
|
|
import home from '@/components/home';
|
|
import swipers from '@/components/swipers';
|
|
import { getGroomList } from '@/api/store.js';
|
|
export default {
|
|
components: {
|
|
goodList,
|
|
swipers,
|
|
home
|
|
},
|
|
data() {
|
|
return {
|
|
imgUrls: [],
|
|
bastList:[],
|
|
name:'',
|
|
icon:'',
|
|
type:0,
|
|
status:0
|
|
};
|
|
},
|
|
onLoad: function (options) {
|
|
this.type = options.type;
|
|
},
|
|
onShow: function () {
|
|
let type = this.type;
|
|
if (type == 1){
|
|
uni.setNavigationBarTitle({
|
|
title:"精品推荐"
|
|
});
|
|
this.name = '精品推荐';
|
|
this.icon = 'icon-jingpintuijian';
|
|
} else if (type == 2) {
|
|
uni.setNavigationBarTitle({
|
|
title:"热门榜单"
|
|
});
|
|
this.name = '热门榜单';
|
|
this.icon = 'icon-remen';
|
|
this.status = 1;
|
|
} else if (type == 3) {
|
|
uni.setNavigationBarTitle({
|
|
title:"首发新品"
|
|
});
|
|
this.name = '首发新品';
|
|
this.icon = 'icon-xinpin';
|
|
} else if (type == 4) {
|
|
uni.setNavigationBarTitle({
|
|
title:"促销单品"
|
|
});
|
|
this.name = '促销单品';
|
|
this.icon = 'icon-cuxiaoguanli';
|
|
}else{
|
|
uni.setNavigationBarTitle({
|
|
title:"首发新品"
|
|
});
|
|
this.name = '首发新品';
|
|
this.icon = 'icon-xinpin';
|
|
}
|
|
this.getIndexGroomList();
|
|
},
|
|
methods: {
|
|
getIndexGroomList: function () {
|
|
let that = this;
|
|
getGroomList(that.type).then(res=>{
|
|
that.imgUrls = res.data.banner;
|
|
that.$set(that,'bastList',res.data.list)
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page{background-color:#fff;}
|
|
.quality-recommend .title{height:120rpx;font-size:32rpx;color:#282828;background-color:#f5f5f5;}
|
|
.quality-recommend .title .line{width:230rpx;height:2rpx;background-color:#e9e9e9;}
|
|
.quality-recommend .title .name{margin:0 20rpx;}
|
|
.quality-recommend .title .name .iconfont{margin-right:13rpx;font-size:38rpx;vertical-align:-4rpx;color:#343434;}
|
|
</style>
|