上下架状态

ghsApp/src/admin/changePrice/components/Item.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="item-cmd_bx">
+	<view class="item-cmd_bx" :class="[info.status ==2?'sold-out':'']">
 		<view class="img_bx">
 			<app-img :src="info.cover" alt="" mode="aspectFit" :height="160" />
 		</view>
@@ -9,7 +9,8 @@
 			<view class="num-open_bx">
 				<view>
 					<view class="open-bx" >
-						还剩 <text style="margin-left:8rpx;">{{ info.stock }}</text> <text style="margin-left:14rpx;color:#999999" v-if="info.status ==2">已下架</text>
+						还剩 <text style="margin-left:8rpx;">{{ info.stock }}</text>
+						<text style="margin-left:30rpx;color:#999999" v-if="info.status ==2">已下架</text>
 						<input class="change-input" @blur="savePrice" @focus="modifyPrice = ''" placeholder-style="color:#CCCCCC" v-model="modifyPrice" type="digit" placeholder="填写价格" />
 					</view>
 				</view>
@@ -59,7 +60,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.sold-out{
+	background:#F6F6F6;
+}
 .item-cmd_bx {
+	height:160rpx;
 	position: relative;
 	margin-bottom: 20px;
 	.img_bx {

ghsApp/src/admin/item/components/ItemStock.vue

@@ -1,5 +1,5 @@
 <template>
-<view>
+<view class="product" :class="[info.status ==2?'sold-out':'']">
 	<view class="item-cmd_bx">
 		<view class="img_bx">
 			<app-img :src="info.cover" alt="花材" mode="aspectFit" :height="160" />
@@ -10,7 +10,8 @@
 			<view class="num-open_bx">
 				<template>
 					<view class="open-bx">
-						库存 <text style="margin-left: 10rpx;font-size: 23rpx">{{ parseFloat(info.stock) }}</text> <text v-if="info.status ==2" style="margin-left:20rpx;font-size:23rpx">已下架</text>
+						库存 <text style="margin-left: 10rpx;font-size: 23rpx">{{ parseFloat(info.stock) }}</text>
+						<text v-if="info.status ==2" style="margin-left:30rpx;font-size:23rpx;color:#999999;">已下架</text>
 					</view>
 				</template>
 			</view>
@@ -74,6 +75,12 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.product{
+	height:230rpx;
+}
+.sold-out{
+	background:#F5F5F5;
+}
 .bottom-button{
 	font-weight:normal;
 	border:2rpx solid #cccccc;
@@ -121,7 +128,7 @@ export default {
 			overflow: hidden;
 			white-space: nowrap;
 			text-overflow: ellipsis;
-			width:360rpx;
+			width:350rpx;
 		}
 		& .kc {
 			color: red;