课程表

 <template>
 	<view class="twoCurriculum">
 		<!-- 课程表 -->
-		<view class="header-wrap">
-			<view class="tabs-wrap area flex">
-				<view :class="current==index?'tabs-active':''" v-for="(item,index) in tabs" :key="index"
-					@tap="tabsClick(item,index)">
-					{{item.title}}
-				</view>
+		<view class="tabs-wrap flex">
+			<view class="tabs-item" :class="current==index?'tabs-active':''" v-for="(item,index) in tabs" :key="index"
+				@tap="tabsClick(item,index)">
+				{{item.title}}
 			</view>
 		</view>
 
 		<view class="wrap area flex">
 			<view class="civil_tabs flex"  v-if="tabs[current].list&&tabs[current].list.length>0">
-				<view :class="current2==index?'civil_tabs_active':'civil_tabs_item'"
+				<view class="civil_tabs_item" :class="current2==index?'civil_tabs_active':''"
 					v-for="(item,index) in tabs[current].list" :key="index" @tap="civilTabsClick(item,index,'current2')">
 					{{item.title}}
 				</view>
@@ -29,7 +27,8 @@
 				</swiper>
 				
 				<view class="btn-wrap" >
-					<!-- 点击查看大图 -->左右滑动查看
+					<!-- 点击查看大图 -->
+					左右滑动查看
 				</view>
 			</view>
 		</view>
@@ -181,36 +180,42 @@
 	}
 
 	.tabs-wrap {
-		height: 76rpx;
+		height: 88rpx;
 		justify-content: space-around;
 		align-items: center;
-		font-size: 32rpx;
+		font-size: 28rpx;
 		font-family: PingFang SC;
 		font-weight: 500;
-		color: rgba(255, 255, 255, 0.7);
-
+		color: #323232;
+		background-color: #fff;
+		border-top:1rpx solid #f3f4f6;
+		.tabs-item {
+			height: 100%;
+			display: flex;
+			align-items: center;
+		}
 		.tabs-active {
-			color: #FFFFFF;
+			color: #2D81FF;
 			position: relative;
 		}
-
+	
 		.tabs-active::after {
 			content: '';
-			width: 38rpx;
-			height: 6rpx;
-			background: #FFFFFF;
-			border-radius: 4rpx;
 			position: absolute;
-			bottom: -18rpx;
 			left: 50%;
+			bottom: 0rpx;
 			transform: translate(-50%, 0);
+			background-image: url(@/static/imagesV2/icon23.png);
+			background-size: 100% 100%;
+			height: 24rpx;
+			width: 24rpx;
 		}
 	}
-
+	
 	.wrap {
 		min-height: 1152rpx;
 		background: #FFFFFF;
-		border-radius: 10rpx;
+		border-radius: 20rpx;
 		padding-bottom: 20rpx;
 		position: absolute;
 		top: 120rpx;
@@ -247,33 +252,35 @@
 
 	.civil_tabs {
 		width: 100%;
-		height: 100rpx;
-		font-size: 32rpx;
-		color: #999999;
-		border-radius: 10rpx;
-		background-image: linear-gradient(#D1EDFF 0%, #fff 100%);
 		justify-content: space-around;
 		align-items: center;
-
-		.civil_tabs_item {}
+		padding: 30rpx 0;
+		.civil_tabs_item {
+			font-size: 26rpx;
+			font-family: PingFang SC;
+			font-weight: 500;
+			color: #646464;
+			padding: 20rpx 60rpx;
+		}
 
 		.civil_tabs_active {
-			color: #0097FF;
-			opacity: 0.9;
+			color: #2D81FF;
 			position: relative;
+			background: rgba(45, 129, 255, 0.1);
+			border-radius: 32px;
 		}
 
-		.civil_tabs_active::after {
-			content: '';
-			width: 50rpx;
-			height: 8rpx;
-			background-color: #0F9CFF;
-			opacity: 0.9;
-			border-radius: 6rpx;
-			position: absolute;
-			bottom: -18rpx;
-			left: 50%;
-			transform: translate(-50%, 0);
-		}
+		// .civil_tabs_active::after {
+		// 	content: '';
+		// 	width: 50rpx;
+		// 	height: 8rpx;
+		// 	background-color: #0F9CFF;
+		// 	opacity: 0.9;
+		// 	border-radius: 6rpx;
+		// 	position: absolute;
+		// 	bottom: -18rpx;
+		// 	left: 50%;
+		// 	transform: translate(-50%, 0);
+		// }
 	}
 </style>