testbookLayout.git

			@@ -35,8 +35,10 @@
			<h3 class="lefth3" id="c031"><img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" /></h3>
			<p class="text"><span class="hs1">◇</span>以小组为单位围成一圈，面朝圈外蹲下，相邻两人互挎手臂，组员同时站起来，看看哪个组最快！</p>
			<p class="text t-l"><span class="hs1">◇</span>说一说：快速站起来的秘诀是什么？
			<textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion">
			<textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
			style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
			:class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
			@blur="handleBlur('one')">
			</textarea>
			</p>
			<h3 class="lefth3" id="c032"><img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" /></h3>
			@@ -68,7 +70,8 @@
			class="hs1">◇</span>春天来了，春风吹过，柳树发芽了，迎春花开了，小燕子在天空自由地飞翔。一切都是那么生机勃勃。请为“春天”涂上你喜欢的颜色。</p>
			<!-- 图片缺失 -->
			<!-- <p class="center"><img class="img-e" alt="" src="./../assets/images/0033-1.jpg" /></p> -->
			<graffiti :page="32" :bcImg="this.config.activeBook.resourceUrl + '/image/0033-1.jpg'" :imgWidth="596" :imgHeight="500" />
			<graffiti :page="32" :bcImg="this.config.activeBook.resourceUrl + '/image/0033-1.jpg'"
			:imgWidth="596" :imgHeight="500" />
			</div>
			<!-- 此次为页脚部分（需要设置页码） -->
			<div class="page-footer">
			@@ -252,6 +255,7 @@
			audioPathThree: "",
			audioPathFour: "",
			audioPathFive: "",
			isFocused: null, // 用于跟踪textarea的聚焦状态
			chapterData: {
			isCollectImg: false,
			isCollectVideo: false,
			@@ -308,6 +312,12 @@
			"7abb747bd16745afb83715fcbb3579ab"
			);
			},
			handleFocus(id) {
			this.isFocused = id; // 当textarea聚焦时，设置为true
			},
			handleBlur(id) {
			this.isFocused = null; // 当textarea失去焦点时，设置为false
			},
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(