修改

pages/guidecar/guidecarList.vue

 <template>
-  <div class="guidecarList" style="height: 100%;">
-	  <div class='g_top'>
-		<view class="topB" @click="">
-			<span class='ztext'>{{STime.month}}月{{STime.day}}日</span>
-			<span class='titext'>{{STime.week+' '+STime.hour+':'+STime.minute}}</span>
-		</view>
-		<view class="topB" style="height: 20px;align-items: center;">
-			<span style='font-size: 11px;color: #1C1E1F;'>{{intervalDay}}</span>
-			<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/sanjiao.png" mode="aspectFill" style="width: 55px;height: 4px;"></image>
-		</view>
-		<view class="topB" @click="">
-			<span class='ztext'>{{ETime.month}}月{{ETime.day}}日</span>
-			<span class='titext'>{{ETime.week+' '+ETime.hour+':'+ETime.minute}}</span>
-		</view>			
-	  </div>
-	  <view style="padding: 10px 0 0;position: relative;background: #fff;width: 100%;height: 55px;">
-		  <view style=" border-bottom: 1px solid #E2E2E2;">
-		  		  <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" :active-color="mainColor"></u-tabs>
-		   </view>
-		   <view v-if="screenshow==true" class="tanchu" >
-			   <scroll-view 
-			   :scroll-y="true"
-			   :enable-back-to-top="true"
-			    style="max-height: 283px;">
-				   <view class="tanchu_item" v-for="(item, index) in screenList" :key="index" @click="onItemSelect(item)">
-				   	<span>{{item.Name}}</span>
-				   	<u-icon name="success" :color="mainColor" size="30" v-if='item.ID==msg.OrderBy && current==0'></u-icon>
-				   	<u-icon name="success" :color="mainColor" size="30" v-if='item.ID==msg.CarBrandId && current==1'></u-icon>
-				   </view>
-			   </scroll-view>
-				
-		   </view>
-	  </view>
-	
+  <div class="guidecarList" style="height: 100vh;">
+	  <view class="guide_ComHead">
+		  <div class='g_top'>
+			<view class="topB" @click="">
+				<span class='ztext'>{{STime.month}}月{{STime.day}}日</span>
+				<span class='titext'>{{STime.week+' '+STime.hour+':'+STime.minute}}</span>
+			</view>
+			<view class="topB" style="height: 20px;align-items: center;">
+				<span style='font-size: 11px;color: #1C1E1F;'>{{intervalDay}}</span>
+				<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/sanjiao.png" mode="aspectFill" style="width: 55px;height: 4px;"></image>
+			</view>
+			<view class="topB" @click="">
+				<span class='ztext'>{{ETime.month}}月{{ETime.day}}日</span>
+				<span class='titext'>{{ETime.week+' '+ETime.hour+':'+ETime.minute}}</span>
+			</view>			
+		  </div>
+		  <view class="g_Second" style="padding: 10px 0 0;position: relative;background: #fff;width: 100%;height: 55px;">
+			  <view style=" border-bottom: 1px solid #E2E2E2;">
+				  <u-tabs :list="list" :is-scroll="false" :current="current" @change="change" :active-color="mainColor"></u-tabs>
+			   </view>
+			   <view v-if="screenshow==true" class="tanchu" >
+				   <scroll-view 
+				   :scroll-y="true"
+				   :enable-back-to-top="true"
+					style="max-height: 283px;">
+					   <view class="tanchu_item" v-for="(item, index) in screenList" :key="index" @click="onItemSelect(item)">
+						<span>{{item.Name}}</span>
+						<u-icon name="success" :color="mainColor" size="30" v-if='item.ID==msg.OrderBy && current==0'></u-icon>
+						<u-icon name="success" :color="mainColor" size="30" v-if='item.ID==msg.CarBrandId && current==1'></u-icon>
+					   </view>
+				   </scroll-view>
+			   </view>
+		  </view>
+      </view>
 	  <div style='display: flex;width: 100%;overflow: hidden;overflow-y: auto;'>
 		  <view v-if="screenshow==true" class="Mask"  @click="screenshow=false"></view>
 		  <div class="left-slider">
@@ -53,7 +53,7 @@
 		      :enable-flex="true"
 		      @scrolltolower="lower"
 			  v-if="g.length > 0"
-		      style=" height: calc(100vh - (44px+10px+50px)) ;width: calc(100vw - 85px);"
+			  :style="{ 'height': `calc(100vh - ${scrollHeight})`,'width':'calc(100vw - 85px)'}"
 		    >
 				<view style="width: 100%;display: flex;flex-direction: column;align-items: center;padding: 10px">
 					<view class="c_list_item" v-for="(x, i) in g" :key="i" @click="goDetails(x)">
@@ -164,13 +164,13 @@ export default {
 	    nomore: "没有更多了",
 	  },
 	  PagePath:'',
+	  scrollHeight: 0,
     };
   },
 
   onLoad(options) {
 		if(options && options.item){
 		  let item = JSON.parse(decodeURIComponent(options.item))
-		  console.log(item)
 		  this.msg.CarClass = item.CarClass
 		  this.msg.CarType = item.CarType
 		  this.msg.EndTime = item.EndTime
@@ -226,9 +226,21 @@ export default {
 	uni.setNavigationBarTitle({
 	  title: this.pageTitle,
 	});
-	
+	setTimeout(() => {
+	  this.getHeadHeight();
+	}, 500);
   },
   methods: {
+	  getHeadHeight() {
+	    let that = this;
+	    const query = uni.createSelectorQuery().in(this);
+	    query
+	      .select(".guide_ComHead")
+	      .boundingClientRect((data) => {
+			  that.scrollHeight = data.height + "px";
+	      })
+		  .exec();
+	  },
 	  init(){
 		  uni.showLoading({
 		    title: "加载中",
@@ -496,4 +508,15 @@ getGuideCarBrandList(){
 		justify-content: space-between;
 		border-bottom: 1px solid #E2E2E2;
 	}
+	.guidecarList .guide_ComHead{
+		display: flex;
+		-webkit-box-orient: vertical;
+		-webkit-box-direction: normal;
+		-webkit-flex-direction: column;
+		flex-direction: column;
+		-webkit-box-align: center;
+		-webkit-align-items: center;
+		align-items: center;
+		width:100%;
+	}
 </style>