Commit 015f4f4c authored by zhengxiuming's avatar zhengxiuming

首页优化

parent 447e663d
......@@ -83,6 +83,7 @@
let bgl = buy_goods_list || [];
list = additional_goods_show ? bgl.concat(goods_list || []).slice(0,goods_num) : bgl
}
list = list.filter((item)=> item.if_show == 1 && item.closed == 0);
const space = listType - list.length % listType;
if(space !== listType) {
this.spaceArray = new Array(space);
......
......@@ -11,14 +11,14 @@
</view>
</view>
<view class="hot_cate_list" :style="[fixFlag ? {'padding-right': '60rpx'} : null]">
<text class="hot_cate_item" v-for="(item, key) in cate_list" :key="key" @click="changeCate(key)" :class="key === hotIndex ? 'act' : ''" v-if="item.goods_list.length">
<text class="hot_cate_item" v-for="(item, key) in cate_list" :key="key" @click="changeCate(item, key)" :class="key === hotIndex ? 'act' : ''">
<text>{{item.cate_name}}</text>
<text>{{item.sub_title}}</text>
</text>
</view>
</view>
<view v-for="(val, key) in cate_list" :key="key" v-if="key === hotIndex">
<view v-if="val.goods_list" class="flex_goods">
<view v-if="val.goods_list && val.goods_list.length > 0" class="flex_goods">
<view class="hot_goods_item" v-for="(item, index) in val.goods_list" :key="index">
<image class="hot_goods_icon" v-if="style_setting.angle_sign" :src="style_setting.angle_sign_url"></image>
<image class="hot_goods_img" :src="item.default_image || $noGoodsImg" @click="$jumpGoodDetail(item.goods_id)"></image>
......@@ -58,18 +58,46 @@
fixFlag: false
}
},
mounted() {
var flag = true;
this.cate_list.map((item, index) => {
if(item.goods_list.length && flag) {
this.hotIndex = index;
flag = false;
}
});
mounted(){
if(this.wrapper_props.cate_list){
this.cate_list.map((item, index) => {
if(item.goods_list && item.goods_list.length > 0){
let temp = item.goods_list.filter((item) => item.if_show == 1 && item.closed == 0);
item.goods_list = temp;
}
});
}
},
methods: {
changeCate(index) {
this.hotIndex = index
changeCate(item, index) {
const {cate_id} = item;
const {sortType} = this.wrapper_props.style_setting;
this.hotIndex = index;
let _this = this;
if(this.cate_list[index].goods_list && this.cate_list[index].goods_list.length > 0){
return;
}
uni.showLoading({title: '商品加载中~'});
uni.request({
url: '/uni/api/index/get_hot_recommd',
method: 'POST',
dataType: 'json',
data: {
cate_id: cate_id,
goods_num: "10",
sort_type: sortType ? sortType.toString() : "2"
},
success:function(res){
uni.hideLoading();
const {code, data} = res.data;
let goods = data && data.filter((item) => item.if_show == 1 && item.closed == 0)
if(code === 0){
_this.$set(_this.cate_list[index], 'goods_list', goods || []);
return;
}
_this.$set(_this.cate_list[index], 'goods_list', []);
}
})
}
}
}
......@@ -169,7 +197,13 @@
}
.nogoods {
padding: 40rpx;
height: 400rpx;
line-height: 650rpx;
font-size: 30rpx;
color: #808080;
text-align: center;
background: url(data:image;base64,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) no-repeat center;
background-size: 200rpx;
}
.flex_goods {
display: flex;
......
......@@ -46,7 +46,7 @@
data() {
return {
style_setting: this.wrapper_props.style_setting,
list: this.wrapper_props.goods_list !== null ? this.wrapper_props.goods_list : [],
list: [],
day: 0,
hour:0,
minute: 0,
......@@ -55,6 +55,10 @@
}
},
mounted() {
// 处理商品
let goods = this.wrapper_props.goods_list !== null ? this.wrapper_props.goods_list : [];
this.list = goods.length > 0 && goods.filter((item) => item.if_show == 1 && item.closed == 0);
const t = this.style_setting.is_not_start ? this.style_setting.count_down_time : (this.style_setting.count_down_type === 1 ? this.wrapper_props.first_end_time : this.style_setting.count_down_time);
const now = moment(new Date(), 'YYYY-MM-DD HH:mm:ss'),
end = moment(t, 'YYYY-MM-DD HH:mm:ss'),
......
......@@ -199,6 +199,7 @@
}
},
previewContract() {
uni.showLoading({
title: '获取合同中'
});
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment