闫增涛
2024-07-04 0e6467836bbd3fcd85d1cfaefcf763e58c9149be
src/books/artAndDrama/view/components/chapter001.vue
@@ -202,11 +202,11 @@
          </p>
          <p class="text t-l">正义队长:
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              style="margin-left: 40px; width: 92%" class="" @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%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two'  }"  @focus="handleFocus('two')"  @blur="handleBlur('two')"></textarea>
          </p>
        </div>
        <!-- 此次为页脚部分(需要设置页码) -->
@@ -426,6 +426,7 @@
      auidoPathNine: "",
      accentColor: "",
      color: "#fff",
      isFocused: null, // 用于跟踪textarea的聚焦状态
      chapterData: {
        isCollectImg: false,
        isCollectVideo: false,
@@ -733,6 +734,12 @@
        "3729175530def1b0baca68e0bd344862"
      );
    },
    handleFocus(id) {
      this.isFocused = id; // 当textarea聚焦时,设置为true
    },
    handleBlur(id) {
      this.isFocused = null; // 当textarea失去焦点时,设置为false
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(