罗世杰：详情页微调

pages/detail/detail.vue

@@ -9,6 +9,10 @@
 			</view>
 			<view>
 				<u-grid :col="3">
+					<u-grid-item>
+						<view class="grid-textup">{{shopInfo.mianji}}m²</view>
+						<view class="grid-text">面积</view>
+					</u-grid-item>
 					<u-grid-item>
 						<view class="grid-textup">{{shopInfo.zujin}}元/月</view>
 						<view class="grid-text">租金</view>
@@ -18,10 +22,6 @@
 						<view v-if="search" class="grid-text">转让费</view>
 						<view v-else class="grid-text">预计投资</view>
 					</u-grid-item>
-					<u-grid-item>
-						<view class="grid-textup">{{shopInfo.mianji}}m²</view>
-						<view class="grid-text">面积</view>
-					</u-grid-item>
 				</u-grid>
 			</view>
 		</view>
@@ -42,7 +42,14 @@
 				<u-cell :title="shopInfo.lianxiren" :label="shopInfo.mobile" :border="false"></u-cell>
 			</view>
 			<u-divider :height="5"></u-divider>
-			<u-cell title="店铺介绍" :label="shopInfo.content" label-style="color = #5D5D5D;font-size: 24rpx;"></u-cell>
+			<u-cell title="店铺介绍" :label="shopInfo.content" label-style="color = #5D5D5D;font-size: 24rpx;">
+				<view slot="label" class="shop-content">
+					<view class="u-flex">
+						<view>{{ shopInfo.content }}</view>
+						<view style="color: #CC3333;">联系我时，请说是在速配商铺上看到的，谢谢!</view>
+					</view>
+				</view>
+			</u-cell>
 		</view>
 
 		<view class="bottom">
@@ -231,6 +238,12 @@
 		}
 	}
 
+	.shop-content {
+		margin-top: 20rpx;
+		display: flex;
+		flex-wrap: wrap;
+	}
+
 	.bottom {
 		position: fixed;
 		bottom: 0;