<template>
	<view>
		<image src="@/static/bg.png" mode="" style="width: 100%;height: 928rpx;"></image>
		<view class="top" @click="previous">
			<view class="xuzou">
				<uni-icons type="left" size="18"></uni-icons>
			<text class="title">门店列表</text>	
				</view>
		</view>
		<view class="mendian">
			<view class="mddz" v-for="(item,index) in 5">
				<view class="mddz1">
					<image class="mddz1img" src="@/static/uni.png" mode=""></image>
					<view class="mddz1wz">运动湾24小时自助健身(置地大厦店)</view>
				</view>
				<view class="mddz2">
					<image class="mddz1img1" src="@/static/定位1.png" mode=""></image>
					<text class="dz">地址：徐州云龙区置地大厦116号</text>
					<image class="mddz1img2" src="@/static/电话o.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			previous(){
				uni.navigateBack()
			},
		}
	}
</script>

<style scoped>
.top {
		display: flex;
		position: absolute;
		top: 96rpx;
		left: 20rpx;
	}
	.title{
		padding-left: 14rpx;
	}
	.mddz1img2 {
		width: 44rpx;
		height: 44rpx;
		float: right;
	}
	
	.mddz2 {
		margin-top: 32rpx;
	}
	
	.dz {
		margin-left: 17rpx;
	}
	
	.mddz1img1 {
		width: 22rpx;
		height: 27rpx;
	}
	
	.mddz1 {
		display: flex;
	}
	
	.mddz1img {
		width: 60rpx;
		height: 60rpx;
	}
	
	.mddz1wz {
		font-family: PingFang SC;
		font-weight: bold;
		font-size: 30rpx;
		color: #222222;
		margin-left: 21rpx;
		margin-top: 12rpx;
	}
	
	.mddz {
		width: 680rpx;
		height: 152rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 3rpx 9rpx 0rpx rgba(19, 14, 4, 0.08);
		border-radius: 20rpx;
		margin-top: 24rpx;
		padding: 20rpx 17rpx;
	}
	.mendian{
		position: absolute;
		top: 152rpx;
		left: 24rpx;
	}
	
</style>
