样式修改

pages/my/sxtkPage.vue

@@ -1,25 +1,29 @@
 <template>
-	<view>
+	<view class="ezy-sxtk-page">
 		<view class="icon-title-navBar-box">
-			<view class="nav-bar-icon" @click="handleBack"></view>
+			<view @click="handleBack" class="nav-bar-icon"></view>
+			<text class="nav-bar-title">数学题库</text>
 		</view>
-		<view style="display: flex;justify-content: space-around">
-			<view v-for="(item,index) in jiaocaiData" :key="index">
-				<view @click="selectNianji(item,index)" :class="{'active': currentNianjiName == item.nianji}">
-					{{item.nianji}}
+		<view class="ezy-tab-border sxtk-tab-border">
+			<view class="tab-img"></view>
+			<view class="sxtk-tab-box">
+				<view v-for="(item,index) in jiaocaiData" :key="index"  class="tab-item"
+				 @click="selectNianji(item,index)" :class="{'active': currentNianjiName == item.nianji}">
+					<view class="tab-nianji-item">{{item.nianji}}</view>
 				</view>
 			</view>
-		</view>
-		<view>
-			<view v-for="(item,index) in currentBanbenList" :key="index" :class="{'active': banbenName == item}"
-				@click="selectBanben(item,index)">
-				{{item}}
+			<view class="sxtk-line"></view>
+			<view class="sxtk-banben-body">
+				<view v-for="(item,index) in currentBanbenList" :key="index" class="banben-item"
+				:class="{'active': banbenName == item}" @click="selectBanben(item,index)">
+					<view class="banben-text-item">{{item}}</view>
+				</view>
 			</view>
+			<view class="sxtk-line"></view>
+			<button class="sxtk-confirm-btn" @click="handleConfirm"></button>
 		</view>
-		<view class="grade-line"></view>
-		<button class="grade-confirm-btn" @click="handleConfirm">确认</button>
 		<banbenConfirmDialog ref="jiaocaiRef" @confirm-btn="jcConfirm" :content="jcContent"></banbenConfirmDialog>
-				<CustomTabBar ></CustomTabBar>
+		<CustomTabBar ></CustomTabBar>
 	</view>
 </template>
 
@@ -42,7 +46,7 @@
 	let jiaocaiData = ref(null)
 	let currentBanbenList = ref([])
 
-	let currentNianjiName = ref(null)
+	let currentNianjiName = ref('L1')
 	let currentBanbenIndex = ref(null)
 	const banbenName = ref(null)
 	const jiaocaiRef = ref(null);
@@ -119,10 +123,3 @@
 		getInfo()
 	})
 </script>
-
-<style>
-	.active {
-		background-color: #42b983;
-		color: #fff;
-	}
-</style>