parking_h5/pages/parkingInformation/parkingInformation.vue

<template>
	<view class="parking-information">
		<view class="parking-information-slider">
			<image src="../../static/img/parking-info-bg.png" mode=""></image>
		</view>
		<view class="parking-information-content">
			<view class="parking-information-content-title">
				<view class="pict-left">
					<view class="title">甜蜜小镇D18组团停车场<text>地面</text></view>
					<view class="subtitle">贵阳市云岩区中天未来方舟甜蜜小镇D18组团</view>
				</view>
				<view class="pict-right">
					<image src="../../static/img/distance-icon.png" mode=""></image>
					<view class="m">238m</view>
				</view>
			</view>
			<view class="parking-information-content-time">
				<view>服务时间：<text>7:00-21:00</text></view>
				<view>包月费用：<text>300</text>元</view>
			</view>
			<view class="parking-information-content-cars">
				<view class="picc-tag">
					<view>120</view>
					<view>共有车位</view>
				</view>
				<view class="picc-tag">
					<view>30</view>
					<view>空闲车位</view>
				</view>
			</view>
			<view class="parking-information-content-price">
				<text>点击查看停车规则</text>
				<u-icon name="arrow-right"></u-icon>
			</view>
			<u-button class="parking-information-content-button">办理包月</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
@import './parkingInformation';
</style>