培训首页
This commit is contained in:
@@ -1,10 +1,52 @@
|
|||||||
<template>
|
<template>
|
||||||
<!-- <AppLayout title=""> -->
|
<!-- <AppLayout title=""> -->
|
||||||
<view class="tab-container">
|
<view class="tab-container">
|
||||||
<view class="btns" @click="jumps('')">培训视频</view>
|
<image src="../../static/images/train/bj.jpg" mode=""></image>
|
||||||
<view class="btns" @click="jumps('/packageB/train/practice/startPracticing')">专项练习</view>
|
<view>
|
||||||
<view class="btns" @click="jumps('')">模拟考试</view>
|
<view class="btns" @click="jumps('')">
|
||||||
<view class="btns" @click="jumps('')">错题本</view>
|
<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>
|
</view>
|
||||||
<!-- </AppLayout> -->
|
<!-- </AppLayout> -->
|
||||||
</template>
|
</template>
|
||||||
@@ -25,17 +67,72 @@ function jumps(url){
|
|||||||
.tab-container{
|
.tab-container{
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: url('@/static/images/train/bj.jpg') center center no-repeat;
|
position: relative;
|
||||||
background-size: 100% 100%;
|
// background: url('@/static/images/train/bj.jpg') center center no-repeat;
|
||||||
.btns{
|
// background-size: 100% 100%;
|
||||||
background-color: #0036B0
|
image{
|
||||||
border-radius: 5rpx
|
position: absolute;
|
||||||
padding: 20rpx;
|
width: 100%;
|
||||||
box-sizing: border-box
|
height: 100%;
|
||||||
color: #fff
|
|
||||||
text-align: center
|
|
||||||
margin-bottom: 30rpx
|
|
||||||
}
|
}
|
||||||
|
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>
|
</style>
|
||||||
|
|
||||||
|
|||||||
@@ -1,11 +1,32 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="">
|
<div class="app-box">
|
||||||
专项练习
|
<image src="../../../static/images/train/bj.jpg" class="bjImg" mode=""></image>
|
||||||
</view>
|
<div>专项练习</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</template>
|
</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>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style lang="stylus" scoped>
|
||||||
|
.app-box{
|
||||||
|
width: 100%;
|
||||||
|
height: 100vh;
|
||||||
|
position: relative;
|
||||||
|
.bjImg{
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user