<template>
	<view class="content">
		<view class="bussniseBox">
			<view class="imgBox">
				<image :src="postData.logo" mode=""></image>
			</view>
			<view class="nameBox">
				{{postData.name}}
			</view>
		</view>
		<view class="addressBox">
			地址：<text>{{postData.address}}</text>
		</view>
	</view>
</template>

<script>
	import request from '../../utils/request.js'
	export default {
		data() {
			return {
				postData: ''
			}
		},
		onLoad() {
			this.getInfo()
		},
		methods: {
			getInfo() {
				request.get('/api/common/shop', {}).then(res => {
					if (res.code == 1) {
						this.postData = res.data
					}
				}).catch(err => {

				})
			}
		}
	}
</script>

<style>
	.content {
		min-height: 100vh;
		background-color: #F7F8FA;
	}

	.bussniseBox {
		padding: 32rpx;
		box-sizing: border-box;
		background-color: #FFF;
		display: flex;
		align-items: center;
	}

	.imgBox {
		width: 100rpx;
		height: 100rpx;
		margin-right: 24rpx;
	}

	.imgBox image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

	.nameBox {
		color: #323233;
		font-size: 34rpx;
		font-weight: 600;
		flex: 1;
	}

	.addressBox {
		color: #323233;
		font-size: 28rpx;
		padding: 36rpx 32rpx;
		box-sizing: border-box;
		margin-top: 24rpx;
		background-color: #fff;
	}

	.addressBox>text {
		color: #646566;
		font-size: 26rpx;
		padding-left: 40rpx;
		box-sizing: border-box;
	}
</style>