shoplist.vue
3.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<template>
<view class="content">
<view class="tapnav flextwo">
<view class="tapnavitem" :class="order==1?'tapnavactive':''" @click="orderrange" :data-id="1">综合</view>
<view class="tapnavitem" :class="order==2?'tapnavactive':''" @click="orderrange" :data-id="2">最新</view>
<view class="tapnavitem" :class="order==3?'tapnavactive':''" @click="orderrange" :data-id="3">销量</view>
<view class="tapnavitem flexone">
<view class="tapprice" :class="order==4||order==5?'tapnavactive':''" @click="selprice">价格</view>
<view class="tapbox flexfour">
<view class="tapboxtop">
<image src="../../static/toprow.png" mode=""></image>
</view>
<view class="tapboxtop">
<image src="../../static/xiarow.png" mode=""></image>
</view>
</view>
</view>
</view>
<view class="homeshoplist flexone goodboxlist">
<view class="homeshopitem goodboxitem" v-for="(item,index) in shoplist" :key="index" @click="goodtail" :data-id="item.id">
<view class="gooditemimg goodboximg">
<image :src="image" mode=""></image>
<!-- <view class="sale boxsale">已售{{item.sale}}件</view> -->
</view>
<view class="goodname hidden boxgoodname">{{item.name}}</view>
<view class="saleprice">¥{{item.goods_price}}</view>
<view class="flextwo">
<view class="huiyuanprice dikou">会员价：￥{{item.vip_price}}</view>
<view class="goodshou">已售{{item.sales}}</view>
</view>
</view>
</view>
</view>
</template>
<script>
import app from "../../App.vue";
export default {
data() {
return {
keyword: '',
order:'',
page:1,
price:false,
shoplist:[]
}
},
onLoad() {
// 获取商品列表
this.getfoodlist()
},
methods: {
// 排序
orderrange(e){
this.order=e.currentTarget.dataset.id;
this.shoplist=[],
this.page=1;
this.getfoodlist()
},
selprice(){
this.price=!this.price;
if(this.price==true){
this.order=4
}else{
this.order=5
}
this.shoplist=[],
this.page=1;
this.getfoodlist()
},
// 获取面访商品列表
getfoodlist() {
let that = this;
var url = 'flour_goods/get_flour_goods';
var params = {
keyword: that.keyword,
order: that.order,
page: that.page,
pageNum: 10
}
console.log('7766554',params)
app.post(url, params).then((res) => {
console.log(res);
that.shoplist=that.shoplist.concat(res.data.data);
console.log('888',that.shoplist)
}).catch((err) => {
})
},
goodtail(e){
let id=e.currentTarget.dataset.id;
// type 1 面访商品
uni.navigateTo({
url:'/pages/nearshop/goodtail?id='+id+'&type='+1
})
}
}
}
</script>
<style>
.huiyuanprice {
color: #FF9417;
font-size: 22rpx;
}
</style>