From c99f9976a5ef9d8974105feb8fc0580a10adf98c Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期一, 23 十二月 2024 14:58:49 +0800 Subject: [PATCH] 111 --- packageBookService/pages/bookServices/examination/questionOptions/index.wxml | 196 +++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 159 insertions(+), 37 deletions(-) diff --git a/packageBookService/pages/bookServices/examination/questionOptions/index.wxml b/packageBookService/pages/bookServices/examination/questionOptions/index.wxml index 7057d37..af4c963 100644 --- a/packageBookService/pages/bookServices/examination/questionOptions/index.wxml +++ b/packageBookService/pages/bookServices/examination/questionOptions/index.wxml @@ -1,63 +1,140 @@ <!--pages/bookServices/examination/questionOptions/index.wxml--> -<view class="page-bottom" style="color: {{isNight ? '#fff' : '#000'}}; background-color:{{isNight ? '#000' : '#fff'}}"> - <view class="li-option" bind:tap="setCollect" style="color: {{isNight ? '#fff' : '#000'}};"> - <t-image src="{{ questionDataList[currentIndex].isCollect ? '/static/images/bookService/detail/collecting.png' : '/static/images/bookService/examination/collect.png'}}"> - </t-image> +<view + class="page-bottom" + style="color: {{isNight ? '#fff' : '#000'}}; background-color:{{isNight ? '#202020' : '#fff'}}" +> + <view + class="li-option" + bind:tap="setCollect" + style="color: {{isNight ? '#fff' : '#000'}};" + wx:if="{{answerType !== 'interaction'}}" + > + <image + src="{{ questionDataList[currentIndex].isCollect ? '/static/images/bookService/detail/collecting.png' : isNight ? '/static/images/bookService/examination/wodeshoucang-w.png' : '/static/images/bookService/examination/collect.png'}}" + /> 鏀惰棌 </view> - <view class="li-option" bind:tap="handlePopup" style="color: {{isNight ? '#fff' : '#000'}};"> - <t-image src="/static/images/bookService/examination/questionCard.png"></t-image> + <view + class="li-option" + bind:tap="handlePopup" + style="color: {{isNight ? '#fff' : '#000'}};" + > + <image + src="{{isNight ? '/static/images/bookService/examination/datika-w.png' : '/static/images/bookService/examination/questionCard.png'}}" + /> 绛旈鍗� </view> - <view class="li-option" bind:tap="setUpBtn" style="color: {{isNight ? '#fff' : '#000'}};"> - <t-image src="/static/images/bookService/examination/setting.png"></t-image> + <view + class="li-option" + bind:tap="setUpBtn" + style="color: {{isNight ? '#fff' : '#000'}};" + > + <image + src="{{isNight ? '/static/images/bookService/examination/setting-w.png' : '/static/images/bookService/examination/setting.png'}}" + /> 璁剧疆 </view> - <view class="li-option" bind:tap="resterBtn" wx:if="{{answerType == 'option' || (answerType == 'mock' && !submitStatus)}}" style="color: {{isNight ? '#fff' : '#000'}};"> - <t-image src="/static/images/bookService/examination/reset.png"></t-image> + <view + class="li-option" + bind:tap="resterBtn" + wx:if="{{answerType == 'option' || (answerType == 'mock' && !submitStatus) || (answerType == 'interaction' && !joinGroup)}}" + style="color: {{isNight ? '#fff' : '#000'}};" + > + <image + src="{{isNight ? '/static/images/bookService/examination/chongzuo-w.png' : '/static/images/bookService/examination/reset.png'}}" + /> 閲嶅仛 </view> <view class="bottom-submit"> - <t-button theme="primary" size="large" style="{{btnStyle}}" bind:tap="submitBtn">{{(answerType == 'option' || answerType == 'mock') && !submitStatus ? '鎻愪氦' : - '閫�鍑�'}}</t-button> + <t-button + theme="primary" + size="large" + style="{{btnStyle}}" + bind:tap="submitBtn" + >{{(answerType == 'option' || answerType == 'mock' || answerType == + 'interaction') && !submitStatus ? '鎻愪氦' : '閫�鍑�'}}</t-button + > </view> </view> <!-- 绛旈鍗� --> -<t-popup visible="{{questionCardState}}" bind:visible-change="onVisibleChange" placement="bottom"> +<t-popup + visible="{{questionCardState}}" + bind:visible-change="onVisibleChange" + placement="bottom" +> <view class="popup-block"> <view class="popup-header"> <view class="popup-title">绛旈鍗�</view> </view> <view class="question-explain"> - <view class="explain-answered"> + <view + class="explain-answered" + wx:if="{{answerType == 'collectQuestion' || answerType == 'errorQuestion' || (answerType == 'option' && !submitStatus) || (answerType == 'mock' && !submitStatus)}}" + > <text class="answered explain-color-box"></text> <text>宸茬瓟</text> </view> - <view class="explain-un-answered"> + <view + class="explain-un-answered" + wx:if="{{answerType == 'collectQuestion' || answerType == 'errorQuestion' || (answerType == 'option' && !submitStatus) || (answerType == 'mock' && !submitStatus)}}" + > <text class="un-answered explain-color-box"></text> <text>鏈瓟</text> </view> + <view + class="error-box" + wx:if="{{((answerType == 'option' || answerType == 'mock') && submitStatus) || answerType == 'collectQuestion' || answerType == 'errorQuestion'}}" + > + <text + class="explain-color-box" + style="background-color: #ee1818" + ></text> + <text>閿欒</text> + </view> + <view + class="correct-box" + wx:if="{{((answerType == 'option' || answerType == 'mock') && submitStatus) || answerType == 'collectQuestion' || answerType == 'errorQuestion'}}" + > + <text + class="explain-color-box" + style="background-color: #1fbc1f" + ></text> + <text>姝g‘</text> + </view> </view> - <view class="question-card-list"> - <view wx:for="{{cardList}}" class="card-box"> + <scroll-view scroll-y="{{true}}" class="question-card-list"> + <view wx:for="{{cardList}}" wx:key="index" class="card-box"> <!-- 棰樺瀷 --> - <view class="question-title"> + <view class="question-title" wx:if="{{item.infoList.length}}"> <text class="color-box"></text> <text class="title-text">{{item.catalogName}}</text> </view> <view class="question-list"> - <view bind:tap="goQuestion" data-id="{{citem.id}}" wx:for="{{item.infoList}}" wx:for-item="citem" wx:for-index="cindex" class="question-box {{citem.isUserAnswer ? 'answered' : 'un-answered'}}"> + <view + bind:tap="goQuestion" + data-id="{{citem.id}}" + wx:for="{{item.infoList}}" + wx:for-item="citem" + wx:for-index="cindex" + wx:key="cindex" + style="border: {{showId == citem.id ? '1px solid #ff6c00' : ''}}" + class="question-box {{ citem.isUserAnswer ? 'answered' : 'un-answered' }} {{ ( ((answerType == 'option' || answerType == 'mock') && submitStatus || answerType == 'collectQuestion' || answerType == 'errorQuestion') && citem.questionType !== 'shortAnswer' ) ? citem.isRight && citem.isComplete ? 'correct-box-color' : citem.isComplete && !citem.isRight ? 'error-box-color' : '' :''}} " + > {{citem.number}} </view> </view> </view> - </view> + </scroll-view> </view> </t-popup> <!-- 璁剧疆 --> -<t-popup visible="{{setUpPopup}}" bind:visible-change="onSetUpChange" placement="bottom"> +<t-popup + visible="{{setUpPopup}}" + bind:visible-change="onSetUpChange" + placement="bottom" +> <view class="popup-block set-up-popup"> <view class="popup-header"> <view class="popup-title">璁剧疆</view> @@ -66,27 +143,56 @@ <view class="brightness"> <text>A-</text> <view class="brightness-slider"> - <t-slider value="{{sliderValue}}" theme="capsule" step="{{10}}" bind:change="onChangeSlider" /> + <!-- <t-slider + value="{{sliderValue}}" + theme="capsule" + min="{{24}}" + max="{{100}}" + step="{{7}}" + bind:change="onChangeSlider" + /> --> + <slider + value="{{sliderValue}}" + min="{{28}}" + max="{{48}}" + step="{{7}}" + activeColor="#ff6c00" + bind:change="onChangeSlider" + /> </view> <text>A+</text> </view> <!-- 妯″紡 --> <view> - <t-radio-group class="test-radio" t-class="horizontal-box" value="{{radioItem}}" bind:change="onRadioChange" style="margin: 0px"> + <t-radio-group + class="test-radio" + t-class="horizontal-box" + value="{{radioItem}}" + bind:change="onRadioChange" + style="margin: 0px" + > <view class="card {{radioItem == 'daytime' ? 'card--active' : ''}}"> - <t-radio value="daytime" icon="none" borderless> + <t-radio value="daytime" icon="none" borderless style="height: 100%"> <view class="radio-content" slot="content"> - <t-image src="{{ radioItem == 'daytime' ? '/static/images/bookService/examination/rijian.png' : '/static/images/bookService/detail/notest.png'}}"></t-image> - <text style="color: {{radioItem == 'daytime' ? '#fff':''}};">鏃ラ棿妯″紡</text> + <image + src="{{ radioItem == 'daytime' ? '/static/images/bookService/examination/rijian-click.png' : '/static/images/bookService/examination/rijian.png'}}" + /> + <text style="color: {{radioItem == 'daytime' ? '#fff':''}};" + >鏃ラ棿妯″紡</text + > </view> </t-radio> </view> <view class="card {{radioItem == 'night' ? 'card--active' : ''}}"> - <t-radio value="night" icon="none" borderless> + <t-radio value="night" icon="none" borderless style="height: 100%"> <view class="radio-content" slot="content"> - <t-image src="{{ radioItem == 'night' ? '/static/images/bookService/detail/practice-icon.png' : '/static/images/bookService/examination/yejian.png'}}"></t-image> - <text style="color: {{radioItem == 'night' ? '#fff':''}};">澶滈棿妯″紡</text> + <image + src="{{ radioItem == 'night' ? '/static/images/bookService/examination/yejian-click.png' : '/static/images/bookService/examination/yejian.png'}}" + /> + <text style="color: {{radioItem == 'night' ? '#fff':''}};" + >澶滈棿妯″紡</text + > </view> </t-radio> </view> @@ -97,7 +203,13 @@ <!-- 娴嬭瘯鎶ュ憡 --> -<t-dialog class="test-report" visible="{{testReportState}}" cancel-btn="{{null}}" confirm-btn="{{null}}" close-btn="{{true}}" title="娴嬭瘯鎶ュ憡" bind:close="closeTestReportDialog"> +<t-dialog + class="test-report" + visible="{{testReportState}}" + confirm-btn="{{null}}" + title="娴嬭瘯鎶ュ憡" + bind:close="closeTestReportDialog" +> <view slot="content" class="test-report"> <view class="report-content-top"> <view class="report-li"> @@ -110,24 +222,34 @@ </view> <view class="report-li"> <view class="report-li-left">鍏朵腑瀹㈣棰橈細</view> - <view class="report-li-right">{{subjectiveTotal}}閬擄紝鍒嗗�納{subjectiveGrade}}鍒�</view> + <view class="report-li-right" + >{{subjectiveTotal}}閬擄紝鍒嗗�納{subjectiveGrade}}鍒�</view + > </view> <view class="report-li"> <view class="report-li-left">绛斿锛�</view> - <view class="report-li-right"><text class="correct-color">{{correctNum}}</text> 閬�</view> + <view class="report-li-right" + ><text class="correct-color">{{correctNum}}</text> 閬�</view + > </view> <view class="report-li"> <view class="report-li-left">绛旈敊锛�</view> - <view class="report-li-right"><text class="error-color">{{subjectiveTotal - correctNum}}</text> - 閬�</view> + <view class="report-li-right" + ><text class="error-color">{{subjectiveTotal - correctNum}}</text> + 閬�</view + > </view> <view class="report-li"> <view class="report-li-left">瀹㈣棰樺緱鍒嗭細</view> - <view class="report-li-right"><text class="score-color">{{subjectiveNum}}</text> 鍒�</view> + <view class="report-li-right" + ><text class="score-color">{{subjectiveNum}}</text> 鍒�</view + > </view> </view> <view class="report-content-bottom"> - <t-button theme="primary" bind:tap="viewAnswer" style="width: 560rpx">鏌ョ湅绛旀涓庤В鏋�</t-button> + <t-button theme="primary" bind:tap="viewAnswer" style="width: 560rpx" + >鏌ョ湅绛旀涓庤В鏋�</t-button + > </view> </view> -</t-dialog> \ No newline at end of file +</t-dialog> -- Gitblit v1.9.1