充电价格详情tabs修改

pages/searchPile/stationAndPile/chargePriceDetails.vue

@@ -1,12 +1,10 @@
 <template>
 	<view style="padding-bottom: 148px;">
 		<u-navbar title="充电价格详情"></u-navbar>
-		<view class="main">
+		<view class="main" >
 			<view class="tabs-box">
-				<u-tabs itemStyle="width:300px" inactive-color="#888888" active-color="#101010" :list="list" :is-scroll="true"
-        :style="{
-          width: '650rpx',
-        }"					:current="current" @change="change"></u-tabs>
+				<u-tabs  inactive-color="#888888" active-color="#101010" :list="list" :is-scroll="true"
+      					:current="current" @change="change"></u-tabs>
 			</view>
 			<view class="line-box"><u-line color="#999999" /></view>
 			<view  class="time-frame" v-for="(item,index) in items" :key="index">
@@ -41,7 +39,17 @@
 				list: [
 			 	{
 					name: '直流快充', 
-				}, {
+				}, 
+				{
+					name: '交流慢充', 
+				} ,
+				{
+					name: '交流慢充', 
+				} ,
+				{
+					name: '交流慢充', 
+				} ,
+				{
 					name: '交流慢充', 
 				} 
 				],
@@ -107,15 +115,16 @@
        
 		.tabs-box {
 			width: 55%;
+			height: 44px;
 			margin: 0 auto;
-			line-height: 44px;
+			// line-height: 44px;
 			position: relative;
 		}
 			.line-box{
 				width: 100%;
-				height: 100%;
+				height: 44px;
 				position: absolute;
-				top: 79px;
+				top: 84px;
 			}
 
 		.time-frame {
@@ -164,4 +173,8 @@
 		left: 0;
 		
 		}
+		
+		.tabs-box{
+			width: 90% !important;
+		}
 </style>

pages/searchPile/stationAndPile/stationDetails.vue

@@ -434,7 +434,6 @@
 			}
 
 			.right-text {
-				width: 15%;
 				font-size: 14px;
 				position: absolute;
 				top: 23px;