邓洁 : 修改shopListItem细节

components/ShowShopListItem/ShowShopListItem.vue

@@ -2,7 +2,7 @@
 	<view class="list-border">
 		<view class="list-container" @click="enterDetail()">
 			<view class="shop-list-img">
-				<u-image width="80px" height="80px" :src="shopInfo.pics" radius="8px"></u-image>
+				<u-image :src="leftImage" width="80px" height="80px" radius="8px" :lazy-load="true"></u-image>
 			</view>
 			<view class="text-area">
 				<text style="font-weight: 500;">{{shopInfo.tt}}</text>
@@ -17,7 +17,7 @@
 						<view>
 							<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
 						</view>
-						<text>{{shopInfo.mianji}}m2</text>
+						<text>{{shopInfo.mianji}}m²</text>
 					</view>
 				</view>
 				<view v-else class="pos-and-sqr pos-only">
@@ -25,13 +25,13 @@
 						<view>
 							<u-image src="/static/shoplist/dp_icon_hhhdw.png" width="12px" height="15px"></u-image>
 						</view>
-						<text>{{shopInfo.area2}}</text>
+						<text>{{shopInfo.area1}}-{{shopInfo.adress}}</text>
 					</view>
 				</view>
 				<view class="rent-and-date">
 					<text>租金：{{shopInfo.zujin}}元/月</text>
 					<text v-if="showStyle == 0">发布日期：{{$u.timeFormat(shopInfo.pub_time,'yyyy-mm-dd')}}</text>
-					<text v-if="showStyle == 1">转让费：{{shopInfo.zhuanrangfei}}</text>
+					<text v-if="showStyle == 1">转让费：{{shopInfo.zhuanrangfei}}万</text>
 					<!-- 有 bug -->
 				</view>
 			</view>
@@ -42,7 +42,7 @@
 				<view>
 					<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
 				</view>
-				<text>{{shopInfo.mianji}}m2</text>
+				<text>{{shopInfo.mianji}}m²</text>
 			</view>
 			<view>
 				<view>
@@ -64,12 +64,7 @@
 			</view>
 		</view>
 
-		<view 
+		<view v-if="isADShow" class="list-ads bottom-common" style="font-size: 11px;" @click="handleAD">
-			v-if="isADShow"
-			class="list-ads bottom-common" 
-			style="font-size: 11px;"
-			@click="handleAD"
-			>
 			<view>
 				<text>已将该店推给</text>
 				<text style="color:#ce3b3b;margin: 0 4px;"> {{shopInfo.num}} </text>
@@ -137,17 +132,19 @@
 					return false
 				}
 			},
-			
-			
 		},
 		data() {
 			return {
 				delshopid: 0,
+				leftImage: ''
 			}
 
 		},
 		computed: {
 
+		},
+		created() {
+			this.leftImage = this.$api.imgUrl + this.shopInfo.pics.split(',')[0]
 		},
 		methods: {
 			handleEdit(shopid) {
@@ -194,39 +191,47 @@
 		border-radius: 7px;
 		box-shadow: 0 1px 2px 0 rgba(224, 224, 224, 0.50);
 		font-size: 12px;
+
 		.list-container {
 			display: flex;
 			height: 80px;
 			margin-bottom: 10px;
 		}
+
 		.text-area {
 			margin-left: 10px;
 			display: flex;
 			flex-direction: column;
 			justify-content: space-between;
+
 			>text {
 				font-size: 14px;
 			}
 
 			.pos-and-sqr {
 				display: flex;
+
 				text {
 					color: #359867;
 					line-height: 12px;
 				}
+
 				>view {
 					margin-right: 24px;
 					display: flex;
+
 					>view {
 						margin-right: 4px;
 					}
 				}
 			}
+
 			.pos-only {
 				text {
 					color: #A0A0A0;
 				}
 			}
+
 			.rent-and-date {
 				text {
 					font-weight: 500;
@@ -240,42 +245,51 @@
 			border-top: 1px solid #f7f7f7;
 			padding-top: 5px;
 			display: flex;
+
 			>view {
 				display: flex;
 			}
 		}
+
 		.cart-and-date {
 			margin-bottom: 6px;
 			justify-content: space-between;
 			font-weight: 500;
+
 			text {
 				color: #359867;
 				line-height: 12px;
 			}
+
 			>view {
 				flex: 1;
+
 				>view {
 					margin-right: 4px;
 				}
 			}
 		}
+
 		.del-and-edit {
 			margin-top: 6px;
 			justify-content: flex-end;
+
 			>view {
 				margin-left: 38rpx;
 			}
+
 			text {
 				margin-left: 4px;
 				color: #666666;
 			}
 		}
+
 		.list-ads {
 			justify-content: space-between;
+
 			text {
 				color: #359867;
 			}
 		}
 	}
-	
 </style>

pages/index/index.vue

@@ -3,7 +3,7 @@
 		<InputAndSwiper type='0' :bannerURL="swiperList"></InputAndSwiper>
 		<view class="home-content">
 			<view class="service">
-				<u-image src="/static/statistics/sy_icon_lxkf.png" width="108rpx" height="108rpx" />
+				<u-image src="/static/statistics/sy_icon_lxkf.png" width="108rpx" height="108rpx"></u-image>
 				<button open-type="contact" bindcontact="handleContact" session-from="sessionFrom" class="service-btn">
 				</button>
 			</view>