预报详情header

pages/saleForecastList/Detail/Detail.wxml

@@ -1,10 +1,15 @@
 <!--pages/orderinfo/orderinfo.wxml-->
-<view class="swiper-tab">
+<!-- <view class="swiper-tab">
   <view class="swiper-tab-list tab1 {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">基本信息</view>
   <view class="swiper-tab-list tab2 {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">预报详细</view>
+</view> -->
+
+<view class="swiper-tab">
+  <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">基本信息</view>
+  <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">预报详细</view>
 </view>
 
-<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 31}}px" bindchange="bindChange">
+<swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 55}}px" bindchange="bindChange">
   <!-- 基本信息 -->
   <swiper-item class="swiper-items1">
     <scroll-view scroll-x="false" scroll-y="true" class='scroll-views'>

pages/saleForecastList/Detail/Detail.wxss

@@ -2,58 +2,43 @@
 
 page {
   background: rgb(240, 239, 245);
+  height: calc(100%-10px);
 }
-
 .swiper-tab {
-  width: 100%;
+  /* height: 30px; */
+  margin: 10px 20px;
   text-align: center;
-  line-height: 80rpx;
+  line-height: 30px;
+  background: white;
   display: flex;
   flex-direction: row;
-  justify-content: center;
-  border-bottom: 0.2rpx solid rgb(223, 218, 218);
+  border-radius: 5px;
+  border: 1px solid#2E8CF5;
+  overflow: hidden;
 }
 
 .swiper-tab-list {
+  height: 100%;
+  width: 50%;
   font-size: 30rpx;
-  width: 40%;
   color: #777;
-  margin-top: 5rpx;
-  height: 60rpx;
-  line-height: 60rpx;
-}
-
-.tab1 {
-  border-top: 2rpx solid #999;
-  border-bottom: 2rpx solid #999;
-  border-left: 2rpx solid #999;
-  border-radius: 20rpx 0rpx 0rpx 20rpx;
-  background: white;
-}
-
-.tab2 {
-  border-top: 2rpx solid #999;
-  border-bottom: 2rpx solid #999;
-  border-right: 2rpx solid #999;
-  border-radius: 0rpx 20rpx 20rpx 0rpx;
-  background: white;
 }
 
 .on {
-  background: #2788f8;
+  background-color:#2E8CF5 ; 
   color: white;
 }
 
+
 .swiper-box {
   display: block;
-  height: 100%;
   width: 100%;
   overflow: hidden;
 }
 
 .swiper-items1 {
   height: 100%;
-  padding-top: 3%;
+  /* padding-top: 3%; */
 }
 
 .swiper-items2 {