专项练习

packageB/train/index.vue

@@ -1,36 +1,41 @@
 <template>
-    <AppLayout title="技能评价">
+    <!-- <AppLayout title=""> -->
         <view class="tab-container">
-            <view class="btns">培训视频</view>
-            <view class="btns">专项练习</view>
-            <view class="btns">模拟考试</view>
-            <view class="btns">错题本</view>
+            <view class="btns" @click="jumps('')">培训视频</view>
+            <view class="btns" @click="jumps('/packageB/train/practice/startPracticing')">专项练习</view>
+            <view class="btns" @click="jumps('')">模拟考试</view>
+            <view class="btns" @click="jumps('')">错题本</view>
         </view>
-    </AppLayout>
+    <!-- </AppLayout> -->
 </template>
 
 <script setup>
 import { reactive, inject, watch, ref, onMounted } from 'vue';
 import { onLoad, onShow } from '@dcloudio/uni-app';
+const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
 import useUserStore from '@/stores/useUserStore';
 import useDictStore from '@/stores/useDictStore';
 
-
+function jumps(url){
+	navTo(url);
+}
 </script>
 
 <style lang="stylus" scoped>
-.tab-container
-    // height: 100%
-    // width: 100%
-    padding: 20rpx 28rpx
-	// box-sizing: border-box
-	.btns
+.tab-container{
+	height: 100vh;
+	width: 100%;
+	background: url('@/static/images/train/bj.jpg') center center no-repeat;
+	background-size: 100% 100%;
+	.btns{
 		background-color: #0036B0
 		border-radius: 5rpx
 		padding: 20rpx;
-		box-sizing: border-box;
+		box-sizing: border-box
 		color: #fff
 		text-align: center
-		margin-bottom: 30rpx;
+		margin-bottom: 30rpx
+	}
+}
 </style>