From fcd53075ab98962dac1ba992ed86f857176af1b7 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 06 十一月 2024 17:00:50 +0800
Subject: [PATCH] 艺术戏剧bug修改
---
src/books/artAndDrama/view/components/chapter004.vue | 2
src/books/artAndDrama/assets/main.less | 44 ++++++++++++++++++++--
src/books/artAndDrama/view/components/chapter003.vue | 10 ++--
src/books/artAndDrama/view/components/chapter002.vue | 4 +-
src/books/artAndDrama/view/components/chapter001.vue | 4 +-
src/App.vue | 2
src/components/choice/choice.vue | 14 ++++++-
7 files changed, 63 insertions(+), 17 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 4603252..929f97b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -71,7 +71,7 @@
process.env.VUE_APP_RESOURCE_CTX +
(process.env.VUE_APP_ENV == "product"
? process.env.VUE_APP_BOOK_ID
- : "civilAviation")
+ : "artAndDrama")
);
// this.activeBook = await this.config.getBookConfig(
diff --git a/src/books/artAndDrama/assets/main.less b/src/books/artAndDrama/assets/main.less
index ece392e..343b587 100644
--- a/src/books/artAndDrama/assets/main.less
+++ b/src/books/artAndDrama/assets/main.less
@@ -14,10 +14,19 @@
text-emphasis-position: under;
}
- // audio{
- // width: 300px;
- // height: 54px;
- // }
+ .w90{
+ width: 90%;
+ }
+
+ .ma-l-40{
+ margin-left: 40px;
+ max-width: 490px;
+ }
+
+ audio{
+ width: 300px;
+ height: 54px;
+ }
.rhombusFather {
position: relative;
@@ -682,6 +691,8 @@
.headerimg {
margin-left: 5%;
+ width: 90%;
+ height: auto;
}
.page-footer {
@@ -818,6 +829,31 @@
.page-box {
min-height: 500px;
}
+
+ audio{
+ width: 250px;
+ }
+
+ .img-gn1 {
+ height: 2em;
+ }
+
+ h3.lefth3 {
+ text-align: left;
+ margin-top: 0.2em;
+ margin-bottom: 1.2em;
+ text-indent: 0em;
+ }
+ .ma-l-40{
+ margin-left: 15px;
+ // max-width: 100px;
+ }
+ .rhombusFather {
+ text-indent: 0em;
+ }
+ .folder {
+ margin-right: 4%;
+ }
}
}
diff --git a/src/books/artAndDrama/view/components/chapter001.vue b/src/books/artAndDrama/view/components/chapter001.vue
index 391ad8d..b3b1c75 100644
--- a/src/books/artAndDrama/view/components/chapter001.vue
+++ b/src/books/artAndDrama/view/components/chapter001.vue
@@ -202,13 +202,13 @@
</p>
<p class="text t-l">姝ｄ箟闃熼暱锛�
<textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" @change="setBookQuestion"
+ class="w90 ma-l-40" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
@blur="handleBlur('one')"></textarea>
</p>
<p class="text t-l">榛戞殫闃熼暱锛�
<textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" @change="setBookQuestion"
+ class="w90 ma-l-40" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')"
@blur="handleBlur('two')"></textarea>
</p>
diff --git a/src/books/artAndDrama/view/components/chapter002.vue b/src/books/artAndDrama/view/components/chapter002.vue
index fd20564..694ab50 100644
--- a/src/books/artAndDrama/view/components/chapter002.vue
+++ b/src/books/artAndDrama/view/components/chapter002.vue
@@ -115,12 +115,12 @@
<p class="text">甯歌█閬擄細鑹█涓�鍙ヤ笁鍐殩锛屾伓璇激浜哄叚鏈堝瘨銆傝瑷�鍦ㄤ汉涓庝汉鐨勪氦寰�涓捣鐫�閲嶈鐨勪綔鐢紝鏈夌潃鏃犵┓鐨勫姏閲忋��</p>
<p class="text t-l rhombusFather" ><span class="hs1 rhombus">鈼�</span>濡傛灉鏈嬪弸蹇冩儏涓嶅ソ锛屼綘璇ユ�庝箞瀹夋叞浠�/濂瑰憿锛�
<textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')" @blur="handleBlur('one')" ></textarea>
+ class="w90 ma-l-40" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')" @blur="handleBlur('one')" ></textarea>
</p>
<p class="text t-l rhombusFather"><span class="hs1 rhombus">鈼�</span>濡傛灉浣犻個璇峰ソ鏈嬪弸鏉ュ閲屽仛瀹紝浣犺璇翠粈涔堟潵娆㈣繋浠�/濂瑰憿锛�
<textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" @blur="handleBlur('two')" ></textarea>
+ class="w90 ma-l-40" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" @blur="handleBlur('two')" ></textarea>
</p>
<h3 class="lefth3" id="c016" style="margin-top: 7%;"><img class="img-gn1" alt=""
diff --git a/src/books/artAndDrama/view/components/chapter003.vue b/src/books/artAndDrama/view/components/chapter003.vue
index 7b813aa..003fbf2 100644
--- a/src/books/artAndDrama/view/components/chapter003.vue
+++ b/src/books/artAndDrama/view/components/chapter003.vue
@@ -125,7 +125,7 @@
<p class="text t-l rhombusFather">
<span class="hs1 rhombus">鈼�</span>鍦ㄣ�婁竴鍧楀ザ閰�嬬殑鏁呬簨涓紝铓傝殎闃熼暱涔熻捣杩囪椽蹇冿紝浣嗕粬鏈�缁堟垚鍔熷厠鏈嶄簡璐績锛屼綘璁や负浠栨槸鎬庝箞鍋氬埌鐨勫憿锛�
<textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
+ class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
@blur="handleBlur('one')">
</textarea>
@@ -187,7 +187,7 @@
<p class="text2 t-l">
璧峰洜锛�
<textarea v-model="questionData.reading.two" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
+ class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')"
@blur="handleBlur('two')">
</textarea>
@@ -195,7 +195,7 @@
<p class="text2 t-l">
缁忚繃锛�
<textarea v-model="questionData.reading.three" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
+ class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'three' }" @focus="handleFocus('three')"
@blur="handleBlur('three')">
</textarea>
@@ -203,7 +203,7 @@
<p class="text2 t-l">
缁撴灉锛�
<textarea v-model="questionData.reading.four" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
+ class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'four' }" @focus="handleFocus('four')"
@blur="handleBlur('four')">
</textarea>
@@ -211,7 +211,7 @@
<p class="text t-l rhombusFather" style="margin-top: 7%">
<span class="hs1 rhombus">鈼�</span>浣犳湁鐑︽伡鍚楋紵璇翠竴璇存槸浠�涔堬紝浣犳槸鎬庝箞澶勭悊瀹冪殑锛�
<textarea v-model="questionData.reading.five" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
+ class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'five' }" @focus="handleFocus('five')"
@blur="handleBlur('five')">
</textarea>
diff --git a/src/books/artAndDrama/view/components/chapter004.vue b/src/books/artAndDrama/view/components/chapter004.vue
index dde03c4..6b45bc8 100644
--- a/src/books/artAndDrama/view/components/chapter004.vue
+++ b/src/books/artAndDrama/view/components/chapter004.vue
@@ -36,7 +36,7 @@
<p class="text rhombusFather"><span class="hs1 rhombus">鈼�</span>浠ュ皬缁勪负鍗曚綅鍥存垚涓�鍦堬紝闈㈡湞鍦堝韫蹭笅锛岀浉閭讳袱浜轰簰鎸庢墜鑷傦紝缁勫憳鍚屾椂绔欒捣鏉ワ紝鐪嬬湅鍝釜缁勬渶蹇紒</p>
<p class="text t-l rhombusFather"><span class="hs1 rhombus">鈼�</span>璇翠竴璇达細蹇�熺珯璧锋潵鐨勭璇�鏄粈涔堬紵
<textarea v-model="questionData.reading.one" placeholder="璇疯緭鍏ュ唴瀹�" rows="6"
- style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
+ class="w90 ma-l-40 fz-16 fm-son" @change="setBookQuestion"
:class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
@blur="handleBlur('one')">
</textarea>
diff --git a/src/components/choice/choice.vue b/src/components/choice/choice.vue
index 711d7aa..63e5726 100644
--- a/src/components/choice/choice.vue
+++ b/src/components/choice/choice.vue
@@ -3,8 +3,8 @@
<!-- 棰樼洰鍐呭鍙婇�夐」閮ㄥ垎 -->
<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>
+ <p style="display: flex;"><span class="hs1">鈼�</span>璇烽�夊嚭浣犺涓烘纭殑绛旀銆�</p>
+ <p>绗瑊{ currentQuestion.id }}棰� (鍏眥{ questions.length}}棰�)</p>
</div>
<div class="question-content">
<p>{{ currentQuestion.stem.stemTxt }}</p>
@@ -429,6 +429,10 @@
justify-content: space-between;
width: 100%;
margin-top: 10px;
+
+ p{
+ text-indent: 0em
+ }
}
.all-options {
@@ -455,6 +459,12 @@
flex-wrap: wrap;
height: min-content;
}
+
+ .question-t {
+ display: block;
+ width: 100%;
+ margin-top: 10px;
+}
}
.option {
--
Gitblit v1.9.1