From 0a945a92ee0c133a6d7b71b35a705d9764d94f3b Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期四, 11 七月 2024 10:57:05 +0800
Subject: [PATCH] 英语（第一单元题集）
---
src/components/choice/choice.vue | 28 ++++++++++++++++------------
1 files changed, 16 insertions(+), 12 deletions(-)
diff --git a/src/components/choice/choice.vue b/src/components/choice/choice.vue
index 0dd1afc..711d7aa 100644
--- a/src/components/choice/choice.vue
+++ b/src/components/choice/choice.vue
@@ -1,10 +1,12 @@
<template>
<div class="choice-question">
<!-- 棰樼洰鍐呭鍙婇�夐」閮ㄥ垎 -->
- <div style="display: flex; justify-content: space-around;">
- <div class="question-content">
- <p class="question-t"> <span>
- <span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</span><span>绗瑊{ currentQuestion.id }}棰� (鍏眥{ questions.length}}棰�)</span></p>
+ <div style="display: flex; flex-direction: column;">
+ <div class="question-t">
+ <span style="display: flex; "><span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</span>
+ <span>绗瑊{ currentQuestion.id }}棰� (鍏眥{ questions.length}}棰�)</span>
+ </div>
+ <div class="question-content">
<p>{{ currentQuestion.stem.stemTxt }}</p>
<div class="all-options">
<span v-for="(option, index) in currentQuestion.options" :key="index" class="option"
@@ -13,14 +15,14 @@
<span>
<svg v-if="selectedOptions.includes(index)" t="1718282810750" class="icon" viewBox="0 0 1355 1024"
version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="87382" xmlns:xlink="http://www.w3.org/1999/xlink"
- width="170" height="170">
+ width="130" height="170">
<path
d="M1299.772238 471.021724a366.045786 366.045786 0 0 0-97.270943-99.189942 379.484778 379.484778 0 0 0-29.436982-123.509928 398.682766 398.682766 0 0 0-89.591948-127.986925 405.722762 405.722762 0 0 0-133.107922-91.511946A409.56176 409.56176 0 0 0 794.859534 0.026 401.242765 401.242765 0 0 0 568.319667 67.85896a411.481759 411.481759 0 0 0-97.909943 91.511947 261.735847 261.735847 0 0 0-63.994962-7.679996 247.656855 247.656855 0 0 0-176.623897 71.033958 245.736856 245.736856 0 0 0-72.312957 202.860882 325.729809 325.729809 0 0 0-84.471951 72.953957A309.731819 309.731819 0 0 0 0.053 703.959588a311.010818 311.010818 0 0 0 97.269943 229.099865 323.80981 323.80981 0 0 0 231.659864 90.871947h660.418613a360.926789 360.926789 0 0 0 255.97585-104.949938 360.926789 360.926789 0 0 0 81.272953-116.469932 355.166792 355.166792 0 0 0 27.516984-138.866919 345.567798 345.567798 0 0 0-54.394969-192.622887z"
fill="rgb(245, 130, 32)" :style="{ fill: primaryColor }" p-id="87383"></path>
</svg>
<!-- 瀹炲績浜戞湹 -->
<svg v-else t="1718282816195" class="icon" viewBox="0 0 1024 1024" version="1.1"
- xmlns="http://www.w3.org/2000/svg" p-id="87529" xmlns:xlink="http://www.w3.org/1999/xlink" width="170"
+ xmlns="http://www.w3.org/2000/svg" p-id="87529" xmlns:xlink="http://www.w3.org/1999/xlink" width="130"
height="170">
<path
d="M829.248 420.576C815.264 274.56 693.696 160 544 160c-115.808 0-214.944 68.736-260.672 167.36A142.72 142.72 0 0 0 240.032 320a144.032 144.032 0 0 0-144 144c0 15.808 3.168 30.752 7.872 44.928C42.048 544.992 0.032 611.168 0.032 687.936a208 208 0 0 0 208 208V896H784v-0.064c132.576 0 240-107.424 240-240 0-116.992-83.872-214.176-194.752-235.36zM784 831.936V832H208.032a144.256 144.256 0 0 1-144-144.064c0-51.2 26.976-97.44 72.128-123.744 43.872-25.184 46.88-30.176 28.48-75.424a78.56 78.56 0 0 1-4.608-24.736c0-44.128 35.872-80 80-80 0 0 20.992-1.504 43.296 7.36 36.704 14.624 40.704 0.64 58.048-37.088C378.08 275.168 457.6 224 544 224c115.2 0 210.432 87.136 221.568 202.688 3.936 45.824 3.936 45.824 51.68 56.736A175.872 175.872 0 0 1 960 655.936c0 97.056-78.944 176-176 176z"
@@ -45,7 +47,9 @@
</svg>
</span>
<!-- 閫夐」 -->
- <span class="option-text"
+ <span class="option-text" @click="(e)=>{
+ e.preventDefault()
+ }"
:style="{ color: formatAnswer(getSelectedOptions()).indexOf(option.value) > -1 ? '#fff' : '#000' }">
{{ option.value }}銆亄{ option.txt }}
</span>
@@ -424,6 +428,7 @@
display: flex;
justify-content: space-between;
width: 100%;
+ margin-top: 10px;
}
.all-options {
@@ -435,7 +440,7 @@
}
/* 褰撳睆骞曞搴︽渶澶т负600px鏃跺簲鐢ㄦ鏍峰紡 */
-@media screen and (max-width: 420px) {
+@media screen and (max-width: 430px) {
.all-options {
display: flex;
flex-direction: row;
@@ -570,8 +575,8 @@
.smiling-face{
position: absolute;
z-index: 1;
- bottom: 2% ;
- right: 0;
+ bottom: -2% ;
+ right: 4%;
}
.face {
width: 80%;
@@ -579,7 +584,6 @@
}
.face-text {
-
- text-wrap: wrap;
+ text-wrap: nowrap;
}
</style>
--
Gitblit v1.9.1