完成008A功能开发

pages/common/map/index.nvue

@@ -1,6 +1,22 @@
 <template>
 	<view class="container">
-		<map class="map" :latitude="latitude" :longitude="longitude" :markers="covers" @markertap="onMarkerTap"
+		<uni-nav-bar :border="false" @clickLeft="prevPage" fixed="true" statusBar="true" background-color="#121212"
+			color="#FFFFFF" :title="Status.navbar.title">
+			<template v-slot:left>
+				<view>
+					<uni-icons type="left" size="24" color="#FFFFFF"></uni-icons>
+				</view>
+			</template>
+			<block slot="right">
+				<view class="navbarRight center">
+					<image @click.stop="handleRightClick(index,item)" v-for="item,index in Status.navbar.icons"
+						class="img" :src="item.src" mode="aspectFit"></image>
+				</view>
+		
+			</block>
+		</uni-nav-bar>
+		
+		<map id="map" ref="map" class="map" :latitude="latitude" :longitude="longitude" :markers="covers" @markertap="onMarkerTap"
 			:scale="16"></map>
 
 		<!-- 加载提示 -->
@@ -13,6 +29,7 @@
 
 <script>
 	import Common from "@/utils/Common.js";
+	
 	export default {
 		data() {
 			return {
@@ -79,6 +96,17 @@
 						showMask: true,
 						maskBgColor: '#00000066',
 						showClose: false
+					},
+					navbar: {
+						icons: [
+							// {
+							// type:'msg',
+							// 	src: '/static/images/common/guiji.png'
+							// }
+						],
+						title: '查看位置',
+						showBack: true,
+						height: 90
 					}
 				}
 
@@ -113,9 +141,20 @@
 						this.loading = false;
 					}
 				}
+				
+				 
 			});
 		},
 		methods: {
+			prevPage() {
+				uni.navigateBack({
+			
+				});
+			},
+			handleRightClick: function(s, e) {
+			
+				console.log("敬请期待");
+			},
 			showAction() {
 				
 				let gd=plus.runtime.isApplicationExist({
@@ -277,4 +316,22 @@
 		background-color: rgba(0, 0, 0, 0.7);
 		border-radius: 8rpx;
 	}
+	
+	 .img {
+		width: 35rpx;
+		height: 35rpx;
+		margin-right: 30rpx;
+	}
+	
+	.uni-navbar--fixed {
+		top: 0rpx;
+	}
+	
+.uni-navbar--fixed {
+		top: 0px;
+	}
+	
+.uni-navbar__placeholder {
+		display: none !important;
+	}
 </style>