From 17efddc6a667670dca682bf36b51a43e99615e6d Mon Sep 17 00:00:00 2001
From: k94314517 <8417338+k94314517@user.noreply.gitee.com>
Date: 星期三, 16 十月 2024 15:59:38 +0800
Subject: [PATCH] 代码初始化
---
h5/pages/answer/answer.vue | 78 +++++++++++++++++++++++---------------
1 files changed, 47 insertions(+), 31 deletions(-)
diff --git a/h5/pages/answer/answer.vue b/h5/pages/answer/answer.vue
index e1cc20a..92d91bb 100644
--- a/h5/pages/answer/answer.vue
+++ b/h5/pages/answer/answer.vue
@@ -8,12 +8,12 @@
<view class="box_list_answer" v-if="list && list.length > 0">
<view v-if="status == 1 || status == 2" class="score_static">
<text class="name">鏈寰楀垎锛�</text>
- <text class="num" :class="{warry: status == 2}">{{ score }}鍒�</text>
+ <text class="num" :class="{ warry: status == 2 }">{{ score }}鍒�</text>
</view>
<!-- 鍗曢��/鍒ゆ柇 -->
<view v-for="(item, index) in list" :key="index" class="list_item">
<view class="box_list_answer_name">
- <text>{{ index + 1 }}銆亄{ item.title}}</text>
+ <text>{{ index + 1 }}銆亄{ item.title }}</text>
<text v-if="item.score"> ({{ item.score }}鍒�)</text>
<text style="color: #ed4545">*</text>
</view>
@@ -83,14 +83,18 @@
</view>
<view
class="box_list_answer_tips"
+ style="margin-bottom: 0rpx"
v-if="
item.selAnswer &&
item.answer !== item.selAnswer &&
status != '0'
"
>
- <image src="@/static/ic_wrong@2x.png" />
- <text>鍥炵瓟閿欒</text>
+ <view class="line">
+ <image src="@/static/ic_wrong@2x.png" />
+ <text>鍥炵瓟閿欒</text>
+ </view>
+ <view class="line">姝ｇ‘绛旀锛歿{ item.answer }}</view>
</view>
<view
class="box_list_answer_tips"
@@ -100,8 +104,10 @@
status != '0'
"
>
- <image src="@/static/ic_success@2.png" />
- <text class="success">鍥炵瓟姝ｇ‘</text>
+ <view class="line">
+ <image src="@/static/ic_success@2.png" />
+ <text class="success">鍥炵瓟姝ｇ‘</text>
+ </view>
</view>
</template>
<template v-if="item.type == 2">
@@ -116,8 +122,7 @@
src="@/static/checkbo1x_sel@2x.png"
v-if="
(line.checked && status != '2') ||
- (item.selAnswer === item.answer &&
- line.checked)
+ (item.selAnswer === item.answer && line.checked)
"
/>
<image
@@ -135,8 +140,7 @@
<text
v-if="
(line.checked && status != '2') ||
- (item.selAnswer === item.answer &&
- line.checked)
+ (item.selAnswer === item.answer && line.checked)
"
style="color: rgba(77, 153, 168, 1)"
><text class="mr24" style="color: rgba(77, 153, 168, 1)">{{
@@ -165,8 +169,11 @@
status != '0'
"
>
- <image src="@/static/ic_wrong@2x.png" />
- <text>鍥炵瓟閿欒</text>
+ <view class="line">
+ <image src="@/static/ic_wrong@2x.png" />
+ <text>鍥炵瓟閿欒</text>
+ </view>
+ <view class="line">姝ｇ‘绛旀锛歿{ item.answer }}</view>
</view>
<view
class="box_list_answer_tips"
@@ -176,8 +183,10 @@
status != '0'
"
>
- <image src="@/static/ic_success@2.png" />
- <text class="success">鍥炵瓟姝ｇ‘</text>
+ <view class="line">
+ <image src="@/static/ic_success@2.png" />
+ <text class="success">鍥炵瓟姝ｇ‘</text>
+ </view>
</view>
</template>
</view>
@@ -237,12 +246,12 @@
score: 0
}
},
- computed:{
- answerIng(){
+ computed: {
+ answerIng() {
let count = 0
this.list.forEach(item => {
- if(item.selAnswer || item.selAnswer == 0){
- count ++
+ if (item.selAnswer || item.selAnswer == 0) {
+ count++
}
})
return count === this.list.length
@@ -295,7 +304,6 @@
item.status = '0'
item.selAnswer = null
})
- console.log(res.data)
this.list = res.data
}
// res.param.problemsDOList.forEach(item => {
@@ -307,7 +315,7 @@
},
// 鍗曢�夐�夋嫨涓鐩�
select(line, i) {
- if(this.status === '2') return
+ if (this.status != '0') return
this.list.forEach((item, index) => {
if (index === i) {
item.selAnswer = line.code
@@ -316,7 +324,7 @@
// this.problemIndex = index
},
changeBox(index, jeck) {
- if(this.status === '2') return
+ if (this.status != '0') return
this.list.forEach((item, i) => {
if (index === i) {
item.options.forEach((item2, j) => {
@@ -356,7 +364,7 @@
},
// 涓嬩竴棰�
onSubmit() {
- if(!this.answerIng) return
+ if (!this.answerIng) return
const { list } = this
// 楠岃瘉鎵�鏈夐鐩兘鏈夐�夐」
let count = 0
@@ -376,7 +384,7 @@
list.forEach(item => {
if (item.selAnswer !== item.answer) {
flag++
- }else{
+ } else {
this.score += item.score
}
})
@@ -468,9 +476,17 @@
box-sizing: border-box;
background: #f7f7f7;
border-radius: 8rpx;
- display: flex;
- align-items: center;
margin-bottom: 24rpx;
+ .line {
+ display: flex;
+ align-items: center;
+ font-size: 28rpx;
+ color: #333333;
+ margin-bottom: 20rpx;
+ &:nth-last-child(1){
+ margin-bottom: 0;
+ }
+ }
image {
width: 28rpx;
height: 28rpx;
@@ -486,18 +502,18 @@
}
}
}
- .score_static{
+ .score_static {
display: flex;
font-size: 32rpx;
margin-bottom: 40rpx;
- .name{
+ .name {
font-weight: 600;
}
- .num{
+ .num {
color: $uni-color-primary;
}
- .warry{
- color: #ED4545;
+ .warry {
+ color: #ed4545;
}
}
.list_item {
@@ -541,7 +557,7 @@
font-size: 30rpx;
color: #ffffff;
}
- .disable{
+ .disable {
background-color: #cccccc;
}
}
--
Gitblit v1.9.3