Applet/pages/merchant/info.vue

<template>
	<view class="container">
		<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>

<script>
	import request from '../../api/merchant.js';
	import { BASE_URL } from '../../env.js';
	export default {
		components: {},
		onLoad: function (option) {
			this.merchantId = option.id;
		},
		data() {
			return {
				merchantId: '',
				merchant: {},
			}
		},
		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: {}
	}
</script>

<style>
</style>