From 3d73fb33c46aada16a6060adcd4ea14bb33b6b2a Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期二, 09 四月 2024 10:39:11 +0800
Subject: [PATCH] 详情页tabs样式优化，答题添加页面退出拦截，合并代码
---
packageBookService/pages/bookServices/examination/questionList/index.wxml | 72 +++++++++++++++++++++++-------------
1 files changed, 46 insertions(+), 26 deletions(-)
diff --git a/packageBookService/pages/bookServices/examination/questionList/index.wxml b/packageBookService/pages/bookServices/examination/questionList/index.wxml
index 0a37b80..73943a5 100644
--- a/packageBookService/pages/bookServices/examination/questionList/index.wxml
+++ b/packageBookService/pages/bookServices/examination/questionList/index.wxml
@@ -10,7 +10,10 @@
style="background-color:{{isNight ? '#222' : '#fff'}}"
>
<text class="title-name">{{questionList[showIndex].type}}</text
- ><text class="title-score" style="color: {{isNight ? '#fff' : '#000'}};"
+ ><text
+ wx:if="{{questionList[showIndex].score}}"
+ class="title-score"
+ style="color: {{isNight ? '#fff' : '#000'}};"
>(姣忛{{questionList[showIndex].score}}鍒�)</text
>
</view>
@@ -30,30 +33,25 @@
<text>{{item.number}}.</text>
<!-- 浠呮枃瀛� -->
<view
+ class="title-content"
wx:if="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}"
>{{item.stem.stemTxt}}</view
>
<!-- 浠呭浘鐗� -->
- <view wx:elif="{{item.stemStyle == 'Image'}}">
- <t-image src="{{item.stem.stemImage}}" />
+ <view wx:elif="{{item.stemStyle == 'Image'}}" class="title-content">
+ <image src="{{item.stem.stemImage}}" mode="aspectFit" />
</view>
<!-- 鍥剧墖鍔犳枃瀛� -->
<view
wx:elif="{{item.stemStyle == 'TxtAndImage'}}"
- class="title-TxtAndImage"
+ class="title-content"
>
- <text>{{item.stem.stemTxt}}</text>
- <t-image src="{{item.stem.stemImage}}" />
+ <view>{{item.stem.stemTxt}}</view>
+ <image src="{{item.stem.stemImage}}" mode="aspectFit" />
</view>
<!-- 瀵屾枃鏈� -->
- <view
- wx:elif="{{item.stemStyle == 'RichText'}} "
- class="title-RichText"
- >
- <rich-text
- nodes="{{item.stem.stemTxt}}"
- style="height: 100%"
- ></rich-text>
+ <view wx:elif="{{item.stemStyle == 'RichText'}} " class="title-content">
+ <mp-html content="{{item.stem.stemTxt}}" />
</view>
<!-- 濉┖棰� -->
<view wx:if="{{item.questionType == 'completion'}}">
@@ -119,16 +117,17 @@
<!-- 浠呭浘鐗� -->
<view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center">
<text>{{contentItem.value}}銆�</text>
- <t-image src="{{contentItem.img}}" />
+ <image src="{{contentItem.img}}" mode="aspectFit" />
</view>
<!-- 鏂囧瓧鍔犲浘鐗� -->
<view
wx:if="{{item.optionStyle == 'TxtAndImage'}}"
class="fl-center"
+ style="height: min-content"
>
<text>{{contentItem.value}}銆�</text>
- <text>{{contentItem.txt}}</text>
- <t-image src="{{contentItem.img}}" />
+ <view class="radio-textimg">{{contentItem.txt}}</view>
+ <image src="{{contentItem.img}}" mode="aspectFit" />
</view>
<!-- 瀵屾枃鏈� -->
<view
@@ -155,7 +154,6 @@
</t-radio-group>
<!-- 澶氶�夐 -->
<t-checkbox-group
- disabled="{{item.isComplete}}"
class="checkbox-group"
wx:elif="{{item.questionType == 'multipleChoice'}}"
t-class="box"
@@ -172,23 +170,29 @@
wx:key="contentIndex"
>
<t-checkbox
+ disabled="{{item.isComplete}}"
+ icon="rectangle"
block="{{false}}"
value="{{contentItem.value}}"
- style="background-color:{{isNight ? '#222' :'#fff'}}; "
+ style="background-color:{{isNight ? '#222' :'#F9F9F9'}}; display: flex; align-items: center; margin-bottom: 20rpx;"
>
<!-- 浠呮枃瀛� -->
- <text
+ <view
+ class="fl-center"
wx:if="{{item.optionStyle == 'Txt'}}"
style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
- >{{contentItem.value}}銆亄{contentItem.txt}}</text
>
+ <text>{{contentItem.value}}銆�</text>
+ <text class="check-text-box">{{contentItem.txt}}</text>
+ </view>
+
<!-- 浠呭浘鐗� -->
<view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center">
<text
style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
>{{contentItem.value}}銆�</text
>
- <t-image src="{{contentItem.img}}" />
+ <image src="{{contentItem.img}}" mode="aspectFit" />
</view>
<!-- 鏂囧瓧鍔犲浘鐗� -->
<view
@@ -203,10 +207,17 @@
style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
>{{contentItem.txt}}</text
>
- <t-image src="{{contentItem.img}}" />
+ <image
+ src="{{contentItem.img}}"
+ wx:if="{{contentItem.img}}"
+ mode="aspectFit"
+ />
</view>
<!-- 瀵屾枃鏈� -->
- <view wx:if="{{item.optionStyle == 'RichText'}}">
+ <view
+ wx:if="{{item.optionStyle == 'RichText'}}"
+ class="check-rich-box"
+ >
<text>{{contentItem.value}}銆�</text>
<rich-text
nodes="{{contentItem.txt}}"
@@ -233,6 +244,15 @@
indicator
style="background-color:{{isNight ? '#000' : '#fff'}}; "
/>
+ </view>
+ <!-- 鎴戠殑閿欓銆佹敹钘忔ā寮忎笅锛屾煡鐪嬭В鏋愭寜閽� -->
+ <view
+ wx:if="{{(answerType == 'collectQuestion' || answerType == 'errorQuestion') && (item.questionType == 'multipleChoice' || item.questionType == 'completion' || item.questionType == 'shortAnswer')}}"
+ style="margin-left: 40rpx"
+ >
+ <t-button theme="primary" class="view-parsing" bind:tap="viewParsing"
+ >鏌ョ湅瑙ｆ瀽</t-button
+ >
</view>
<!-- 鍗曢�夈�佸閫夎В鏋� -->
<view
@@ -270,7 +290,7 @@
wx:if="{{item.analysisCon}}"
style="color: {{isNight ? '#fff' : '#000'}};"
>
- <text style="font-size: {{sliderValue || 32}}rpx;">绛旀瑙ｆ瀽锛�</text>
+ <text style="font-size: {{sliderValue || 32}}rpx;" class="answer-analysis">绛旀瑙ｆ瀽锛�</text>
<rich-text
style="font-size: {{sliderValue || 32}}rpx;"
nodes="{{item.analysisCon}}"
@@ -327,7 +347,7 @@
>{{item.userAnswer}}</view
>
</view>
- <view class="short-answer-mr">
+ <view class="short-answer-mr" style="margin-bottom: 50rpx">
<text
class="short-answer-fz;"
style="color:{{isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 28}}rpx;"
--
Gitblit v1.9.1