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-11-01 17:20:31 +08:00
parent ef0a65c09c
commit 4c40e609c1
1 changed files with 128 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
packageB/train/mockExam/examList.vue
View File

@@ -1,9 +1,135 @@
<template> <template>
<div>模拟考试</div> <div class="app-box">
<div class="con-box">
<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
<div class="cards">
<div class="cardHead">
<div class="cardHeadLeft">
<div class="cardTitle">2025年注册会计师证</div>
<div class="titleType primary">未开始</div>
</div>
<div class="rightBtn">立即练习</div>
</div>
<div class="heng"></div>
<div class="cardCon">
<div class="conten">考试时长：120分钟</div>
<div class="conten">题目数量：88题</div>
<div class="conten">及格分数：60分</div>
<div class="conten">截止日期：2025-12-31</div>
</div>
</div>
<div class="cards"></div>
<div class="cards"></div>
</scroll-view>
</div>
</div>
</template> </template>
<script> <script>
const handleScrollToLower = () => {
};
</script> </script>
<style> <style lang="stylus" scoped>
.app-box{
width: 100%;
height: 100vh;
position: relative;
.con-box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top:0;
z-index: 10;
padding: 20rpx 28rpx;
box-sizing: border-box;
overflow: hidden;
.main-scroll {
width: 100%;
height: 100%;
.cards{
width: 100%;
height: 260rpx;
background: linear-gradient(0deg, #E3EFFF 0%, #FBFDFF 100%);
// box-shadow: 0px 0px 6px 0px rgba(0,71,200,0.32);
border-radius: 12rpx;
border: 2px solid #EDF5FF;
margin-bottom: 30rpx;
padding: 30rpx 40rpx;
box-sizing: border-box
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
.cardHeadLeft{
display: flex;
align-items: center
width: 75%;
.cardTitle{
font-weight: bold;
font-size: 28rpx;
color: #0069CB;
max-width: 75%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.titleType{
border-radius: 4px;
font-size: 22rpx;
color: #157EFF;
width: 100rpx;
height: 38rpx;
text-align: center;
line-height: 38rpx;
margin-left: 10rpx;
}
.primary{
border: 1px solid #157EFF;
color: #157EFF
}
.success{
border: 1px solid #05A636;
color: #05A636
}
.info{
border: 1px solid #898989;
color: #898989
}
}
.rightBtn{
width: 140rpx;
height: 44rpx;
line-height: 44rpx;
background: linear-gradient(90deg, #00C0FA 0%, #1271FF 100%);
border-radius: 4px;
color: #fff;
font-size: 24rpx;
text-align: center
}
}
.heng{
width: 120rpx;
height: 4rpx;
background: linear-gradient(88deg, #015EEA 0%, #00C0FA 100%);
margin: 10rpx 0 30rpx;
}
.cardCon{
display: flex;
flex-wrap: wrap;
.conten{
width: 50%;
font-size: 22rpx;
color: #666666;
display: flex;
align-items: center
margin-bottom: 20rpx;
}
}
}
}
}
}
</style> </style>