错题第一版

common/styles/global/pages.scss

@@ -617,11 +617,36 @@
 	@include ezy-no-repeat-cover;background-image: url("@/static/images/my/my-page-img.png");
 }
 
+// 错题
+.ezy-cuoti-page{
+	width: 100%;height: 100vh;background-color: #00c5fe;position: relative;
+	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
+	@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{
+		background-color: rgba(255, 255, 255, 0.6);z-index: 3;margin: 10rpx 20rpx;
+	}
+	
+}
+
 // 关于我们
 .ezy-about-page{
 	width: 100%;height: 100vh;background-color: #00c5fe;position: relative;
 	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
-	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/my/my-page-bj.png");
+	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
 	.about-body-border{
 		flex: 1;width: 92%;height: auto;background-color: rgba(255, 255, 255, 0.6);border-radius: 10px;
 		margin: 12rpx auto 200rpx;position: relative;display: flex;flex-direction: column;
@@ -707,7 +732,7 @@
 .ezy-svip-page{
 	width: 100%;height: 100vh;background-color: #23befb;position: relative;
 	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
-	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/pay/svip-page-bj.png");
+	@include ezy-no-repeat-cover(bottom);background-image: url("@/static/images/common/ezy-page-bj.png");
 	.svip-login{
 		width: 673rpx;height: 269rpx;margin: 0 auto;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/pay/svip-logo.png");

pages/wrong/index.vue

@@ -1,57 +1,57 @@
 <template>
-	<view>
-		<view class="ezy-navBar-box">
+	<view class="ezy-cuoti-page">
+		<view class="icon-title-navBar-box">
 			<view @click="handleBack" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">我的错题</text>
 		</view>
-		<view class="uni-padding-wrap uni-common-mt">
-			<uni-segmented-control :current="data.current" :values="data.items" style-type="button"
-				active-color="#007aff" @clickItem="onChangeTab" />
-		</view>
-		<view class="content">
-			<view v-if="data.current === 0">
-				<scroll-view style="height: 300px;" scroll-y="true" refresher-enabled="true"
-					:refresher-triggered="data.shuxue.loading" :refresher-threshold="50"
-					refresher-background="lightgreen" @refresherrefresh="onRefresh" @refresherrestore="onRestore"
-					@refresherabort="onAbort">
-					<!--数学-->
+		<view class="cuoti-border-box">
+			<uni-segmented-control :current="data.current" :values="data.items" 
+			 active-color="#3A7FE9" @clickItem="onChangeTab" class="cuo-tab-box"/>
+			<view class="cuoti-content-box">
+				<view v-if="data.current === 0">
+					<scroll-view style="height: 300px;" scroll-y="true" refresher-enabled="true"
+						:refresher-triggered="data.shuxue.loading" :refresher-threshold="50"
+						refresher-background="lightgreen" @refresherrefresh="onRefresh" @refresherrestore="onRestore"
+						@refresherabort="onAbort">
+						<!--数学-->
+						<uni-list>
+							<uni-list-item v-for="item in data.shuxue.list">
+								<template v-slot:body>
+									<view class="slot-box">
+										<!-- 时间 -->
+										<text class="slot-text">日期{{ item.date }}</text>
+										<!-- 数量 -->
+										<text class="slot-text">错题数：{{ item.count }}题</text>
+										<button @click="getCuotiData(item)">查看错题</button>
+									</view>
+								</template>
+							</uni-list-item>
+							<uni-load-more :status="data.shuxue.state" @click="getMore(0)"
+								:contentText="data.shuxue.contentText"></uni-load-more>
+						</uni-list>
+					</scroll-view>
+				</view>
+				<view v-if="data.current === 1">
+					<!--英语-->
 					<uni-list>
-						<uni-list-item v-for="item in data.shuxue.list">
+						<uni-list-item v-for="item in data.yingyu.list">
 							<template v-slot:body>
 								<view class="slot-box">
-									<!-- 时间 -->
-									<text class="slot-text">日期{{ item.date }}</text>
-									<!-- 数量 -->
-									<text class="slot-text">错题数：{{ item.count }}题</text>
-									<button @click="getCuotiData(item)">查看错题</button>
+									{{ item }}
+									<text class="slot-text">title</text>
+									<text class="slot-text">date</text>
+									<text class="slot-text">wrong</text>
+									<button>查看错题</button>
 								</view>
 							</template>
 						</uni-list-item>
-						<uni-load-more :status="data.shuxue.state" @click="getMore(0)"
-							:contentText="data.shuxue.contentText"></uni-load-more>
+						<uni-load-more :status="data.yingyu.state" @click="getMore(1)"
+							:contentText="data.yingyu.contentText"></uni-load-more>
 					</uni-list>
-				</scroll-view>
-			</view>
-			<view v-if="data.current === 1">
-				<!--英语-->
-				<uni-list>
-					<uni-list-item v-for="item in data.yingyu.list">
-						<template v-slot:body>
-							<view class="slot-box">
-								{{ item }}
-								<text class="slot-text">title</text>
-								<text class="slot-text">date</text>
-								<text class="slot-text">wrong</text>
-								<button>查看错题</button>
-							</view>
-						</template>
-					</uni-list-item>
-					<uni-load-more :status="data.yingyu.state" @click="getMore(1)"
-						:contentText="data.yingyu.contentText"></uni-load-more>
-				</uni-list>
+				</view>
 			</view>
 		</view>
-		<cuoti ref="wrongRef" :list="data.wrongList" @back="handleBackFromCuoti"></cuoti>
+		<cuoti ref="wrongRef" :list="data.wrongList" @back="handleBackFromCuoti" ></cuoti>
 	</view>
 </template>