刘文博 / gulu-vue

Blame view

src/components/CommodityCard/CommodityCard.vue 2.78 KB
edit raw normal view history
1003c53e8   Adam   go 
1
 
  <template>
7a2dda446   BigBoss   首页逻辑修改 
2
3
 
  	<view class="card" @tap="toGoods(goods.id,goods.goodType)">
  		<image mode="widthFix" :src="goods.imgurl" ></image>
fb85b244c   BigBoss   user页面 
4
5
6
 
  		<view class="name">{{goods.name}}</view>
  		<view class="info">
  			<view class="priceBox">
ab4209caf   喻鹏   update 
7
8
 
  				<view class="price">{{goods.price}}</view>
  				<view class="originCost">
7a2dda446   BigBoss   首页逻辑修改 
9
 
  					{{goods.rsSon.Max_Price}}
1003c53e8   Adam   go 
10
 
  				</view>
fb85b244c   BigBoss   user页面 
11
 
  			</view>
7a2dda446   BigBoss   首页逻辑修改 
12
 
  			<view class="trade_num">{{goods.trade_num}}人购买</view>
1003c53e8   Adam   go 
13
14
15
 
  		</view>
  	</view>
  </template>
fb85b244c   BigBoss   user页面 
16
17
18
19
20
21
22
23
 
  
  <script>
  	export default {
  		props: {
  			/**
  			 * 商品数据
  			 */
  			goods: {
7a2dda446   BigBoss   首页逻辑修改 
24
25
 
  				id: Number, 
  				imgurl: String,
fb85b244c   BigBoss   user页面 
26
 
  				name: String,
7a2dda446   BigBoss   首页逻辑修改 
27
 
  				rsSon:Object,
ab4209caf   喻鹏   update 
28
 
  				originCost:String,
fb85b244c   BigBoss   user页面 
29
 
  				price: String,
7a2dda446   BigBoss   首页逻辑修改 
30
 
  				trade_num:String,
c338b4909   BigBoss   完善页面跳转逻辑 
31
 
  				goodType:String,
fb85b244c   BigBoss   user页面 
32
33
34
35
 
  			}
  			
  		},
  		created() {
7a2dda446   BigBoss   首页逻辑修改 
36
 
  			// console.log(this.goods)
1003c53e8   Adam   go 
37
38
39
40
41
 
  		},
  		data() {
  			return {
  				
  			};
fb85b244c   BigBoss   user页面 
42
43
 
  		},
  		methods:{
7a2dda446   BigBoss   首页逻辑修改 
44
45
46
47
48
49
50
51
 
  			toGoods(id,type){				
  				uni.navigateTo({
  					url: `../frameDetail/frameDetail?oderId=`+id,
  					success: res => {},
  					fail: () => {},
  					complete: () => {}
  				});
  				console.log('toGoods =====> id:'+id +"======>type:"+type)
c338b4909   BigBoss   完善页面跳转逻辑 
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
 
  				switch(type){
  					case 1:
  						uni.navigateTo({
  							url: `../frameDetail/frameDetail?oderId=`+id+`&goodType=`+type,
  							success: res => {},
  							fail: () => {},
  							complete: () => {}
  						});
  					break;
  					case 2:
  						uni.navigateTo({
  							url: `../frameDetail/frameDetail?oderId=`+id+`&goodType=`+type,
  							success: res => {},
  							fail: () => {},
  							complete: () => {}
  						});
  					break;
  					case 3:
  						uni.navigateTo({
  							url: `../frameDetail/frameDetail?oderId=`+id+`&goodType=`+type,
  							success: res => {},
  							fail: () => {},
  							complete: () => {}
  						});
  					break;
  					case 4:
  						uni.navigateTo({
  							url: `../frameDetail/frameDetail?oderId=`+id+`&goodType=`+type,
  							success: res => {},
  							fail: () => {},
  							complete: () => {}
  						});
  					break;
  					default :
  						break
  				}
fb85b244c   BigBoss   user页面 
88
 
  			}
1003c53e8   Adam   go 
89
90
91
92
 
  		}
  	}
  </script>
fb85b244c   BigBoss   user页面 
93
94
95
96
97
98
99
 
  <style lang="scss">
  	image{
  		width: 100%;
  		height: 120rpx;
  	}
  	.name{
  		width: 92%;
0444517bf   范牧   商品卡片高度添加 
100
 
  		height: 54rpx;
fb85b244c   BigBoss   user页面 
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
 
  		padding: 5px 4%;
  		display: -webkit-box;
  		-webkit-box-orient: vertical;
  		-webkit-line-clamp: 2;
  		text-align: justify;
  		overflow: hidden;
  		font-size: 24rpx;
  		color: #333333;
  	}
  	.info{
  		display: flex;
  		justify-content: space-between;
  		align-items: center;
  		width: 92%;
  		padding: 5px 4% 5px 4%;
  		.priceBox{
  			display: flex;
  			justify-content: space-between;
  			align-items: center;
  			.price{
  				color: #EB5D3B;
  				font-size: 28rpx;
  				font-weight: 600;
  				margin-right: 10rpx;
  			}
  			.originCost{
  				text-decoration:line-through;
  				color: #999999;
  				font-size: 20rpx;
  			}
  			
  		}
7a2dda446   BigBoss   首页逻辑修改 
133
 
  		.trade_num{
fb85b244c   BigBoss   user页面 
134
135
136
 
  			color: #999999;
  			font-size: 20rpx;
  		}
1003c53e8   Adam   go 
137
138
 
  	}
  </style>