罗世杰：feat&fix：修复notice处的bug，完成商铺展示列表

components/ShowShopListItem/ShowShopListItem.vue

@@ -5,13 +5,19 @@
 				<u-image width="80px" height="80px" :src="shopInfo.imageUrl" radius="8px"></u-image>
 			</view>
 			<view class="text-area">
-				<text>{{shopInfo.title}}</text>
+				<text style="font-weight: 500;">{{shopInfo.title}}</text>
 				<view class="pos-and-sqr">
 						<view>
-							<text>锦江区</text>
+							<view>
+								<u-image src="/static/shoplist/sy_icon_lbdw.png" width="12px" height="15px"></u-image>
+							</view>
+							<text>{{shopInfo.pos}}</text>
 						</view>
 						<view>
-							<text>200m2</text>
+							<view>
+								<u-image src="/static/shoplist/sy_icon_lbpm.png" width="12px" height="15px"></u-image>
+							</view>
+							<text>{{shopInfo.sqr}}m2</text>
 						</view>
 					</view>
 				<view class="rent-and-date">
@@ -32,6 +38,9 @@
 </template>
 
 <script>
+	/**
+	 * @property shopInfo {Object}  传入商铺对象数据
+	 */
 	export default {
 		props: {
 			shopInfo: {
@@ -42,7 +51,9 @@
 						title: '琴行铺面转让',
 						promotionNum: 23,
 						price: 5000,
-						date: '2023-11-02'
+						date: '2023-11-02',
+						pos: '锦江区',
+						sqr: 200
 					}
 				}
 			},
@@ -63,7 +74,7 @@
 
 <style lang="scss" scoped>
 	.list-border {
-		margin-top: 10px;
+		margin: 10px 0;
 		padding: 10px;
 		background-color: #fff;
 		border-radius: 7px;
@@ -71,7 +82,7 @@
 		.list-container {
 			display: flex;
 			height: 80px;
-			margin-bottom: 5px;			
+			margin-bottom: 10px;			
 			font-size: 12px;
 		}
 		.text-area {
@@ -85,12 +96,20 @@
 			.pos-and-sqr {
 				display: flex;
 				text {
-					margin-right: 6px;
 					color: #359867;
+					line-height: 12px;
+				}
+				>view {
+					margin-right: 24px;
+					display: flex;
+					>view {
+						margin-right: 4px;
+					}
 				}
 			}
 			.rent-and-date {
 				text {
+					font-weight: 500;
 					margin-right: 6px;
 					color: #CC3333;
 				}