kubbo/dvcp_v2_wechat_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bg图片

Browse Source
This commit is contained in:
shijingjing
2023-02-10 15:59:38 +08:00
parent 6005ae2b48
commit 88d29e99f2
5 changed files with 108 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/project/qujing/AppLegalLearning/components/GeneralLawExam.vue
View File

@@ -212,8 +212,6 @@ export default {
}
}
.auth_btn {
display: flex;
justify-content: space-between;

BIN
src/project/qujing/AppLegalLearning/img/bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 218 KiB

BIN
src/project/qujing/AppLegalLearning/img/navbar.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 61 KiB

209
src/project/qujing/AppLegalLearning/result.vue
View File

@@ -1,33 +1,34 @@
<template>
<div class="result">
<u-navbar title="考试结果" :background="backgroundNavbar"></u-navbar>
<div class="result_info">
<div class="grade">100</div>
<div class="tips">
<div>考试分数</div>
<div>超过<span>99%</span>的人</div>
</div>
<div class="grade">100</div>
<div class="tips">
<div>考试分数</div>
<div>超过<span>99%</span>的人</div>
<div class="card_list">
<div class="pass">
<div>结果</div>
<div class="col_pass">通过</div>
</div>
<div class="time">
<div>用时</div>
<div class="col_333">1小时32分</div>
</div>
<div class="pass_num">
<div>对题数</div>
<div class="col_333">10</div>
</div>
<div class="nopass_num">
<div>对题数</div>
<div class="col_333">1</div>
</div>
</div>
<div class="btn" @click="back">返回</div>
</div>
<div class="card_list">
<div class="pass">
<div>结果</div>
<div class="col_pass">通过</div>
</div>
<div class="time">
<div>用时</div>
<div class="col_333">1小时32分</div>
</div>
<div class="pass_num">
<div>对题数</div>
<div class="col_333">10</div>
</div>
<div class="nopass_num">
<div>对题数</div>
<div class="col_333">1</div>
</div>
</div>
<div class="btn" @click="back">返回</div>
</div>
</template>
@@ -37,10 +38,9 @@ export default {
data() {
return {
backgroundNavbar: {
// background: "url('./img/navbar.png') no-repeat",
// backgroundSize: '100% 100%',
background: "url('https://cdn.cunwuyun.cn/qujing/navbar.png') no-repeat",
backgroundSize: '100% 100%',
},
}
},
methods: {
@@ -57,87 +57,92 @@ export default {
<style lang="scss" scoped>
.result {
padding: 32px;
box-sizing: border-box;
.grade {
height: 112px;
font-size: 96px;
color: #2D7DFF;
line-height: 112px;
font-weight: 600;
padding-left: 16px;
box-sizing: border-box;
}
.tips {
display: flex;
justify-content: space-between;
font-size: 26px;
color: #999999;
padding-left: 16px;
box-sizing: border-box;
div {
& > span {
color: #2D7DFF;
}
}
}
.card_list {
margin-top: 48px;
display: flex;
flex-wrap: wrap;
.pass,
.time,
.pass_num,
.nopass_num {
width: 47%;
height: 172px;
background: #FFFFFF;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.02);
border-radius: 16px;
padding: 24px;
.result_info {
padding: 32px;
box-sizing: border-box;
background: url("https://cdn.cunwuyun.cn/qujing/bg.png") no-repeat;
background-size: 100% auto;
& > div:first-child {
font-weight: 400;
font-size: 26rpx;
color: #999999;
margin-bottom: 16px;
}
.grade {
height: 112px;
font-size: 96px;
color: #2D7DFF;
line-height: 112px;
font-weight: 600;
padding-left: 16px;
box-sizing: border-box;
}
& > div:last-child {
font-weight: 500;
font-size: 50rpx;
}
.col_pass {
color: #3BBC37;
}
.col_333 {
color: #333333;
.tips {
display: flex;
justify-content: space-between;
font-size: 26px;
color: #999999;
padding-left: 16px;
box-sizing: border-box;
div {
& > span {
color: #2D7DFF;
}
}
}
.pass,
.pass_num {
margin: 0 30px 32px 0;
}
}
.btn {
position: fixed;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 320px;
height: 88px;
line-height: 88px;
background: #2D7DFF;
border-radius: 44px;
text-align: center;
color: #FFFFFF;
.card_list {
margin-top: 48px;
display: flex;
flex-wrap: wrap;
.pass,
.time,
.pass_num,
.nopass_num {
width: 47%;
height: 172px;
background: #FFFFFF;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.02);
border-radius: 16px;
padding: 24px;
box-sizing: border-box;
& > div:first-child {
font-weight: 400;
font-size: 26rpx;
color: #999999;
margin-bottom: 16px;
}
& > div:last-child {
font-weight: 500;
font-size: 50rpx;
}
.col_pass {
color: #3BBC37;
}
.col_333 {
color: #333333;
}
}
.pass,
.pass_num {
margin: 0 30px 32px 0;
}
}
.btn {
position: fixed;
bottom: 0;
left: 50%;
transform: translate(-50%, -50%);
width: 320px;
height: 88px;
line-height: 88px;
background: #2D7DFF;
border-radius: 44px;
text-align: center;
color: #FFFFFF;
}
}
}
</style>

3
src/project/qujing/AppLegalLearning/testForm.vue
View File

@@ -154,7 +154,7 @@ export default {
.testForm {
.testForm_info {
background: url("https://cdn.cunwuyun.cn/qujing/bg.png") no-repeat;
background-size: 100% 100%;
background-size: 100% auto;
padding: 80px 32px 0 32px;
box-sizing: border-box;
@@ -163,7 +163,6 @@ export default {
justify-content: space-between;
font-size: 28px;
color: #333333;
// margin-top: 80px;
.type_left {
font-weight: 600;