From 326467df08eb1af36cce83ac161addaa947e2e82 Mon Sep 17 00:00:00 2001 From: litian <C21AF165> Date: 星期五, 29 三月 2024 19:31:17 +0800 Subject: [PATCH] css --- packageBookService/pages/bookServices/examination/questionList/index.wxml | 70 +++++++++++++++++++++++------------ 1 files changed, 46 insertions(+), 24 deletions(-) diff --git a/packageBookService/pages/bookServices/examination/questionList/index.wxml b/packageBookService/pages/bookServices/examination/questionList/index.wxml index de4ffce..f866510 100644 --- a/packageBookService/pages/bookServices/examination/questionList/index.wxml +++ b/packageBookService/pages/bookServices/examination/questionList/index.wxml @@ -30,27 +30,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}}"></rich-text> + <view wx:elif="{{item.stemStyle == 'RichText'}} " class="title-content"> + <mp-html content="{{item.stem.stemTxt}}" /> </view> <!-- 濉┖棰� --> <view wx:if="{{item.questionType == 'completion'}}"> @@ -67,7 +65,7 @@ data-value="{{item.option}}" data-id="{{item.id}}" data-index="{{inputItem.num}}" - class="title-input" + class="title-input {{isNight ? 'input-night-color' : ''}}" style="border: 2rpx solid rgba(220,220,220,1);border-radius: 12rpx;background-color:{{isNight ? '#000' : '#fff'}}; " placeholder-style="{{placeholderstyle}}" wx:if="{{inputItem.data == 'input'}}" @@ -107,7 +105,7 @@ > <view style="font-size: {{sliderValue || 32}}rpx;" - class="radio-item {{(answerType == 'option' || answerType == 'mock' ) && !submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{ (item.answer == contentItem.value && item.answer == item.userAnswer && submitStatus) ? 'radio-correct' : (item.userAnswer == contentItem.value && item.userAnswer != item.answer && submitStatus) ?'radio-error' :'' }}" + class="radio-item {{(answerType == 'option' || answerType == 'mock' ) && !submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.userAnswer == contentItem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}" > <!-- 浠呮枃瀛� --> <text wx:if="{{item.optionStyle == 'Txt'}}" @@ -116,7 +114,7 @@ <!-- 浠呭浘鐗� --> <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 @@ -124,13 +122,20 @@ class="fl-center" > <text>{{contentItem.value}}銆�</text> - <text>{{contentItem.txt}}</text> - <t-image src="{{contentItem.img}}" /> + <text class="radio-textimg">{{contentItem.txt}}</text> + + <image src="{{contentItem.img}}" mode="aspectFit" /> </view> <!-- 瀵屾枃鏈� --> - <view wx:if="{{item.optionStyle == 'RichText'}}"> + <view + wx:if="{{item.optionStyle == 'RichText'}}" + class="judge-rich-box" + > <text>{{contentItem.value}}銆�</text> - <rich-text nodes="{{contentItem.txt}}"></rich-text> + <rich-text + nodes="{{ contentItem.txt}}" + style="display: flex; align-items: center; width: 100%" + ></rich-text> </view> <text wx:if="{{submitStatus && (item.answer == contentItem.value && item.answer == item.userAnswer)}}" @@ -165,7 +170,7 @@ <t-checkbox block="{{false}}" value="{{contentItem.value}}" - style="background-color:{{isNight ? '#222' :'#fff'}}; " + style="background-color:{{isNight ? '#222' :'#fff'}}; display: flex; align-items: center;" > <!-- 浠呮枃瀛� --> <text @@ -179,7 +184,7 @@ 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 @@ -194,12 +199,22 @@ 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}}"></rich-text> + <rich-text + nodes="{{contentItem.txt}}" + class="multipleChoice" + ></rich-text> </view> </t-checkbox> </view> @@ -211,7 +226,7 @@ bind:change="onChangeRadio" data-value="{{item.option}}" data-id="{{item.id}}" - class="option-textarea" + class="option-textarea {{isNight ? 'textarea-night-color' :''}}" wx:elif="{{item.questionType == 'shortAnswer'}}" t-class="external-class" placeholder="璇疯緭鍏ユ枃瀛�" @@ -328,8 +343,15 @@ </view> </view> </swiper-item> - <swiper-item wx:if="{{answerType !== 'collectQuestion'}}"> + <swiper-item + wx:if="{{answerType !== 'collectQuestion' && questionList.length}}" + > <text>娌℃湁鏇村浜嗐�傘�傘��</text> </swiper-item> + <swiper-item wx:if="{{!questionList.length}}"> + <view class="noData"> + <t-empty icon="folder-open" description="鏆傛棤鏁版嵁" /> + </view> + </swiper-item> </swiper> </view> -- Gitblit v1.9.1