You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
112 lines
2.4 KiB
112 lines
2.4 KiB
<template>
|
|
<view class="content">
|
|
<up-navbar leftText=" " :leftIconColor="'#fff'" :safeAreaInsetTop="true" :autoBack="true" title="我的学习"
|
|
:bgColor="'transparent'" :titleStyle="{color: '#fff'}">
|
|
<template #right>
|
|
<view class="cjd" @click="$goPage('/pages/exercises/examSubjiect1/examResultsOne')">
|
|
成绩单
|
|
</view>
|
|
</template>
|
|
</up-navbar>
|
|
<view class="padding">
|
|
<view class="useInfo flex">
|
|
<view class="avatar">
|
|
<image src="" mode=""></image>
|
|
</view>
|
|
<view class="rightBox">
|
|
<view class="name">用户名</view>
|
|
<view class="p">
|
|
<text>最高分数：85</text>
|
|
<text>用时：00：30</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="card">
|
|
<view class="text">考试车型：小车C1</view>
|
|
<view class="text">考试时间：45分钟（100题）</view>
|
|
<view class="text">合格标准：90分及格（满分100分）</view>
|
|
<view class="text">出题规则：根据公安部规定出题规则组卷</view>
|
|
<view class="text">计分规则：模拟考试下不能修改答案，每错1题扣2分，累计错题超过5道，考试不通过，系统自动提醒交卷。</view>
|
|
</view>
|
|
<view class="btnBox">
|
|
<oneBtn text="开始模拟考试"></oneBtn>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.content {
|
|
width: 100%;
|
|
min-height: 100vh;
|
|
padding: 100rpx 0rpx 30rpx 0rpx;
|
|
background: url('../../../static/images/topbg.png') #F6F7FA no-repeat;
|
|
background-size: 100% 410rpx;
|
|
.cjd {
|
|
color: #fff;
|
|
}
|
|
.useInfo {
|
|
padding: 30rpx 0;
|
|
|
|
.avatar {
|
|
width: 140rpx;
|
|
height: 140rpx;
|
|
overflow: hidden;
|
|
border-radius: 50%;
|
|
background: url('../../../static/images/avatarbg.png') no-repeat;
|
|
background-size: 100% 100%;
|
|
image {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.rightBox {
|
|
flex: 1;
|
|
width: 0;
|
|
padding-left: 30rpx;
|
|
|
|
.name {
|
|
font-size: 36rpx;
|
|
color: #FFFFFF;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.p {
|
|
padding-top: 30rpx;
|
|
|
|
text {
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #FFFFFF;
|
|
margin-right: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.card {
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
padding: 20rpx 30rpx;
|
|
|
|
.text {
|
|
padding: 10rpx 0;
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
}
|
|
}
|
|
|
|
.btnBox {
|
|
padding: 100rpx 50rpx;
|
|
width: 100%;
|
|
}
|
|
}
|
|
</style>
|