guo 2 年之前
父节点
当前提交
551450a211
共有 2 个文件被更改,包括 31 次插入13 次删除
  1. 23 6
      pages/index/paint.vue
  2. 8 7
      pages/index/shopList.vue

+ 23 - 6
pages/index/paint.vue

@@ -41,13 +41,13 @@
 
 					<!--  -->
 					<view class="itemBox">
-						<view class="type">
+						<view class="type" :class="{orangeColor:item2.type==1}" @click="select(item2,'1')">
 							<view class="typeName">喷漆</view>
-							<view class=""><span class="renminbi">¥</span>{{item2.PSalePrice}}</view>
+							<view class="money"><span class="renminbi">¥</span>{{item2.PSalePrice?item2.PSalePrice:'0'}}</view>
 						</view>
-						<view class="type marginLeft">
+						<view class="type marginLeft" :class="{orangeColor:item2.type==2}" @click="select(item2,'2')">
 							<view class="typeName">钣金喷漆</view>
-							<view class=""><span class="renminbi">¥</span>{{item2.BPSalePrice}}</view>
+							<view class="money"><span class="renminbi">¥</span>{{item2.BPSalePrice?item2.BPSalePrice:'0'}}</view>
 						</view>
 					</view>
 				</view>
@@ -74,7 +74,11 @@
 		onLoad() {
 			this.getData();
 		},
-		methods: {
+		methods: {
+			select(item,type){
+				console.log('type'+type);
+				item.type = type
+			},
 			changeState(item) {
 				item.open = !item.open
 			},
@@ -246,5 +250,18 @@
 		border-bottom: 2rpx solid #EEEEEE;
 
 	}
-	
+	.orangeColor{
+		color: #FF0000;
+		border: 2rpx solid #FF0000;
+	}
+	.renminbi{
+		font-size: 22rpx;
+		
+	}
+	.money{
+		height: 76rpx;
+		line-height: 76rpx;
+		font-size: 32rpx;
+		color: #FF0000;
+	}
 </style>

+ 8 - 7
pages/index/shopList.vue

@@ -153,9 +153,9 @@
 	}
 
 	.shopImg {
-		width: 146rpx;
-		height: 146rpx;
-		border-radius: 6rpx;
+		width: 154rpx;
+		height: 154rpx;
+		border-radius: 10rpx;
 	}
 
 	.shopBox {
@@ -212,7 +212,7 @@
 		align-items: center;
 		
 		padding: 5rpx 0rpx;
-		width: 24.5%;
+		
 		
 		/* 隐藏文字显示 ...不换行 */
 		overflow: hidden;
@@ -276,15 +276,16 @@
 	.shopTop {
 		display: flex;
 		justify-content: space-between;
-		width: 510rpx;
+		
 	}
 
 	.shopright {
-		padding-left: 20rpx;
+		padding-left: 20rpx;
+		width: 510rpx;
 	}
 
 	.shopName {
-		font-size: 26rpx;
+		font-size: 28rpx;
 		color: #333333;
 		line-height: 37rpx;
 		width: 450rpx;