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-04 10:33:49 +08:00
parent 78d3bd8eb3
commit 0b3c32348b
3 changed files with 213 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,30 @@
<template> <template>
<div class="app-box"> <div class="app-box">
<div class="con-box"> <div class="con-box">
<template #headContent>
<view class="collection-search">
<view class="search-content">
<view class="header-input button-click">
<uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
<input
class="input"
v-model="searchKeyword"
@confirm="searchVideo"
placeholder="输入考试名称"
placeholder-class="inputplace"
/>
<uni-icons
v-if="searchKeyword"
class="clear-icon"
type="clear"
size="24"
color="#999"
@click="clearSearch"
/>
</view>
</view>
</view>
</template>
<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower"> <scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
<div class="cards"> <div class="cards">
<div class="cardHead"> <div class="cardHead">
@@ -17,18 +41,53 @@
<div class="conten">及格分数：60分</div> <div class="conten">及格分数：60分</div>
<div class="conten">截止日期：2025-12-31</div> <div class="conten">截止日期：2025-12-31</div>
</div> </div>
<div class="flooter">
<div @click="jumps('/packageB/train/mockExam/viewGrades')">查看成绩</div>
<div>详情</div>
<div>收藏</div>
</div>
</div> </div>
<div class="cards"></div> <div class="cards"></div>
<div class="cards"></div> <div class="cards"></div>
</scroll-view> </scroll-view>
</div> </div>
<div class="cards2" v-if="dialogVisible">
<div class="cardCon">
<div class="cardHead">
<div></div>
<div style="font-size: 40rpx;" @click="clones()">×</div>
</div>
</div>
</div>
</div> </div>
</template> </template>
<script> <script setup>
import { inject, ref, reactive } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
const { $api, navTo, navBack } = inject('globalFunction');
import config from "@/config.js"
const searchKeyword = ref('');
const pageState = reactive({
page: 0,
list: [],
total: 0,
maxPage: 1,
pageSize: 12,
search: {},
});
const baseUrl = config.imgBaseUrl
const dialogVisible = ref(false);
const handleScrollToLower = () => { const handleScrollToLower = () => {
}; };
function jumps(url){
navTo(url);
}
function clones(){
dialogVisible.value=false
}
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
@@ -46,6 +105,48 @@ const handleScrollToLower = () => {
padding: 20rpx 28rpx; padding: 20rpx 28rpx;
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
.collection-search{
padding: 10rpx 20rpx;
.search-content{
position: relative
display: flex
align-items: center
padding: 14rpx 0
.header-input{
padding: 0
width: calc(100%);
position: relative
.iconsearch{
position: absolute
left: 30rpx;
top: 50%
transform: translate(0, -50%)
z-index: 1
}
.input{
padding: 0 80rpx 0 80rpx
height: 80rpx;
background: #FFFFFF;
border-radius: 75rpx 75rpx 75rpx 75rpx;
border: 2rpx solid #ECECEC
font-size: 28rpx;
}
.clear-icon{
position: absolute
right: 30rpx;
top: 50%
transform: translate(0, -50%)
z-index: 1
cursor: pointer
}
.inputplace{
font-weight: 400;
font-size: 28rpx;
color: #B5B5B5;
}
}
}
}
.main-scroll { .main-scroll {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -57,7 +158,7 @@ const handleScrollToLower = () => {
border-radius: 12rpx; border-radius: 12rpx;
border: 2px solid #EDF5FF; border: 2px solid #EDF5FF;
margin-bottom: 30rpx; margin-bottom: 30rpx;
padding: 30rpx 40rpx; padding: 30rpx 40rpx 0;
box-sizing: border-box box-sizing: border-box
.cardHead{ .cardHead{
display: flex; display: flex;
@@ -128,8 +229,44 @@ const handleScrollToLower = () => {
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
} }
.flooter{
border-top: 1px solid #ccc;
display: flex;
justify-content: flex-end;
align-items: center;
view{
font-size: 28rpx;
margin-left: 30rpx;
color: #2175F3;
}
}
} }
} }
} }
.cards2{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.5);
z-index: 10000;
padding: 100rpx 50rpx;
box-sizing: border-box;
.cardCon{
height: 100%;
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: 600;
}
}
}
} }
</style> </style>

65
packageB/train/mockExam/viewGrades.vue Normal file
View File

@@ -0,0 +1,65 @@
<template>
<div class="app-box">
<div class="con-box">
<div class="tabCon">
<div class="tabLeft">
<div><span>考试名称：</span>456546456</div>
<div><span>考试时间：</span>456546456</div>
<div><span>考试成绩：</span>456546456</div>
</div>
<div class="tabRight">查看</div>
<div class="tabLeft"></div>
<div class="tabRight">查看</div>
</div>
</div>
</div>
</template>
<script>
</script>
<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-y: auto;
.tabCon{
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
display: flex;
flex-wrap: wrap;
.tabLeft{
width: 80%;
height: 140rpx;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
box-sizing: border-box;
view{
line-height: 45rpx
}
}
.tabRight{
width: 20%;
height: 140rpx;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
box-sizing: border-box;
font-size: 30rpx;
text-align: center;
line-height: 140rpx;
color: #2175F3;
}
}
}
}
</style>

9
pages.json
View File

@@ -411,6 +411,15 @@
"navigationBarTitleTextSize": "30rpx" "navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom" // "navigationStyle": "custom"
} }
},
{
"path" : "train/mockExam/viewGrades",
"style" :
{
"navigationBarTitleText" : "查看成绩",
"navigationBarTitleTextSize": "30rpx"
// "navigationStyle": "custom"
}
} }
] ]
}, },