站点详情样式修改

pages/parking/outPayment.vue

@@ -222,7 +222,6 @@
   		font-size: 16px;
   		text-align: center;
 		padding-bottom: 20px;
-		
 		// position: absolute;
 		// bottom:20px;
 		// left: 0;

pages/searchPile/stationAndPile/stationDetails.vue

@@ -13,19 +13,20 @@
 			</view>
 			
 			<view class="details-item" style="margin-top: 22px;">
-				<text class="iconfont font5" :style="stationDetail.station.type.indexOf('1')>=0?(stationDetail.station.type.indexOf('2')>=0?'color: #00BAC8;':'color: #9d9fff;'):('color: #00b962;')">&#xe60a;</text> 
+				<view class="iconfont font5" :style="stationDetail.station.type.indexOf('1')>=0?(stationDetail.station.type.indexOf('2')>=0?'color: #00BAC8;':'color: #9d9fff;'):('color: #00b962;')">&#xe60a;</view> 
 <!--				style="color: #00b962;"-->
-				<text class="item-text oldTextjp2" oldstyle="font-size: 16px;" >{{(stationDetail.station.type.indexOf('1')>=0?'直流快充':'')}}{{(stationDetail.station.type.indexOf(',')>=0?'/':'')}}{{(stationDetail.station.type.indexOf('2')>=0?'交流慢充':'')}}</text>
+				<view class="item-text oldTextjp2" oldstyle="font-size: 16px;" >{{(stationDetail.station.type.indexOf('1')>=0?'直流快充':'')}}{{(stationDetail.station.type.indexOf(',')>=0?'/':'')}}{{(stationDetail.station.type.indexOf('2')>=0?'交流慢充':'')}}</view>
 			</view>
 			<view class="details-item">
-				<text class="iconfont font5" style="color: #4e94ff;">&#xe60e;</text> 
-				<text class="item-text oldTextjp2" oldstyle="font-size: 16px;" >
+				<view class="iconfont font5" style="color: #4e94ff;">&#xe60e;</view> 
+				<view class="item-text oldTextjp2" oldstyle="font-size: 16px;" >
 					{{stationDetail.station.distance!=null&&stationDetail.station.distance>0.1 ? stationDetail.station.distance.toFixed(1)+'公里':'小于100米'}}
-				</text>
+				</view>
 			</view>
 			 <view class="details-item">
-				<text class="iconfont font5" style="color: #ffad79;">&#xe621;</text>
-				 <text class="item-text oldTextjp2" oldstyle="font-size: 16px;" > {{stationDetail.station.describe}}</text>
+				<view class="iconfont font5" style="color: #ffad79;">&#xe621;</view>
+				 <view class="item-text oldTextjp2" oldstyle="font-size: 16px;" >
+				 {{stationDetail.station.describe}}</view>
 			</view> 
 			<view class="station-address" @click="map">
 				<img src="static/img/Frame 201.png" alt="">
@@ -572,30 +573,37 @@
 		}
 
 		.details-item {
-			margin-top: 5px;
-			height: 17px;
+			display: flex;
+			justify-content: start;
+			width: 100%;
+			margin-top: 8px;
+			line-height: 17px;
 
 			@include themeify{
 				font-size: themed('font-size1');
 			}
 			/*font-size: 12px;*/
-			position: relative;
+			// position: relative;
+		}
+		.font5{
+		
+			
 		}
 
 		.item-text {
-			display: inline-block;
+			
 			color: rgba(102, 102, 102, 100);
-			margin-left: 4px;
-			line-height: 17px;
-			position: absolute;
-			left: 24px;
-			top: 1px;
+			margin-left: 10px;
+			
+			// position: absolute;
+			// left: 24px;
+			// top: 1px;
 		}
 
 		.station-address {
 			width: 100%;
-			height: 40px;
-			margin-top: 17px;
+			height: 44px;
+			margin-top: 14px;
 			position: relative;
 
 			img {
@@ -604,8 +612,8 @@
 			}
 
 			.address-text {
-/*				height: 17px;
-				line-height: 17px;*/
+
+				
 				position: absolute;
 				top: 12px;
 				left: 0;
@@ -631,7 +639,7 @@
 							}
 			 				.view-map{
 								@include themeify{
-									font-size: themed('font-size1');
+									font-size: themed('font-size0');
 			/*						line-height: themed('font-size2');
 									height: themed('font-size2'); */
 								}