chore: 优化调整界面布局

EbookWorkshop · Feb 11, 2025 · c2ff5a4 · c2ff5a4
1 parent f58c53f
commit c2ff5a4
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/src/components/book-list/index.vue b/src/components/book-list/index.vue
@@ -1,7 +1,9 @@
 <template>
-  <a-empty v-if="renderData != null && renderData.length == 0" />
-  <a-spin :loading="loading">
+  <a-empty v-if="renderData != null && renderData.length == 0 && !loading" />
+
+  <a-spin v-else :loading="loading" tip="加载中..." :size="64" style="width: 100%; height: 100%;min-height: 200px;">
     <a-row :gutter="20" align="stretch" style="overflow-x: hidden">
+      <!-- 标签工具栏 -->
       <a-col :span="24" v-if="renderData.length > 0">
         <a-space direction="horizontal" wrap :v-if="tagsData.length > 0">
           <span :style="{color:'var(--color-neutral-8)'}">标签：</span>
@@ -19,6 +21,7 @@
           </template>
         </a-space>
       </a-col>
+      <a-divider />
       <a-col :span="24">
         <a-card class="general-card">
           <div class="book-list-wrap">

diff --git a/src/views/book/reading.vue b/src/views/book/reading.vue
@@ -40,6 +40,7 @@
             </a-row>
           </template>
         </BookInfo>
+        <a-divider />
         <ChapterList :loading="loading" :Chapters="renderData.Index">
           <template #content="{ item }">
             <a-button long @click="gotoChapter(item.IndexId)" :type="item.IsHasContent ? 'secondary' : 'secondary'"

diff --git a/src/views/workplace/revise/book.vue b/src/views/workplace/revise/book.vue
@@ -8,6 +8,7 @@
           <Toolbar @EditChapterOrdering="onChangeOrdering"></Toolbar>
         </template>
       </BookInfo>
+      <a-divider />
       <keep-alive>
         <ChapterList :loading="loading" :Chapters="renderData?.Index">
           <template #content="{ item }">

diff --git a/src/views/workshop/webbookedit/index.vue b/src/views/workshop/webbookedit/index.vue
@@ -12,7 +12,7 @@
               ref="toolbarRef"></Toolbar>
           </template>
         </BookInfo>
-
+        <a-divider />
         <ChapterList :loading="loading" :Chapters="bookData.Index">
           <template #content="{ item }">
             <ChapterOpt :chapter="item" @toggle="OnToggleChapter" :ref="chapterRefMap.get(item.IndexId)" />