feat: 更新按钮文本格式和相关链接的显示样式

package.json

@@ -82,7 +82,7 @@
   "devDependencies": {
     "@types/bun": "^1.2.16",
     "@types/file-saver": "^2.0.7",
-    "@types/jszip": "^3.10.6",
+    "@types/jszip": "^3.4.1",
     "@types/uuid": "^10.0.0",
     "@vicons/ionicons5": "^0.13.0",
     "@vitejs/plugin-vue-jsx": "^4.2.0",

src/views/manage/SettingsManageView.vue

@@ -781,17 +781,23 @@
                     size="small"
                     secondary
                     @click="moveVideo(item.id, 'up')"
-                  >上移</NButton>
+                  >
+                    上移
+                  </NButton>
                   <NButton
                     size="small"
                     secondary
                     @click="moveVideo(item.id, 'down')"
-                  >下移</NButton>
+                  >
+                    下移
+                  </NButton>
                   <NButton
                     type="warning"
                     size="small"
                     @click="removeVideo(item.id)"
-                  >删除</NButton>
+                  >
+                    删除
+                  </NButton>
                 </NSpace>
               </template>
             </NCard>
@@ -826,12 +832,16 @@
                   type="primary"
                   text
                   @click="confirmEditLink(name)"
-                >保存</NButton>
+                >
+                  保存
+                </NButton>
                 <NButton
                   size="tiny"
                   text
                   @click="cancelEditLink"
-                >取消</NButton>
+                >
+                  取消
+                </NButton>
               </template>
               <template v-else>
                 <NTooltip>
@@ -852,18 +862,24 @@
                     secondary
                     text
                     @click="moveLink(name, 'up')"
-                  >↑</NButton>
+                  >
+                    ↑
+                  </NButton>
                   <NButton
                     size="tiny"
                     secondary
                     text
                     @click="moveLink(name, 'down')"
-                  >↓</NButton>
+                  >
+                    ↓
+                  </NButton>
                   <NButton
                     size="tiny"
                     text
                     @click="startEditLink(name)"
-                  >改名</NButton>
+                  >
+                    改名
+                  </NButton>
                   <NPopconfirm @positive-click="removeLink(name)">
                     <template #trigger>
                       <NButton
@@ -998,72 +1014,74 @@
           </NSpace>
         </NTabPane>
       </NTabs>
-  <!-- 模板设置模态框 -->
+      <!-- 模板设置模态框 -->
-  <NModal
+      <NModal
-    v-model:show="settingModalVisiable"
+        v-model:show="settingModalVisiable"
-    preset="card"
+        preset="card"
-    closable
+        closable
-    style="width: 1200px; max-width: 90vw"
+        style="width: 1200px; max-width: 90vw"
-    title="模板设置"
+        title="模板设置"
-  >
-    <NSpin
-      v-if="!selectedTemplateData.Config"
-      show
-    />
-    <DynamicForm
-      v-else
-      :key="selectedTemplateData.Selected"
-      :name="selectedTemplateData.TemplateMap[selectedTemplateData.Selected].settingName"
-      :config-data="selectedTemplateData.Config"
-      :config="selectedTemplateConfig"
-    />
-  </NModal>
-
-  <!-- 添加视频模态框 -->
-  <NModal
-    v-model:show="showAddVideoModal"
-    preset="card"
-    closable
-    style="width: 600px; max-width: 90vw"
-    title="添加视频"
-  >
-    <NInput
-      v-model:value="addVideoUrl"
-      placeholder="请输入视频链接"
-    />
-    <NDivider />
-    <NButton
-      type="primary"
-      :loading="isLoading"
-      @click="addVideo"
-    >
-      添加视频
-    </NButton>
-  </NModal>
-
-  <!-- 添加链接模态框 -->
-  <NModal
-    v-model:show="showAddLinkModal"
-    preset="card"
-    closable
-    style="width: 600px; max-width: 90vw"
-    title="添加链接"
-  >
-    <NFlex vertical>
-      <NInput
-        v-model:value="addLinkName"
-        placeholder="链接名称"
-      />
-      <NInput
-        v-model:value="addLinkUrl"
-        placeholder="链接地址"
-      />
-      <NButton
-        type="primary"
-        @click="addLink"
       >
-        添加
+        <NSpin
-      </NButton>
+          v-if="!selectedTemplateData.Config"
-    </NFlex>
+          show
-  </NModal>
+        />
+        <DynamicForm
+          v-else
+          :key="selectedTemplateData.Selected"
+          :name="selectedTemplateData.TemplateMap[selectedTemplateData.Selected].settingName"
+          :config-data="selectedTemplateData.Config"
+          :config="selectedTemplateConfig"
+        />
+      </NModal>
+
+      <!-- 添加视频模态框 -->
+      <NModal
+        v-model:show="showAddVideoModal"
+        preset="card"
+        closable
+        style="width: 600px; max-width: 90vw"
+        title="添加视频"
+      >
+        <NInput
+          v-model:value="addVideoUrl"
+          placeholder="请输入视频链接"
+        />
+        <NDivider />
+        <NButton
+          type="primary"
+          :loading="isLoading"
+          @click="addVideo"
+        >
+          添加视频
+        </NButton>
+      </NModal>
+
+      <!-- 添加链接模态框 -->
+      <NModal
+        v-model:show="showAddLinkModal"
+        preset="card"
+        closable
+        style="width: 600px; max-width: 90vw"
+        title="添加链接"
+      >
+        <NFlex vertical>
+          <NInput
+            v-model:value="addLinkName"
+            placeholder="链接名称"
+          />
+          <NInput
+            v-model:value="addLinkUrl"
+            placeholder="链接地址"
+          />
+          <NButton
+            type="primary"
+            @click="addLink"
+          >
+            添加
+          </NButton>
+        </NFlex>
+      </NModal>
+    </nspin>
+  </ncard>
 </template>

src/views/view/indexTemplate/DefaultIndexTemplate.vue

@@ -157,12 +157,16 @@ export const Config = defineTemplateConfig([
       <NButton
         type="primary"
         @click="navigate('https://space.bilibili.com/' + userInfo?.biliId)"
-      >个人主页</NButton>
+      >
+        个人主页
+      </NButton>
       <NButton
         type="primary"
         secondary
         @click="navigate('https://live.bilibili.com/' + userInfo?.biliRoomId)"
-      >直播间</NButton>
+      >
+        直播间
+      </NButton>
     </NSpace>
     <template v-if="orderedLinks.length > 0">
       <NDivider> 相关链接 </NDivider>
@@ -186,7 +190,11 @@ export const Config = defineTemplateConfig([
       </NFlex>
     </template>
     <template v-if="indexInfo.videos?.length || 0 > 0">
-      <NDivider><NText style="font-size:18px">相关视频</NText></NDivider>
+      <NDivider>
+        <NText style="font-size:18px">
+          相关视频
+        </NText>
+      </NDivider>
       <NFlex justify="center">
         <SimpleVideoCard
           v-for="video in indexInfo.videos"