站点详情地图

components/Chargermap.vue

@@ -464,7 +464,9 @@ opacity:0;
 	position: absolute;
 	top: 89px;
 	left: 38px;
-	.corner{
+	
+}
+.corner{
 	   width: 0;
 	   height: 0;
 		position: absolute;
@@ -477,8 +479,6 @@ opacity:0;
 		border-right: 4px solid transparent;
 		border-top: 6px solid #b58cff ;
 	}
-}
-
 .station-icon2 {
 	width: 100px;
 	height: 36px;
@@ -490,7 +490,9 @@ opacity:0;
 	position: absolute;
 	top: 191px;
 	left: 168px;
-	.icon2-left{
+	
+}
+.icon2-left{
 		width: 36px;
 		height: 36px;
 		line-height: 36px;
@@ -499,12 +501,11 @@ opacity:0;
 		border-radius: 999px;
 		background-color: #fff;
 		color: #00b962;
-	}
-	.icon2-right{
-		color: #ffffff;
-		line-height: 14px;
-		padding: 4px;
-	}
+}
+.icon2-right{
+	color: #ffffff;
+	line-height: 14px;
+	padding: 4px;
 }
 .corner2{
    width: 0;

pages.json

@@ -41,6 +41,7 @@
 				//"navigationStyle": "custom" // 隐藏系统导航栏
 			}
 		},
+		
 		{
 			"name": "主页",
 			"path": "pages/index/index",

pages/searchPile/stationAndPile/stationDetails.vue

@@ -1,22 +1,23 @@
 <template>
 	<view style="padding-bottom: 138px;">
 		<u-navbar title="站点详情"></u-navbar>
-		<!-- 站点信息 -->
+		 
 		<view class="station-details">
 			<view class="station-name">
 				{{info.station.name}}
 			</view>
+			
 			<view class="details-item" style="margin-top: 22px;">
 				<text class="iconfont" style="color: #00b962;font-size: 20px;">&#xe60a;</text> <text
 					class="item-text">{{info.station.type}}</text>
 			</view>
 			<view class="details-item">
-				<text class="iconfont" style="color: #4e94ff;font-size: 20px;"">&#xe60e;</text> <text class="
-					item-text">{{info.station.distance}}公里</text>
+				<text class="iconfont" style="color: #4e94ff;font-size: 20px;">&#xe60e;</text> 
+				<text class="item-text">{{info.station.distance}}公里</text>
 			</view>
 			<view class="details-item">
-				<text class="iconfont" style="color: #ffad79;font-size: 20px;"">&#xe621;</text> <text class="
-					item-text"> {{info.station.time}}</text>
+				<text class="iconfont" style="color: #ffad79;font-size: 20px;">&#xe621;</text>
+				 <text class="item-text"> {{info.station.time}}</text>
 
 			</view>
 			<view class="station-address">
@@ -28,8 +29,8 @@
 					&#xe60c;
 				</view>
 			</view>
-		</view>
-		<!-- 价格详情 -->
+		</view> 
+		
 		<view class="price-details">
 			<view class="detail-title">
 				<view class="title-left">价格详情</view>
@@ -57,57 +58,57 @@
 					仅供参考，以停车场实际价格为准
 				</view>
 			</view>
-		</view>
-	<!-- 设备详情 -->
-	<view class="equipment-details">
-		<view class="title">
-			<view class="title-left">
-				设备详情
-			</view>
-			<view class="title-right">
-				<text class="free">空闲{{info.devices.idleNum}}/</text>
-				<text>总数{{info.devices.total}}</text>
-			
-			</view>
-		</view>
+		</view> 
 		
-		<view class="equipment-item" v-for="(item,index) in info.devices.items" :key="index">
-			<view class="left-font iconfont" v-if="item.status =='空闲'">
-				&#xe60a;
-			</view>
-			<view class="left-font iconfont" style="color:#ff6200" v-else>
-				&#xe60a;
-			</view>
-			<view class="name">
-				<view class="name-text">
-					{{item.name}}
+		<view class="equipment-details">
+			<view class="title">
+				<view class="title-left">
+					设备详情
 				</view>
-				<view :class="item.status == '空闲'?'tag-free':'tag-recharge'">
-					{{item.status}}
+				<view class="title-right">
+					<text class="free">空闲{{info.devices.idleNum}}/</text>
+					<text>总数{{info.devices.total}}</text>
+				
 				</view>
 			</view>
-			<view class="type">
-				{{item.description}}
-			</view>
-			<view class="charging-gun" v-for="(item1,index1) in item.plugs" >
-				<view class="iconfont">
-					&#xe618;
+			
+			<view class="equipment-item" v-for="(item,index) in info.devices.items" :key="index">
+				<view class="left-font iconfont" v-if="item.status =='空闲'">
+					&#xe60a;
+				</view>
+				<view class="left-font iconfont" style="color:#ff6200" v-else>
+					&#xe60a;
 				</view>
-				<view class="gun-num">
-					{{item1.name}}
+				<view class="name">
+					<view class="name-text">
+						{{item.name}}
+					</view>
+					<view :class="item.status == '空闲'?'tag-free':'tag-recharge'">
+						{{item.status}}
+					</view>
 				</view>
-				<view :class="item1.status == '空闲'?'free-state':'recharge-state'">
-					{{item1.status == '空闲'?item1.status: item1.status + ' ' + item1.soc}}
+				<view class="type">
+					{{item.description}}
 				</view>
-			</view>			
+				<view class="charging-gun" v-for="(item1,index1) in item.plugs" >
+					<view class="iconfont">
+						&#xe618;
+					</view>
+					<view class="gun-num">
+						{{item1.name}}
+					</view>
+					<view :class="item1.status == '空闲'?'free-state':'recharge-state'">
+						{{item1.status == '空闲'?item1.status: item1.status + ' ' + item1.soc}}
+					</view>
+				</view>			
+			</view> 
+			
 		</view> 
 		
-	</view>
-	<!-- 底部 -->
-	<view class="bottom">
-		<u-button class="button1" shape="circle" size="medium" @click="charge">扫码充电</u-button>
-		<u-button class="button2" shape="circle" size="medium" @click="navigation">导航</u-button>
-	</view>
+		<view class="bottom">
+			<u-button class="button1" shape="circle" size="medium" @click="charge">扫码充电</u-button>
+			<u-button class="button2" shape="circle" size="medium" @click="navigation">导航</u-button>
+		</view>
 	</view>
 </template>