sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

培训首页

Browse Source
This commit is contained in:
WX0lxh
2025-10-31 11:14:45 +08:00
parent c98f54ade6
commit 1b1b5f7ac7
2 changed files with 137 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

125
packageB/train/index.vue
View File

@@ -1,10 +1,52 @@
<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>
<image src="../../static/images/train/bj.jpg" mode=""></image>
<view>
<view class="btns" @click="jumps('')">
<image src="/static/images/train/spxx-k.png" mode=""></image>
<view>
<text>培训视频</text>
<view class="btn">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
</view>
</view>
</view>
<view class="btns" @click="jumps('/packageB/train/practice/startPracticing')">
<image src="/static/images/train/zxxl-k.png" mode=""></image>
<view>
<text>专项练习</text>
<view class="btn">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
</view>
</view>
</view>
<view class="btns" @click="jumps('')">
<image src="/static/images/train/mnks-k.png" mode=""></image>
<view>
<text>模拟考试</text>
<view class="btn">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
</view>
</view>
</view>
<view class="btns" @click="jumps('')">
<image src="/static/images/train/ctb-k.png" mode=""></image>
<view>
<text>错题本 </text>
<view class="btn" style="margin-left: 13%;">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
</view>
</view>
</view>
</view>
</view>
<!-- </AppLayout> -->
</template>
@@ -25,17 +67,72 @@ function jumps(url){
.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
position: relative;
// background: url('@/static/images/train/bj.jpg') center center no-repeat;
// background-size: 100% 100%;
image{
position: absolute;
width: 100%;
height: 100%;
}
view{
padding: 100rpx 28rpx 0;
.btns{
width: 100%
height: 170rpx;
border-radius: 5rpx
padding: 20rpx;
box-sizing: border-box
color: #000
text-align: center
margin-bottom: 50rpx
position: relative
image{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
view{
padding: 0 0 0 10%;
box-sizing: border-box;
position: absolute
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 100;
display: flex;
align-items: center
font-weight: bold;
font-size: 36rpx;
color: #595959;
.btn{
margin-left: 8%;
background-color: #3A92FF;
position: static;
color: #fff;
font-size: 22rpx;
display: flex;
align-items: center;
justify-content: center
width: 140rpx;
height: 50rpx;
border-radius: 5rpx
font-weight: 500;
padding: 0;
image{
position: static;
width: 14rpx;
height: 22rpx;
margin-left: 10rpx;
}
}
}
}
}
}
</style>

31
packageB/train/practice/startPracticing.vue
View File

@@ -1,11 +1,32 @@
<template>
<view class="">
专项练习
</view>
<div class="app-box">
<image src="../../../static/images/train/bj.jpg" class="bjImg" mode=""></image>
<div>专项练习</div>
</div>
</template>
<script>
<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>
<style lang="stylus" scoped>
.app-box{
width: 100%;
height: 100vh;
position: relative;
.bjImg{
position: absolute;
width: 100%;
height: 100%;
}
}
</style>