zx_flk_app/pages/service/service.vue

<template>
	<view class="service-main">
		<map class="my_app" id="myMap" :longitude="myLocation.longitude" :latitude="myLocation.latitude" :scale="14"
			 show-location enable-3D show-compass enable-overlooking 
			:enable-satellite="false"  :enable-traffic="false"
			style="width: 100%;height:calc(50vh - 0rpx);">
		</map>
		<view class="store-cabinet-block">
			<view class="block-p"></view>
			<view class="flex-row flex-between" style="margin-bottom: 40rpx;">
				<view class="check-type flex-row">
					<view class="store-type store-type-s">门店</view>
					<view class="cabinet-type cabinet-type-i">换电柜</view>
				</view>
				<view class="config-view flex-row">
					<view class="seach-img"><img src="https://qiniu.bms16.com/FiWnFuZm5vWQ_Si3CEYLGJnVhSal" alt=""></view>
					<view class="screen-img"><img src="https://qiniu.bms16.com/FpElQHM5NbxHDjz1LrwaHYN668LR" alt=""></view>
				</view>
			</view>
			<CarRentalList/>
		</view>
		<leaseType/>
	</view>
</template>

<script>
	import LeaseType from './components/leaseType/leaseType'
	import CarRentalList from './components/carRentalList/carRentalList'
	export default {
		data() {
			return {
				myLocation:{
					latitude: 23.099994,
					longitude: 113.324004,
				}
			};
		},
		components: {
			LeaseType,
			CarRentalList
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad: function(options) {
		},
		methods: {

		}
	};
</script>
<style>
	@import './service.css';
</style>