图片路径和车辆信息

ebike-maintenance/components/bike-info/bike-info.vue

@@ -29,12 +29,16 @@
 			<label style="margin-right: 15px;"><uni-icons custom-prefix="iconfont" type="icon-ebikejinggao" color="#FF7200" size="12"/></label>
 			<label style="font-size: 10px;">安全骑行，遵守交通规则</label>
 		</div>
+		<div>
+			<div @click="$emit('close')">关闭</div>
+		</div>
 	</div>
 </template>
 
 <script setup>
 	import { ref } from 'vue';
 	const props=defineProps(["bikecode"]);
+	const methods=defineEmits(["close"])
 	const color=ref("#61D145");
 	const data=ref({
 		bikeCode:props.bikecode,
@@ -42,6 +46,7 @@
 		dl:"86%",
 		jl:"50km"
 	})
+	
 </script>
 
 <style scoped>

ebike-maintenance/components/bike-pay/bike-pay.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

ebike-maintenance/pages/user/home/home.vue

@@ -1,7 +1,7 @@
 <template>
 	<map id="mapRef" ref="mapRef" style="width: 100%;height: 100vh;" show-location :longitude="location.longitude"
 		:latitude="location.latitude" :markers="markers" :scale="scale" :polygons="polygons" :polyline="polylines"
-		:circles="circles" @markertap="fnshowBikeInfo" />
+		:circles="circles" @markertap="openBikeInfo" />
 	<div v-if="!showBikeInfo" class="divMapTools" style="left: 10px;">
 		<div>
 			<image class="divImg" :src='imgPath+"static/userui/home/localtion.png"' @click="refresh" />
@@ -68,19 +68,19 @@
 	<div v-if="showMess!=1" class="divMess">
 		<uni-card>
 			<uni-list border>
-				<uni-list-item thumb="/static/userui/home/map1.png" thumb-size="lg">
+				<uni-list-item :thumb='imgPath+"static/userui/home/map1.png"' thumb-size="lg">
 					<template v-slot:body>
 						<div class="divMessTitle1">服务区域</div>
 						<div class="divMessTitle2">请在服务区域内骑行</div>
 					</template>
 				</uni-list-item>
-				<uni-list-item thumb="/static/userui/home/map2.png" thumb-size="lg">
+				<uni-list-item :thumb='imgPath+"static/userui/home/map2.png"' thumb-size="lg">
 					<template v-slot:body>
 						<div class="divMessTitle1">换车区域</div>
 						<div class="divMessTitle2">还车时确保车辆已经到达还车区域或者距你最近的停车网点</div>
 					</template>
 				</uni-list-item>
-				<uni-list-item thumb="/static/userui/home/map3.png" thumb-size="lg">
+				<uni-list-item :thumb='imgPath+"static/userui/home/map3.png"' thumb-size="lg">
 					<template v-slot:body>
 						<div class="divMessTitle1">停车网点</div>
 						<div class="divMessTitle2">还车至停车网点，时长费最多可半价优惠</div>
@@ -103,7 +103,7 @@
 		</uni-card>
 	</div>
 	<div v-if="showBikeInfo" style="position: absolute;z-index: 2000;bottom: 0;width: 100vw;">
-		<bike-info bikecode="123456" />
+		<bike-info bikecode="123456" @close="closeBikeInfo"/>
 	</div>
 
 </template>
@@ -284,7 +284,7 @@
 			width: 30,
 			height: 30,
 			zIndex: "100",
-			iconPath: "/static/userui/home/" + icon,
+			iconPath: imgPath+"static/userui/home/" + icon,
 			joinCluster: joinCluster ? true : false
 		};
 	}
@@ -468,11 +468,15 @@
 	}
 
 	//查看车辆信息
-	function fnshowBikeInfo() {
+	function openBikeInfo() {
 		showModelMessage("该功能暂未实现！");
 		showBikeInfo.value = true;
 	}
 
+	//关闭车辆信息
+	function closeBikeInfo(){
+		showBikeInfo.value =false;
+	}
 
 	getLoalcationData();