From 7c1d669a569a34625ef5612f1d7d2800e4647356 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E4=BA=86=E4=B8=AA=E7=99=BD?= <543593352@qq.com>
Date: Tue, 7 Jan 2025 16:06:40 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=B6=85=E9=95=BF=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/choose-textbook/index.vue       | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/choose-textbook/index.vue b/src/renderer/src/components/choose-textbook/index.vue
index 811c1cc..0ed1188 100644
--- a/src/renderer/src/components/choose-textbook/index.vue
+++ b/src/renderer/src/components/choose-textbook/index.vue
@@ -14,17 +14,17 @@
             <div v-if="props.isClassTask && (data.bookId == '' || data.bookId == '0')" class="tree-label-wrap">
               <el-tooltip effect="light" placement="right" >
                 <template #content> {{ node.label }}<br /><span style="color: red;">-该单元章节无自主试题-</span> </template>
-                <span class="tree-label" style="color: #A5B3CA" >
+                <div class="tree-label" style="color: #A5B3CA" >
                   {{ node.label }}
-                </span>
+                </div>
               </el-tooltip>
             </div>
             <div v-else class="tree-label-wrap">
               <el-tooltip effect="light" placement="right" >
                 <template #content> {{ node.label }}</template>
-                <span class="tree-label">
+                <div class="tree-label">
                   {{ node.label }}
-                </span>
+                </div>
               </el-tooltip>
             </div>
           </template>
@@ -44,8 +44,9 @@
 
     <div class="textbook-container">
       <el-scrollbar height="450px">
-        <div class="textbook-item flex" v-for="item in subjectList" :class="curBook.data.id == item.id ? 'active-item' : ''"
-          :key="item.id" @click="changeBook(item)">
+        <div
+          v-for="item in subjectList" :key="item.id" class="textbook-item flex"
+          :class="curBook.data.id == item.id ? 'active-item' : ''" @click="changeBook(item)">
           <img v-if="item.avartar" :src="item.avartar.indexOf('http') === 0 ? item.avartar : BaseUrl + item.avartar" class="textbook-img" alt="">
           <div v-else class="textbook-img">
             <i class="iconfont icon-jiaocaixuanze" style="font-size: 40px;"></i>
@@ -341,6 +342,7 @@ onMounted( async () => {
 }
 
 .tree-label-wrap, .tree-label {
+  max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;