From 8aeddcf766df9f7e3061d4d098b57afdf53db896 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 19 十二月 2024 15:28:07 +0800
Subject: [PATCH] 骨架屏及选择选中后自动跳转
---
packageBookService/pages/psychologyAnswer/psychologyAnswer.js | 13 +
packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml | 2
packageBookService/pages/psychologyAnswer/questionList/index.js | 14
packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss | 1
.vscode/settings.json | 2
packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxss | 75 +++++++++
packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxml | 93 +++++++++++
packageBookService/pages/psychologyAnswer/questionList/index.wxml | 278 +++++++++++++++++++++++++++++-----
8 files changed, 425 insertions(+), 53 deletions(-)
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 451d977..ff37bd1 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -32,7 +32,7 @@
},
"editor.tabSize": 2,
"[wxml]": {
- "editor.defaultFormatter": "esbenp.prettier-vscode"
+ "editor.defaultFormatter": "wechat.miniprogram.wxml-language-features"
},
"[css]": {
"editor.defaultFormatter": "HookyQR.beautify"
diff --git a/packageBookService/pages/psychologyAnswer/psychologyAnswer.js b/packageBookService/pages/psychologyAnswer/psychologyAnswer.js
index bde6646..dc16d9a 100644
--- a/packageBookService/pages/psychologyAnswer/psychologyAnswer.js
+++ b/packageBookService/pages/psychologyAnswer/psychologyAnswer.js
@@ -289,6 +289,7 @@
showId: lastItem.id
});
},
+
// 鎴戠殑閿欓锛屾敹钘忔煡鐪嬭В鏋愭寜閽�
viewParsing() {
if (
@@ -387,6 +388,12 @@
radioChange(citem)
}
}
+ const listLength = this.data.questionDataList.length - 1
+ if (this.data.currentIndex < listLength) {
+ this.setData({
+ currentIndex: this.data.currentIndex + 1
+ })
+ }
},
// 杈撳叆妗嗚Е鍙�
onChangeInput(e) {
@@ -484,9 +491,6 @@
});
this.setData({
loading: false,
- showDialog: false,
- });
- this.setData({
isShowDialog: true,
submitStatus: true,
});
@@ -494,7 +498,7 @@
// 鍒濆鍖栧嚱鏁�
async init(isReset) {
this.setData({
- showDialog: true,
+ isShowDialog: false,
loading: true,
});
const questuionName = this.data.questuionName
@@ -652,6 +656,7 @@
},
async restart() {
this.setData({
+ isShowDialog: false,
currentIndex: 0,
submitStatus: false,
});
diff --git a/packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxml b/packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxml
new file mode 100644
index 0000000..b57238e
--- /dev/null
+++ b/packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxml
@@ -0,0 +1,93 @@
+<!--
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/12/19涓嬪崍3:05:54
+浣跨敤鏂规硶锛�
+鍦� D:\JiaRuan\jsek-applet\packageBookService\pages\psychologyAnswer\psychologyAnswer.wxml 寮曞叆妯℃澘
+
+```
+<import src="psychologyAnswer.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+鍦� D:\JiaRuan\jsek-applet\packageBookService\pages\psychologyAnswer\psychologyAnswer.wxss 涓紩鍏ユ牱寮�
+```
+@import "./psychologyAnswer.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+ <view class="sk-container">
+ <view class="page" style="background-color:">
+ <view class="page-content" style="background-color:">
+ <view is="packageBookService/pages/psychologyAnswer/questionList/index">
+ <view class="questionList-index--question-list" style="background-color:#fff">
+ <view class="questionList-index--question-title" id="15fc288f--question-title">
+ <rich-text class="questionList-index--substance" nodes="" space="emsp"></rich-text>
+ </view>
+ <swiper class="questionList-index--swiper" current="0" id="15fc288f--swiper" style="height:100%" autoplay="false">
+ <swiper-item style="overflow-y: auto; position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
+ <view class="questionList-index--question-stem questionList-index--title-score" style="color: #000; font-size: 16px;">
+ <text class="sk-transparent sk-text-14-2857-769 sk-text">1.</text>
+ <view class="questionList-index--title-content questionList-index--text-space sk-transparent sk-text-16-6667-358 sk-text">鎴戜笉鏄竴涓緢绉瀬鐨勪汉銆�</view>
+ </view>
+ <view class="questionList-index--question-answer">
+ <view class="t-radio-group radio-group--t-radio-group questionList-index--radio-group " style="true">
+ <view>
+ <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block " style="background-color: #fff;" tabindex="0">
+ <view class="t-radio__content radio--t-radio__content" data-target="text">
+ <view class="t-radio__title radio--t-radio__title " style="-webkit-line-clamp:3">
+ <view class="questionList-index--radio-item" style="font-size: 16px;">
+ <view class="questionList-index--text-space sk-transparent sk-text-16-6667-817 sk-text">
+ A銆佹槸
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ <view>
+ <view class="t-radio radio--t-radio t-radio--right radio--t-radio--right t-radio--block radio--t-radio--block " style="background-color: #fff;" tabindex="0">
+ <view class="t-radio__content radio--t-radio__content" data-target="text">
+ <view class="t-radio__title radio--t-radio__title t-radio__title--checked radio--t-radio__title--checked " style="-webkit-line-clamp:3">
+ <view class="questionList-index--radio-item questionList-index--radio-active" style="font-size: 16px;">
+ <view class="questionList-index--text-space sk-transparent sk-text-16-6667-488 sk-text">
+ B銆佸惁
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </swiper-item>
+ </swiper>
+ </view>
+ </view>
+ </view>
+ <view class="page-bottom" style="background-color:">
+ <view is="packageBookService/pages/psychologyAnswer/questionOptions/index" id="question-options">
+ <view class="questionOptions-index--page-bottom" style="color: #000; background-color:#fff">
+ <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
+ <image class="sk-image"></image>
+ 绛旈鍗�
+ </view>
+ <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
+ <image class="sk-image"></image>
+ 璁剧疆
+ </view>
+ <view class="questionOptions-index--li-option sk-transparent" style="color: #000;">
+ <image class="sk-image"></image>
+ 閲嶅仛
+ </view>
+ <view class="questionOptions-index--bottom-submit">
+ <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="true" open-type="true" send-message-img="鎴浘" send-message-path="褰撳墠鍒嗕韩璺緞" send-message-title="褰撳墠鏍囬" session-from="true" style="width:166px;border-radius:31px;" class="t-button button--t-button t-button--base button--t-button--base t-button--primary button--t-button--primary t-button--rectangle button--t-button--rectangle t-button--size-large button--t-button--size-large sk-button sk-pseudo sk-pseudo-circle">
+ <view class="t-button__content button--t-button__content sk-transparent sk-text-33-6735-874 sk-text" style="background-position-x: 50%;">鎻愪氦</view>
+ </button>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+ </view>
+</template>
\ No newline at end of file
diff --git a/packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxss b/packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxss
new file mode 100644
index 0000000..94e1178
--- /dev/null
+++ b/packageBookService/pages/psychologyAnswer/psychologyAnswer.skeleton.wxss
@@ -0,0 +1,75 @@
+/*
+姝ゆ枃浠朵负寮�鍙戣�呭伐鍏风敓鎴愶紝鐢熸垚鏃堕棿: 2024/12/19涓嬪崍3:05:54
+
+鍦� D:\JiaRuan\jsek-applet\packageBookService\pages\psychologyAnswer\psychologyAnswer.wxss 涓紩鍏ユ牱寮�
+```
+@import "./psychologyAnswer.skeleton.wxss";
+```
+
+鏇村璇︾粏淇℃伅鍙互鍙傝�冩枃妗ｏ細https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-transparent {
+ color: transparent !important;
+ }
+.sk-text-14-2857-769 {
+ background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+ background-size: 100% 43.0769rpx;
+ position: relative !important;
+ }
+.sk-text {
+ background-origin: content-box !important;
+ background-clip: content-box !important;
+ background-color: transparent !important;
+ color: transparent !important;
+ background-repeat: repeat-y !important;
+ }
+.sk-text-16-6667-358 {
+ background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+ background-size: 100% 46.1538rpx;
+ position: relative !important;
+ }
+.sk-text-16-6667-817 {
+ background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+ background-size: 100% 46.1538rpx;
+ position: relative !important;
+ }
+.sk-text-16-6667-488 {
+ background-image: linear-gradient(transparent 16.6667%, #EEEEEE 0%, #EEEEEE 83.3333%, transparent 0%) !important;
+ background-size: 100% 46.1538rpx;
+ position: relative !important;
+ }
+.sk-text-33-6735-874 {
+ background-image: linear-gradient(transparent 33.6735%, #EEEEEE 0%, #EEEEEE 66.3265%, transparent 0%) !important;
+ background-size: 100% 94.2308rpx;
+ position: relative !important;
+ }
+.sk-button {
+ color: #EFEFEF !important;
+ background: #EFEFEF !important;
+ border: none !important;
+ box-shadow: none !important;
+ }
+.sk-image {
+ background: #EFEFEF !important;
+ }
+.sk-pseudo::before, .sk-pseudo::after {
+ background: #EFEFEF !important;
+ background-image: none !important;
+ color: transparent !important;
+ border-color: transparent !important;
+ }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+ border-radius: 0 !important;
+ }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+ border-radius: 50% !important;
+ }
+.sk-container {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background-color: transparent;
+ }
diff --git a/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml b/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml
index 985b8ac..ea66e5f 100644
--- a/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml
+++ b/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml
@@ -1,4 +1,6 @@
<!--packageBookService/pages/psychologyAnswer/psychologyAnswer.wxml-->
+<import src="psychologyAnswer.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
<view
class="page"
wx:if="{{!loading}}"
diff --git a/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss b/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss
index 0b684b3..21cd06f 100644
--- a/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss
+++ b/packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss
@@ -1,4 +1,5 @@
/* packageBookService/pages/psychologyAnswer/psychologyAnswer.wxss */
+@import "./psychologyAnswer.skeleton.wxss";
page {
padding: 0 !important;
diff --git a/packageBookService/pages/psychologyAnswer/questionList/index.js b/packageBookService/pages/psychologyAnswer/questionList/index.js
index a9e9ee6..d1681b1 100644
--- a/packageBookService/pages/psychologyAnswer/questionList/index.js
+++ b/packageBookService/pages/psychologyAnswer/questionList/index.js
@@ -39,13 +39,12 @@
}
},
observers: {},
- detached() {
- if (innerAudioContext) {
- innerAudioContext.stop();
- innerAudioContext.destroy();
- }
-
- },
+ // detached() {
+ // if (innerAudioContext) {
+ // innerAudioContext.stop();
+ // innerAudioContext.destroy();
+ // }
+ // },
/**
* 缁勪欢鐨勫垵濮嬫暟鎹�
*/
@@ -132,6 +131,7 @@
} // 瑙﹀彂浜嬩欢鐨勯�夐」
this.triggerEvent('onChangeRadio', myEventDetail, myEventOption)
},
+
// 澶氶�夎Е鍙�
onChangeCheck(e) {
var myEventDetail = {
diff --git a/packageBookService/pages/psychologyAnswer/questionList/index.wxml b/packageBookService/pages/psychologyAnswer/questionList/index.wxml
index d7fc744..ab7f1ef 100644
--- a/packageBookService/pages/psychologyAnswer/questionList/index.wxml
+++ b/packageBookService/pages/psychologyAnswer/questionList/index.wxml
@@ -1,31 +1,67 @@
<!--pages/bookServices/examination/questionList/index.wxml-->
-<view class="question-list" style="background-color:{{isNight ? '#222' : '#fff'}}">
+<view
+ class="question-list"
+ style="background-color:{{isNight ? '#222' : '#fff'}}"
+>
<!-- 绛旈鎻愮ずtitle -->
<view id="question-title" class="question-title" wx:if="{{questionTitle}}">
- <rich-text class="substance" nodes="{{questionTitle}}" space="emsp"></rich-text>
+ <rich-text
+ class="substance"
+ nodes="{{questionTitle}}"
+ space="emsp"
+ ></rich-text>
</view>
<!-- 棰樼洰鍒楄〃 -->
- <swiper id="swiper" class="swiper" bindanimationfinish="changeSwiper" current="{{currentIndex}}" style="{{'height:'+height}}">
- <swiper-item wx:for="{{questionList}}" wx:for-index="index" wx:key="id" style="overflow-y: auto">
+ <swiper
+ id="swiper"
+ class="swiper"
+ bindanimationfinish="changeSwiper"
+ current="{{currentIndex}}"
+ style="{{'height:'+height}}"
+ >
+ <swiper-item
+ wx:for="{{questionList}}"
+ wx:for-index="index"
+ wx:key="id"
+ style="overflow-y: auto"
+ >
<!-- 棰樺共 -->
- <view class="question-stem title-score" style="color: {{isNight ? '#fff' : '#000'}}; font-size: {{sliderValue || 32}}rpx;">
+ <view
+ class="question-stem title-score"
+ style="color: {{isNight ? '#fff' : '#000'}}; font-size: {{sliderValue || 32}}rpx;"
+ >
<!-- 棰樺彿 -->
<text>{{index+1}}.</text>
<!-- 鍚姏棰� -->
<view wx:if="{{item.questionType == 'singleChoice' && item.src}}">
<rich-text nodes="{{item.stem.stemTxt }}" />
- <view style="margin-top: {{item.stem.stemTxt ? '10rpx' : ''}};" class="audio-play-box" bind:tap="audioPlay" data-src="{{item.src}}">
- <image src="{{isPlay ? '/static/images/resourceDetailsMyAudio/zanting@2x.png' : '/static/images/resourceDetailsMyAudio/play@2x.png'}}" mode="aspectFit"></image>
+ <view
+ style="margin-top: {{item.stem.stemTxt ? '10rpx' : ''}};"
+ class="audio-play-box"
+ bind:tap="audioPlay"
+ data-src="{{item.src}}"
+ >
+ <image
+ src="{{isPlay ? '/static/images/resourceDetailsMyAudio/zanting@2x.png' : '/static/images/resourceDetailsMyAudio/play@2x.png'}}"
+ mode="aspectFit"
+ ></image>
</view>
</view>
<!-- 浠呮枃瀛� -->
- <view class="title-content text-space" wx:elif="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}">{{item.stem.stemTxt}}</view>
+ <view
+ class="title-content text-space"
+ wx:elif="{{item.stemStyle == 'Txt' && item.questionType != 'completion'}}"
+ >{{item.stem.stemTxt}}</view
+ >
<!-- 浠呭浘鐗� -->
<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-content text-space">
+ <view
+ wx:elif="{{item.stemStyle == 'TxtAndImage'}}"
+ class="title-content text-space"
+ >
<view>{{item.stem.stemTxt}}</view>
<image src="{{item.stem.stemImage}}" mode="aspectFit" />
</view>
@@ -35,19 +71,61 @@
</view>
<!-- 濉┖棰� -->
<view wx:if="{{item.questionType == 'completion'}}">
- <view class="completion-box" wx:for="{{item.stem}}" wx:for-item="inputItem" wx:for-index="inputIndex" wx:key="inputIndex">
- <t-input disabled="{{submitStatus}}" borderless bind:change="onChangeInput" data-value="{{item.option}}" data-id="{{item.id}}" data-index="{{inputItem.num}}" 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'}}" placeholder="璇疯緭鍏ユ枃瀛�" value="{{item.userAnswer[inputItem.num]}}"></t-input>
+ <view
+ class="completion-box"
+ wx:for="{{item.stem}}"
+ wx:for-item="inputItem"
+ wx:for-index="inputIndex"
+ wx:key="inputIndex"
+ >
+ <t-input
+ disabled="{{submitStatus}}"
+ borderless
+ bind:change="onChangeInput"
+ data-value="{{item.option}}"
+ data-id="{{item.id}}"
+ data-index="{{inputItem.num}}"
+ 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'}}"
+ placeholder="璇疯緭鍏ユ枃瀛�"
+ value="{{item.userAnswer[inputItem.num]}}"
+ ></t-input>
<text wx:else class="text-space">{{inputItem}}</text>
</view>
</view>
</view>
<!-- 绛旈鍖哄煙 -->
- <view class="question-answer {{item.questionType == 'shortAnswer' ? 'textarea-center' : ''}}">
+ <view
+ class="question-answer {{item.questionType == 'shortAnswer' ? 'textarea-center' : ''}}"
+ >
<!-- 鍗曢�夐 -->
- <t-radio-group wx:if="{{item.questionType == 'singleChoice' || item.questionType == 'judge'}}" defaultValue="{{item.userAnswer}}" disabled="{{submitStatus}}" bind:change="onChangeRadio" class="radio-group" data-id="{{item.id}}">
- <view wx:for="{{questionOptions && questionOptions.length ? questionOptions[item.optionIndex] : item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex">
- <t-radio value="{{contentItem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}">
- <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.userAnswer == contentItem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}">
+ <t-radio-group
+ wx:if="{{item.questionType == 'singleChoice' || item.questionType == 'judge'}}"
+ defaultValue="{{item.userAnswer}}"
+ disabled="{{submitStatus}}"
+ bind:change="onChangeRadio"
+ class="radio-group"
+ data-id="{{item.id}}"
+ >
+ <view
+ wx:for="{{questionOptions && questionOptions.length ? questionOptions[item.optionIndex] : item.option}}"
+ wx:for-item="contentItem"
+ wx:for-index="contentIndex"
+ wx:key="contentIndex"
+ >
+ <t-radio
+ value="{{contentItem.value}}"
+ icon="none"
+ placement="right"
+ borderless
+ style="background-color: {{isNight ? '#222' : '#fff'}}"
+ >
+ <view
+ style="font-size: {{sliderValue || 32}}rpx;"
+ class="radio-item {{!submitStatus && item.userAnswer == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.userAnswer == contentItem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}"
+ >
<!-- 浠呮枃瀛� -->
<view wx:if="{{item.optionStyle == 'Txt'}}" class="text-space">
{{contentItem.value}}銆亄{contentItem.txt}}
@@ -58,15 +136,25 @@
<image src="{{contentItem.img}}" mode="aspectFit" />
</view>
<!-- 鏂囧瓧鍔犲浘鐗� -->
- <view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center" class="TxtAndImage-box">
+ <view
+ wx:if="{{item.optionStyle == 'TxtAndImage'}}"
+ class="fl-center"
+ class="TxtAndImage-box"
+ >
<text class="text-space">{{contentItem.value}}銆�</text>
<view class="radio-textimg">{{contentItem.txt}}</view>
<image src="{{contentItem.img}}" mode="aspectFit" />
</view>
<!-- 瀵屾枃鏈� -->
- <view wx:if="{{item.optionStyle == 'RichText'}}" class="judge-rich-box">
+ <view
+ wx:if="{{item.optionStyle == 'RichText'}}"
+ class="judge-rich-box"
+ >
<text>{{contentItem.value}}銆�</text>
- <rich-text nodes="{{ contentItem.txt}}" style="display: flex; align-items: center; width: 100%"></rich-text>
+ <rich-text
+ nodes="{{ contentItem.txt}}"
+ style="display: flex; align-items: center; width: 100%"
+ ></rich-text>
</view>
</view>
</t-radio>
@@ -74,10 +162,32 @@
</t-radio-group>
<!-- 鐗规畩棰� -->
<view wx:if="{{item.questionType == 'linkage'}}">
- <t-radio-group defaultValue="{{item.questionTab}}" disabled="{{submitStatus}}" bind:change="handeleOption" class="radio-group" data-value="{{item.questionTab}}" data-id="{{item.id}}">
- <view wx:if="{{item.optionData}}" wx:for="{{item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex">
- <t-radio value="{{contentItem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}">
- <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.questionTab == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.questionTab == contentItem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}">
+ <t-radio-group
+ defaultValue="{{item.questionTab}}"
+ disabled="{{submitStatus}}"
+ bind:change="handeleOption"
+ class="radio-group"
+ data-value="{{item.questionTab}}"
+ data-id="{{item.id}}"
+ >
+ <view
+ wx:if="{{item.optionData}}"
+ wx:for="{{item.option}}"
+ wx:for-item="contentItem"
+ wx:for-index="contentIndex"
+ wx:key="contentIndex"
+ >
+ <t-radio
+ value="{{contentItem.value}}"
+ icon="none"
+ placement="right"
+ borderless
+ style="background-color: {{isNight ? '#222' : '#fff'}}"
+ >
+ <view
+ style="font-size: {{sliderValue || 32}}rpx;"
+ class="radio-item {{!submitStatus && item.questionTab == contentItem.value ? 'radio-active' : isNight ? 'night' :''}} {{item.questionTab == contentItem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}"
+ >
<!-- 浠呮枃瀛� -->
<view class="text-space">
{{contentItem.value}}銆亄{contentItem.txt}}
@@ -87,10 +197,31 @@
</view>
</t-radio-group>
<view class="title-content text-space">{{item.stem.stem}}</view>
- <t-radio-group defaultValue="{{item.userAnswer}}" disabled="{{submitStatus}}" bind:change="onChangeRadio" class="radio-group" data-value="{{item.userAnswer}}" data-id="{{item.id}}">
- <view wx:for="{{item.optionData[item.questionTab]}}" wx:for-item="citem" wx:for-index="cindex" wx:key="cindex">
- <t-radio value="{{citem.value}}" icon="none" placement="right" borderless style="background-color: {{isNight ? '#222' : '#fff'}}">
- <view style="font-size: {{sliderValue || 32}}rpx;" class="radio-item {{!submitStatus && item.userAnswer == citem.value ? 'radio-active' : isNight ? 'night' :''}}{{item.userAnswer == citem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}">
+ <t-radio-group
+ defaultValue="{{item.userAnswer}}"
+ disabled="{{submitStatus}}"
+ bind:change="onChangeRadio"
+ class="radio-group"
+ data-value="{{item.userAnswer}}"
+ data-id="{{item.id}}"
+ >
+ <view
+ wx:for="{{item.optionData[item.questionTab]}}"
+ wx:for-item="citem"
+ wx:for-index="cindex"
+ wx:key="cindex"
+ >
+ <t-radio
+ value="{{citem.value}}"
+ icon="none"
+ placement="right"
+ borderless
+ style="background-color: {{isNight ? '#222' : '#fff'}}"
+ >
+ <view
+ style="font-size: {{sliderValue || 32}}rpx;"
+ class="radio-item {{!submitStatus && item.userAnswer == citem.value ? 'radio-active' : isNight ? 'night' :''}}{{item.userAnswer == citem.value && submitStatus ? item.isRight ? 'radio-correct' : 'radio-error' :''}}"
+ >
<!-- 浠呮枃瀛� -->
<view class="text-space">
{{citem.value}}銆亄{citem.txt}}
@@ -102,35 +233,100 @@
</view>
<!-- 澶氶�夐 -->
- <t-checkbox-group class="checkbox-group" wx:elif="{{item.questionType == 'multipleChoice'}}" t-class="box" borderless bind:change="onChangeRadio" data-value="{{item.option}}" data-id="{{item.id}}" defaultValue="{{item.userAnswer}}">
- <view wx:for="{{item.option}}" wx:for-item="contentItem" wx:for-index="contentIndex" wx:key="contentIndex">
- <t-checkbox disabled="{{submitStatus}}" icon="rectangle" block="{{false}}" class="t-checkbox" value="{{contentItem.value}}" style="background-color:{{isNight ? '#222' :'#F9F9F9'}}; ">
+ <t-checkbox-group
+ class="checkbox-group"
+ wx:elif="{{item.questionType == 'multipleChoice'}}"
+ t-class="box"
+ borderless
+ bind:change="onChangeRadio"
+ data-value="{{item.option}}"
+ data-id="{{item.id}}"
+ defaultValue="{{item.userAnswer}}"
+ >
+ <view
+ wx:for="{{item.option}}"
+ wx:for-item="contentItem"
+ wx:for-index="contentIndex"
+ wx:key="contentIndex"
+ >
+ <t-checkbox
+ disabled="{{submitStatus}}"
+ icon="rectangle"
+ block="{{false}}"
+ class="t-checkbox"
+ value="{{contentItem.value}}"
+ style="background-color:{{isNight ? '#222' :'#F9F9F9'}}; "
+ >
<!-- 浠呮枃瀛� -->
- <view class="fl-center mh text-space" wx:if="{{item.optionStyle == 'Txt'}}" style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">
+ <view
+ class="fl-center mh text-space"
+ wx:if="{{item.optionStyle == 'Txt'}}"
+ style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
+ >
<text>{{contentItem.value}}銆�</text>
<text class="check-text-box">{{contentItem.txt}}</text>
</view>
<!-- 浠呭浘鐗� -->
- <view wx:if="{{item.optionStyle == 'Image'}}" class="fl-center mh">
- <text style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.value}}銆�</text>
+ <view
+ wx:if="{{item.optionStyle == 'Image'}}"
+ class="fl-center mh"
+ >
+ <text
+ style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
+ >{{contentItem.value}}銆�</text
+ >
<image src="{{contentItem.img}}" mode="aspectFit" />
</view>
<!-- 鏂囧瓧鍔犲浘鐗� -->
- <view wx:if="{{item.optionStyle == 'TxtAndImage'}}" class="fl-center mh text-space">
- <text style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.value}}銆�</text>
- <text style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;">{{contentItem.txt}}</text>
- <image src="{{contentItem.img}}" wx:if="{{contentItem.img}}" mode="aspectFit" />
+ <view
+ wx:if="{{item.optionStyle == 'TxtAndImage'}}"
+ class="fl-center mh text-space"
+ >
+ <text
+ style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
+ >{{contentItem.value}}銆�</text
+ >
+ <text
+ style="color:{{ isNight ? '#fff' : '#000'}};font-size:{{sliderValue || 32}}rpx;"
+ >{{contentItem.txt}}</text
+ >
+ <image
+ src="{{contentItem.img}}"
+ wx:if="{{contentItem.img}}"
+ mode="aspectFit"
+ />
</view>
<!-- 瀵屾枃鏈� -->
- <view wx:if="{{item.optionStyle == 'RichText'}}" class="check-rich-box mh">
+ <view
+ wx:if="{{item.optionStyle == 'RichText'}}"
+ class="check-rich-box mh"
+ >
<text>{{contentItem.value}}銆�</text>
- <rich-text nodes="{{contentItem.txt}}" class="multipleChoice"></rich-text>
+ <rich-text
+ nodes="{{contentItem.txt}}"
+ class="multipleChoice"
+ ></rich-text>
</view>
</t-checkbox>
</view>
</t-checkbox-group>
<!-- 绠�绛� 缈昏瘧 -->
- <t-textarea disabled="{{submitStatus}}" value="{{item.userAnswer}}" bind:change="onChangeRadio" data-value="{{item.option}}" data-id="{{item.id}}" class="option-textarea {{isNight ? 'textarea-night-color' :''}}" wx:elif="{{item.questionType == 'shortAnswer'}}" t-class="external-class" placeholder="璇疯緭鍏ユ枃瀛�" bordered maxlength="500" disableDefaultPadding="{{true}}" indicator style="background-color:{{isNight ? '#000' : '#fff'}}; " />
+ <t-textarea
+ disabled="{{submitStatus}}"
+ value="{{item.userAnswer}}"
+ bind:change="onChangeRadio"
+ data-value="{{item.option}}"
+ data-id="{{item.id}}"
+ class="option-textarea {{isNight ? 'textarea-night-color' :''}}"
+ wx:elif="{{item.questionType == 'shortAnswer'}}"
+ t-class="external-class"
+ placeholder="璇疯緭鍏ユ枃瀛�"
+ bordered
+ maxlength="500"
+ disableDefaultPadding="{{true}}"
+ indicator
+ style="background-color:{{isNight ? '#000' : '#fff'}}; "
+ />
</view>
</swiper-item>
<swiper-item wx:if="{{noData}}">
@@ -140,4 +336,4 @@
</view>
</swiper-item>
</swiper>
-</view>
\ No newline at end of file
+</view>
--
Gitblit v1.9.1