公共样式提取

common/styles/global/components.scss

@@ -249,4 +249,17 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	@include ezy-no-repeat-cover;background-image: url("@/static/images/my/jf-qb.png");}
 	.jf-text{min-width: 60rpx;text-align: center;color: #fff;}
 }
-		
+	
+// tab页面
+.ezy-tab-border{
+	flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
+	margin: 12rpx auto 32rpx;position: relative;box-sizing: border-box;display: flex;flex-direction: column;
+}
+.ezy-tab-box{
+		height: 82rpx!important;
+		background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 20rpx 20rpx 0;
+		box-sizing: border-box;padding: 10rpx 12rpx;border-radius: 8rpx;
+		.segmented-control__text{color: #333!important;}
+		.segmented-control__item--button,.segmented-control__item--button--last{height: 62rpx;border: 0;border-width: 0!important;border-radius: 8rpx;}
+		.segmented-control__item--button--active .segmented-control__text{color: #fff!important;}
+	}

common/styles/global/pages.scss

@@ -812,18 +812,7 @@
 	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
 	.uni-list{background-color: transparent!important;}
 	.uni-list--border-top,.uni-list--border-bottom{display: none;}
-	.cuoti-border-box{
-		flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
-		margin: 12rpx auto 32rpx;position: relative;box-sizing: border-box;display: flex;flex-direction: column;
-	}
-	.cuo-tab-box{
-		height: 82rpx!important;
-		background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 20rpx 20rpx 0;
-		box-sizing: border-box;padding: 10rpx 12rpx;border-radius: 8rpx;
-		.segmented-control__text{color: #333!important;}
-		.segmented-control__item--button{height: 62rpx;border: 0;border-radius: 8rpx;}
-		.segmented-control__item--button--active .segmented-control__text{color: #fff!important;}
-	}
+	
 	.cuoti-content-box{flex: 1;background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 10rpx 20rpx;}
 	.cuoti-scroll-view{overflow-y: auto;height: calc(100vh - 380rpx - var(--status-bar-height));}
 	

pages/wrong/index.vue

@@ -4,9 +4,9 @@
 			<view @click="handleBack" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">我的错题</text>
 		</view>
-		<view class="cuoti-border-box">
+		<view class="ezy-tab-border">
 			<uni-segmented-control :current="data.current" :values="data.items" active-color="#3A7FE9"
-				@clickItem="onChangeTab" class="cuo-tab-box" />
+				@clickItem="onChangeTab" class="ezy-tab-box" />
 			<view class="cuoti-content-box">
 				<view v-if="data.current === 0">
 					<scroll-view scroll-y="true" refresher-enabled="true"