| | |
| | | |
| | | <!-- 底部按钮区域 --> |
| | | <view class="submit-action-area"> |
| | | <view class="btn cancel-btn" @tap="closeAnswer">稍后可答题</view> |
| | | <view class="btn confirm-btn" :class="{ disabled: submitButtonDisabled }" @tap="submitAnswer"> |
| | | <view v-if="showLaterAnswerButton" class="btn cancel-btn single-btn" @tap="closeAnswer">稍后可答题</view> |
| | | <view |
| | | v-if="showSubmitAnswerButton" |
| | | class="btn confirm-btn single-btn" |
| | | :class="{ disabled: submitButtonDisabled }" |
| | | @tap="submitAnswer" |
| | | > |
| | | {{ submitButtonText }} |
| | | </view> |
| | | </view> |
| | |
| | | }) |
| | | const submitButtonDisabled = computed(() => !isSubmitEnabled.value || quizSubmitting.value) |
| | | const submitButtonText = computed(() => (quizSubmitting.value ? '提交中...' : '提交')) |
| | | const showLaterAnswerButton = computed(() => { |
| | | return hasQuizQuestions.value && !quizState.value.quizSubmitted && !isQuizTimeReached.value |
| | | }) |
| | | const showSubmitAnswerButton = computed(() => { |
| | | return hasQuizQuestions.value && !quizState.value.quizSubmitted && isQuizTimeReached.value |
| | | }) |
| | | const answerViewState = computed<QuizViewState>(() => { |
| | | if (quizState.value.quizSubmitted) { |
| | | if (quizState.value.quizPointsAwarded) { |
| | |
| | | &.cancel-btn { |
| | | background-color: #F5F5F5; |
| | | color: #666; |
| | | margin-right: 20rpx; |
| | | } |
| | | |
| | | &.single-btn { |
| | | margin-right: 0; |
| | | } |
| | | |
| | | &.confirm-btn { |