From d61a31af1b8a220af669c818f11b6a13c1fb8dba Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 26 三月 2024 16:15:36 +0800 Subject: [PATCH] 图书详情页布局调整 --- packageBookService/pages/bookServices/examination/questionOptions/index.wxml | 114 +++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 94 insertions(+), 20 deletions(-) diff --git a/packageBookService/pages/bookServices/examination/questionOptions/index.wxml b/packageBookService/pages/bookServices/examination/questionOptions/index.wxml index 1130cc8..e857080 100644 --- a/packageBookService/pages/bookServices/examination/questionOptions/index.wxml +++ b/packageBookService/pages/bookServices/examination/questionOptions/index.wxml @@ -1,28 +1,47 @@ <!--pages/bookServices/examination/questionOptions/index.wxml--> -<view class="page-bottom"> - <view class="li-option" bind:tap="setCollect"> - <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'}};" + > + <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"> - <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"> - <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'}}" + wx:if="{{answerType == 'option' || (answerType == 'mock' && !submitStatus)}}" + style="color: {{isNight ? '#fff' : '#000'}};" > - <t-image src="/static/images/bookService/examination/reset.png"></t-image> + <image + src="{{isNight ? '/static/images/bookService/examination/chongzuo-w.png' : '/static/images/bookService/examination/reset.png'}}" + /> 閲嶅仛 </view> <view class="bottom-submit"> @@ -31,8 +50,8 @@ size="large" style="{{btnStyle}}" bind:tap="submitBtn" - >{{(answerType == 'option' || answerType == 'mock') ? '鎻愪氦' : - '閫�鍑�'}}</t-button + >{{(answerType == 'option' || answerType == 'mock') && !submitStatus ? + '鎻愪氦' : '閫�鍑�'}}</t-button > </view> </view> @@ -58,7 +77,7 @@ </view> </view> <view class="question-card-list"> - <view wx:for="{{cardList}}" class="card-box"> + <view wx:for="{{cardList}}" wx:key="index" class="card-box"> <!-- 棰樺瀷 --> <view class="question-title"> <text class="color-box"></text> @@ -71,7 +90,8 @@ wx:for="{{item.infoList}}" wx:for-item="citem" wx:for-index="cindex" - class="question-box {{citem.isComplete ? 'answered' : 'un-answered'}}" + wx:key="cindex" + class="question-box {{citem.isUserAnswer ? 'answered' : 'un-answered'}}" > {{citem.number}} </view> @@ -92,10 +112,64 @@ <view class="popup-title">璁剧疆</view> </view> <!-- 浜害 --> - <view> - <t-slider defaultValue="{{30}}" theme="capsule" /> + <view class="brightness"> + <text>A-</text> + <view class="brightness-slider"> + <!-- <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:changing="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" + > + <view class="card {{radioItem == 'daytime' ? 'card--active' : ''}}"> + <t-radio value="daytime" icon="none" borderless> + <view class="radio-content" slot="content"> + <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> + <view class="radio-content" slot="content"> + <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> + </t-radio-group> + </view> </view> </t-popup> -- Gitblit v1.9.1