chore: 调整新增页面按钮位置

src/App.vue

@@ -151,14 +151,6 @@ watch(
                     },
                 }"
             >
-                <v-btn
-                    style="right: 24px; bottom: 208px"
-                    color="#673ab7"
-                    @click="paperInstance.pageCount++"
-                >
-                    <v-icon>mdi-note-plus-outline</v-icon>
-                    <v-tooltip activator="parent" anchor="start"> 新增页面 </v-tooltip>
-                </v-btn>
                 <v-btn
                     style="right: 24px; bottom: 128px"
                     color="#3f51b5"
@@ -209,21 +201,26 @@ body {
     -webkit-print-color-adjust: exact;
     color-adjust: exact;
 }
+
 #app {
     //
 }
+
 .v-navigation-drawer__content {
     overflow: visible !important;
 }
+
 ::-webkit-scrollbar {
     background-color: transparent;
     width: 8px;
     height: 8px;
 }
+
 ::-webkit-scrollbar-thumb {
     background-color: rgba(128, 128, 128, 0.3);
     border-radius: 4px;
 }
+
 :focus-visible {
     outline: none;
 }

src/components/core/Paper.vue

@@ -273,6 +273,17 @@ const insertPage = (index: number) => {
             </div>
         </div>
     </template>
+    <v-btn
+        block
+        size="x-large"
+        class="mt-4 text-white print-none"
+        variant="tonal"
+        color="#4f545c"
+        prepend-icon="mdi-plus"
+        @click="paper.pageCount++"
+    >
+        新增页面
+    </v-btn>
 </template>
 
 <style lang="scss" scoped>
@@ -316,6 +327,7 @@ const insertPage = (index: number) => {
     &.addon {
         transition: box-shadow 0.3s;
     }
+
     &.danger-shadow {
         box-shadow: 0 0 0 4px #f44336;
     }