更新.group.png图片文件，修改.gitignore以忽略.vscode目录，删除.vscode中的extensions.json和settings.json文件。

frontend/.gitignore

@@ -18,6 +18,7 @@ coverage
 /cypress/screenshots/
 
 # Editor directories and files
+.vscode
 .vscode/*
 !.vscode/extensions.json
 .idea

frontend/.vscode/extensions.json

@@ -1,7 +0,0 @@
-{
-	"recommendations": [
-		"Vue.volar",
-		"vitest.explorer",
-		"ms-playwright.playwright"
-	]
-}

frontend/.vscode/settings.json

@@ -1,18 +0,0 @@
-{
-	"explorer.fileNesting.enabled": true,
-	"explorer.fileNesting.patterns": {
-		"tsconfig.json": "tsconfig.*.json, env.d.ts",
-		"vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
-		"package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .prettier*, prettier*, .editorconfig"
-	},
-	"files.associations": {
-		"*.css": "tailwindcss"
-	},
-	"editor.quickSuggestions": {
-		"strings": "on"
-	},
-	"tailwindCSS.classAttributes": ["class", "ui"],
-	"tailwindCSS.experimental.classRegex": [
-		["ui:\\s*{([^)]*)\\s*}", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
-	]
-}

frontend/src/components/common/PromotionBanner.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="flex justify-center items-center my-4">
-    <a class="group relative w-full sm:w-2/3 md:w-1/2 lg:w-2/5 xl:w-1/3 max-w-xs overflow-hidden rounded-lg border border-gray-200 shadow-lg transition-all duration-300 hover:shadow-xl hover:scale-[1.02]"
+    <a class="group relative w-full max-w-xs overflow-hidden rounded-lg border border-gray-200 shadow-lg transition-all duration-300 hover:shadow-xl hover:scale-[1.02]"
       :href="href" target="_blank">
       <div class="absolute top-0 right-0 bg-blue-600 text-white text-xs px-2 py-1 rounded-bl-lg z-10">{{ label }}</div>
       <img :src="imageSrc" :alt="imageAlt"
-        class="w-full h-auto transition-transform duration-500 group-hover:scale-105">
+        class="w-full h-52 transition-transform duration-500 group-hover:scale-105">
       <div
         class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-3 transform transition-all duration-300">
         <span class="text-white text-sm font-medium group-hover:underline flex items-center">

frontend/src/components/layout/Headbar.vue

@@ -29,7 +29,7 @@
               </svg>
               <span class="text-sm pl-0.5 pr-2 font-medium">Star</span>
             </span>
-            <span class="text-sm py-0.5 px-2 font-medium">0.2k</span>
+            <span class="text-sm py-0.5 px-2 font-medium">0.3k</span>
           </a>
           <button class="cursor-pointer pt-1" @click="changeAssistantVisible">
             <AiChatIcon />

frontend/src/views/UserManagementPage.vue

@@ -1,7 +1,11 @@
 <template>
   <div class="px-2 sm:px-4 pt-6 sm:rounded-lg">
-    <PromotionBanner href="https://www.bilibili.com/cheese/play/ss198449120" imageSrc="/ai-tdd.png"
-      imageAlt="ai-tdd-tutorial" label="官方教程" text="无幻觉式 AI 编程方法论" />
+    <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4">
+      <PromotionBanner href="https://www.bilibili.com/cheese/play/ss198449120" imageSrc="/ai-tdd.png"
+        imageAlt="ai-tdd-tutorial" label="官方教程" text="无幻觉式 AI 编程方法论" />
+      <PromotionBanner href="https://www.mjga.cc" imageSrc="/mjga.png" imageAlt="后端脚手架" label="后端脚手架"
+        text="国内唯一可选配组件和元信息的脚手架" />
+    </div>
     <div class="mb-4">
       <Breadcrumbs :names="['用户管理']" />
       <h1 class="text-xl font-semibold text-gray-900 sm:text-2xl">用户管理</h1>