快慢充标签修改

pages/search/search.vue

@@ -6,7 +6,7 @@
 		</u-navbar>
 		<view class="recommend">推荐充电站</view>
 		<view class="charing-slow" v-for="(item,index) in stations_filter" :key="item.id">
-			<text :class="item.type == '慢充'? 'trickle-charge':'fast-charge'">{{item.type}}</text> <text class="station-items">{{item.name}}</text>
+			<text :class="item.type == '快充' ? 'fast-charge':(item.type == '慢充' ? 'trickle-charge':'fast-trickle-charge')">{{item.type}}</text> <text class="station-items">{{item.name}}</text>
 			<view class="address">
 				{{item.position}}
 			</view>
@@ -286,6 +286,17 @@
 			font-size: 12px;
 			text-align: center;
 		}
+		.fast-trickle-charge{
+			display: inline-block;
+			width: 66px;
+			height: 20px;
+			line-height: 20px;
+			border-radius: 50px;
+			background-color: #00BAC8;
+			color: rgba(255, 255, 255, 100);
+			font-size: 12px;
+			text-align: center;
+		}
 		.fast-charge {
 			display: inline-block;
 			width: 44px;

pages/searchPile/searchPile.vue

@@ -141,7 +141,7 @@
 			<view v-show="!viewMode" >
 				 
 				<view v-for="(item,index) in stationslist" :key="item.id" class="charing-slow"   @click="stationDetail(item)">
-					<text :class="item.type == '快充' ? 'fast-charge':'trickle-charge'">{{item.type}}</text> <text class="station-items">{{item.name}}</text>
+					<text :class="item.type == '快充' ? 'fast-charge':(item.type == '慢充' ? 'trickle-charge':'fast-trickle-charge')">{{item.type}}</text> <text class="station-items">{{item.name}}</text>
 					<view class="address">
 						{{item.position}}
 					</view>
@@ -184,7 +184,7 @@
 							<view class="swiper-item" style="height: 100%; background-color: #ffffff;" @click="stationDetail(item)">
 								<view class="card_item" style="font-size: 35rpx;padding-top: 5rpx;">
 									<view style="display: flex;flex-direction: row;">
-										<view :class="item.type == '快充'? 'fast-charge':'trickle-charge'" >
+										<view :class="item.type == '快充' ? 'fast-charge':(item.type == '慢充' ? 'trickle-charge':'fast-trickle-charge')" >
 											{{item.type}}
 										</view>
 										<view>
@@ -1118,6 +1118,18 @@ export default {
  		font-size: 12px;
  		text-align: center;
  	}
+	
+	.fast-trickle-charge {
+		display: inline-block;
+		width: 66px;
+		height: 20px;
+		line-height: 20px;
+		border-radius: 50px;
+		background-color: #00BAC8;
+		color: rgba(255, 255, 255, 100);
+		font-size: 12px;
+		text-align: center;
+	}
 	.trickle-charge {
 		display: inline-block;
 		width: 44px;

pages/searchPile/stationAndPile/stationDetailsMap.vue

@@ -11,7 +11,7 @@
 			 <view class="chargerCard" @click="stationDetail(item)">
 				<view class="card_item" style="font-size: 35rpx;padding-top: 5rpx;" >
 					<view style="display: flex;flex-direction: row;">
-						<view class="round2" style="margin-right: 5rpx;">
+						<view :class="item.type == '快充' ? 'fast-charge':(item.type == '慢充' ? 'trickle-charge':'fast-trickle-charge')"style="margin-right: 5rpx;">
 							{{item.type}}
 						</view>
 						<view>
@@ -514,6 +514,20 @@
 	 		font-size: 12px;
 	 		text-align: center;
 	 	}
+		
+		
+		.fast-trickle-charge {
+			display: inline-block;
+			width: 66px;
+			height: 20px;
+			line-height: 20px;
+			border-radius: 50px;
+			background-color: #00BAC8;
+			color: rgba(255, 255, 255, 100);
+			font-size: 12px;
+			text-align: center;
+		}
+		
 		.trickle-charge {
 			display: inline-block;
 			width: 44px;