商户详情：美化一下

pages/merchant/info.vue

@@ -1,12 +1,16 @@
 <template>
 	<view class="container">
-		<uni-card>
-			<template v-slot:title>
-				<text>{{merchant.name}} {{merchant.affiliatedCommunity}} {{merchant.type}}</text>
-				<text></text>
-			</template>
-			<text class="uni-body">{{merchant.address}} {{merchant.contact}} {{merchant.tel}}</text>
-		</uni-card>
+		<uni-section title="{{merchant.name}}" type="line">
+			<uni-card padding="0" spacing="0">
+				<uni-list>
+					<uni-list-item title="类型：{{merchant.type}}"><text></text> </uni-list-item>
+					<uni-list-item title="社区：{{merchant.affiliatedCommunity}}"><text></text></uni-list-item>
+					<uni-list-item title="地址：{{merchant.address}}"><text></text></uni-list-item>
+					<uni-list-item title="联系人：{{merchant.contact}}"><text></text></uni-list-item>
+					<uni-list-item title="电话：{{merchant.tel}}"><text></text></uni-list-item>
+				</uni-list>
+			</uni-card>
+		</uni-section>		
 	</view>
 </template>
 
@@ -27,6 +31,10 @@
 		async mounted() {
 			const resp = await request.getMerchantInfo({ merchantId: this.merchantId});
 			this.merchant = resp.data;
+
+			if(this.merchant.address == null) this.merchant.address = "";
+			if(this.merchant.contact == null) this.merchant.contact = "";
+			if(this.merchant.tel == null) this.merchant.tel = "";
 		},
 		methods: {}
 	}