zhongshujie
2024-11-06 fcd53075ab98962dac1ba992ed86f857176af1b7
艺术戏剧bug修改
7个文件已修改
80 ■■■■ 已修改文件
src/App.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/assets/main.less 44 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter001.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter002.vue 4 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter003.vue 10 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter004.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/choice/choice.vue 14 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
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(
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%;
    }
  }
}
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>
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=""
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>
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>
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 {