update ui

Author: EryouHao

src/components/Main.vue

@@ -62,9 +62,9 @@
       <div class="version-info" v-html="updateContent"></div>
     </a-modal>
 
-    <a-modal :width="900" :visible="systemModalVisible" :footer="null" @cancel="systemModalVisible = false">
+    <!-- <a-modal :width="900" :visible="systemModalVisible" :footer="null" @cancel="systemModalVisible = false">
       <app-system />
-    </a-modal>
+    </a-modal> -->
 
     <a-modal :width="900" :visible="logModalVisible" :footer="null" @cancel="logModalVisible = false">
       <h2>{{ log.type }}</h2>
@@ -73,6 +73,16 @@
       </pre>
     </a-modal>
 
+    <a-drawer
+      title=""
+      placement="bottom"
+      height="100%"
+      @close="systemModalVisible = false"
+      :visible="systemModalVisible"
+    >
+      <app-system />
+    </a-drawer>
+
   </a-layout>
 </template>
 

src/server/renderer.ts

@@ -135,7 +135,7 @@ export default class Renderer extends Model {
           hideInList: !!item.data.hideInList,
           isTop: !!item.data.isTop,
           stats,
-          description: `${content.replace(/<[^>]*>/g, '').substring(0, 120)}...`,
+          description: `${content.replace(/<[^>]*>/g, '').substring(0, 120)}${content[121] ? '...' : ''}`,
         }
 
         result.toc = toc