ks-app-employment-service/packageB/train/index.vue

<template>
    <!-- <AppLayout title=""> -->
        <view class="tab-container">
            <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> -->
</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: 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
		color: #fff
		text-align: center
		margin-bottom: 30rpx
	}
}
</style>