花材列表

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

@@ -8,9 +8,12 @@
 			<image :src="info.cover" style="width:160upx;height:160upx;" lazy-load="true" :lazy-load-margin="0"></image>
 		</view>
 		<view class="cmd-info_bx active" @click="pageTo({url: '/admin/item/detail',query: {id: info.id}})">
-			<view class="tit">{{ info.name }}</view>
+			<view class="tit">
+				<text style="font-size:22upx;border:1upx solid #3385ff;color:white;background-color:#3385ff;margin-right:5upx;padding-left:5upx;padding-right:5upx;" 
+				v-if="info.presell == 1">预售</text>
+				{{ info.name }}
+			</view>
 			<text v-if="info.variety && info.variety ==1" class="show-color"></text>
-			<text v-if="info.presell && info.presell ==1" class="presell-color">预售</text>
 			<view class="kc">￥{{ parseFloat(info.price) }} 
 				<text style="margin-left:25upx;color:#555555;font-weight:normal;">￥{{ parseFloat(info.skPrice) }}</text>
 				<text style="margin-left:32upx;color:#999;font-size:23upx;font-weight:normal;">成本 ￥{{ info.cost?parseFloat(info.cost):0 }}</text>
@@ -134,8 +137,8 @@ export default {
 		}
 		.show-color{
 			position:absolute;
-			top:6upx;
-			right:14upx;
+			top:130upx;
+			right:22upx;
 			display:inline-block;
 			width:25upx;
 			height:25upx;
@@ -144,22 +147,6 @@ export default {
 			border:none;
 			margin-left:8upx;
 		}
-		.presell-color{
-			position:absolute;
-			top:0upx;
-			right:45upx;
-			display:inline-block;
-			width:70upx;
-			height:35upx;
-			line-height:35upx;
-			background-color:#3385FF;
-			border-radius:15upx;
-			border:none;
-			font-size:20upx;
-			color:white;
-			margin-left:8upx;
-			text-align:center;
-		}
 		& .kc {
 			color: red;
 			font-size: 26upx;