testbookLayout.git

			@@ -176,6 +176,7 @@
			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>
			@@ -253,6 +254,7 @@
			style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son"
			@change="setBookQuestion"
			:class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" @blur="handleBlur('two')"
			>
			</textarea>
			</p>
			@@ -265,6 +267,7 @@
			style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son"
			@change="setBookQuestion"
			:class="{ 'textarea-focused': isFocused === 'three' }" @focus="handleFocus('three')" @blur="handleBlur('three')"
			>
			</textarea>
			</p>
			@@ -277,6 +280,7 @@
			style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son"
			@change="setBookQuestion"
			:class="{ 'textarea-focused': isFocused === 'four' }" @focus="handleFocus('four')" @blur="handleBlur('four')"
			>
			</textarea>
			</p>
			@@ -290,6 +294,7 @@
			style="margin-left: 40px; width: 92%"
			class="fz-16 fm-son"
			@change="setBookQuestion"
			:class="{ 'textarea-focused': isFocused === 'five' }" @focus="handleFocus('five')" @blur="handleBlur('five')"
			>
			</textarea>
			</p>
			@@ -520,6 +525,7 @@
			audioPathThree: "",
			audioPathFour: "",
			audioPathFive: "",
			isFocused: null, // 用于跟踪textarea的聚焦状态
			segments: [1, 2, 3, 4, 5],
			color: "#fff",
			activeIndex: null, // 用于追踪当前活动的按钮索引
			@@ -681,6 +687,12 @@
			"f56a9d889d3098fa6800125ae7627481"
			);
			},
			handleFocus(id) {
			this.isFocused = id; // 当textarea聚焦时，设置为true
			},
			handleBlur(id) {
			this.isFocused = null; // 当textarea失去焦点时，设置为false
			},
			setBookQuestion() {
			console.log("保存");
			localStorage.setItem(