liangzejun/palc-newyear2024
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'dragon_boat_festival' of https://git.szxgl.cn/liangzejun/palc-newyear2024 into dragon_boat_festival

Browse Source
This commit is contained in:
梁泽军 2025-09-09 10:44:45 +08:00
commit a40b88c915
3 changed files with 44 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
palc-newyear2024.zip → src.zip
View File

Binary file not shown.

69
src/components/Question.vue
View File

@ -194,11 +194,16 @@ const getClass = (item) => {
></div> ></div>
<div class="qp-result-content"> <div class="qp-result-content">
<div class="qp-result-text">{{ QaResult ? "答对啦" : "答错啦" }}</div> <div
class="qp-result-text"
:class="!QaResult ? 'text-bg-2' : 'text-bg-1'"
>
{{ QaResult ? "答对啦" : "答错啦" }}
</div>
<div class="qp-tips" v-if="!QaResult"> <div class="qp-tips" v-if="!QaResult">
答案:{{ correctObj.aid }}.{{ correctObj.text }} 答案:{{ correctObj.aid }}.{{ correctObj.text }}
</div> </div>
<div class="qp-tips-text">{{ questionList[currentId].tips[0] }}</div> <div class="qp-tips-text">解析：{{ questionList[currentId].tips[0] }}</div>
</div> </div>
</div> </div>
<div <div
@ -370,47 +375,55 @@ const getClass = (item) => {
background-color: rgba($color: #000000, $alpha: 0.6); background-color: rgba($color: #000000, $alpha: 0.6);
visibility: hidden; visibility: hidden;
.qp-result-box { .qp-result-box {
@include box(569px, 399px); @include box(569px, 526px);
position: relative; position: relative;
.qp-result-icon { .qp-result-icon {
@include pos(112px, 112px, 222px, -28px); @include pos(112px, 112px, 223px, -30px);
@include bg_pos("qa/correct-icon.png"); @include bg_pos("qa/correct-icon.png");
} }
.is-incorrect { .is-incorrect {
@include bg_pos("qa/incorrect-icon.png"); @include bg_pos("qa/incorrect-icon.png");
} }
.qp-result-content{ .qp-result-content {
@include pos(569px, 290px, 0px, 94px); @include pos(569px, 430px, 0px, 95px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: flex-start;
align-items: center; align-items: center;
.qp-result-text { .qp-result-text {
text-align: center; @include box(319px, 47px);
width: 100%; text-align: center;
font-size: 35px; width: 100%;
color: #ffffff; font-size: 35px;
margin: 20px auto; color: #ffffff;
margin: 20px auto;
}
.text-bg-1 {
@include bg_pos("qa/tips-bg.png");
}
.text-bg-2 {
@include bg_pos("qa/tips-bg-2.png");
}
.qp-tips {
width: 80%;
text-align: center;
font-size: 25px;
color: #ff0000;
}
.qp-tips-text {
width: 100%;
padding: 10px 20px;
font-size: 25px;
line-height: 40px;
text-align: justify;
color: #b3640d;
}
} }
.qp-tips {
font-size: 25px;
color: #ff0000;
}
.qp-tips-text {
width: 100%;
padding: 10px 20px;
font-size: 25px;
line-height: 35px;
text-align: justify;
color: #b3640d;
}
}
} }
.qp-result-box-1 { .qp-result-box-1 {

3
src/data/imgList.js
View File

@ -31,6 +31,9 @@ const page = [
"qa/incorrect-icon.png", "qa/incorrect-icon.png",
"qa/correct-icon.png", "qa/correct-icon.png",
"qa/correct.png", "qa/correct.png",
"qa/result-box-2.png",
"qa/tips-bg.png",
"qa/tips-bg-2.png",
"result/poster.jpg", "result/poster.jpg",
"result/card.png", "result/card.png",