no message

pages/hotel/components/hotelRoom.vue

@@ -57,10 +57,17 @@
 											<text>{{subItem.Currency}}{{ getPrice(subItem.TotalPrice)*dayObj.day }}</text>
 										</view>
 									</view>
-									<view class="hotelDetailRPriceBook" @click="goUrl(subItem)">
+									<view class="column hotelDetailRPriceBook"
+									:class="[!index?'active':'']">
+											<text v-if="!index" class="hotelDetailMinXiRS">剩2间</text>
+											<view class="hotelDetailMinXiRB" @click="goUrl(subItem)">
 												订
 											</view>
 										</view>
+									<!-- <view class="hotelDetailRPriceBook" @click="goUrl(subItem)">
+										订
+									</view> -->
+								</view>
 							</view>
 						</view>
 					</view>
@@ -101,12 +108,12 @@
 												{{subItem.Currency }} <text>{{getPrice(subItem.TotalPrice)}}</text>
 											</view>
 											<view class="hotelDetailMinXiRT">{{dayObj.day}}晚总价
-												<text>{{subItem.Currency}}
-													{{ getPrice(subItem.TotalPrice)*dayObj.day }}</text>
+												<text>{{subItem.Currency}}{{ getPrice(subItem.TotalPrice)*dayObj.day }}</text>
 											</view>
 										</view>
-										<view class="column hotelDetailMinXiRBBox">
-											<text class="hotelDetailMinXiRS">剩2间</text>
+										<view class="column hotelDetailMinXiRBBox"
+										:class="[!subindex?'active':'']">
+											<text v-if="!subindex" class="hotelDetailMinXiRS">剩2间</text>
 											<view class="hotelDetailMinXiRB" @click="goUrl(subItem)">
 												订
 											</view>
@@ -1118,18 +1125,6 @@
 	}
 
 	.hotelDetailRPriceBook {
-		width: 74rpx;
-		height: 81rpx;
-		background: #080A09;
-		border-radius: 14rpx;
-		border: 2px solid #111111;
-		position: relative;
-		top: -10rpx;
-		font-weight: 800;
-		font-size: 32rpx;
-		color: #E2C27A;
-		text-align: center;
-		line-height: 81rpx;
 		margin-left: 16rpx;
 	}
 
@@ -1245,13 +1240,17 @@
 		line-height: 81rpx;
 		text-align: center;
 	}
-
+	.hotelDetailRPriceBook.active{
+		position: relative;
+		top: -45rpx;
+	}
 	.hotelDetailMinXiRBBox {
 		margin-left: 16rpx;
+	}
+	.hotelDetailMinXiRBBox.active{
 		position: relative;
 		top: -20rpx;
 	}
-
 	.hotelDetailMinXiRF {
 		height: 1px;
 		flex: 1;