新增前端vue

web-vue/packages/core/layouts/views/desktop/analysis/components/QuickLogin.vue

@@ -109,10 +109,10 @@ const handleImgError = (e: Event) => {
 <style scoped>
 /* 全局容器 */
 .quick-login-container {
-  background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
   border-radius: 12px;
   padding: 24px;
   width: auto;
+  height: 75vh;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   box-sizing: border-box;
 }
@@ -189,8 +189,8 @@ const handleImgError = (e: Event) => {
 /* 卡片网格布局 */
 .app-card-grid {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  gap: 16px;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 8px;
 }
 
 /* 应用卡片 */
@@ -201,7 +201,7 @@ const handleImgError = (e: Event) => {
   align-items: center;
   justify-content: center;
   height: 120px;
-  background: #ffffff;
+  background: #f0f8ff; /* 淡蓝色（十六进制色值），也可使用 rgb(240, 248, 255) 或 rgba(240, 248, 255, 0.8) 调节透明度 */
   border-radius: 10px;
   cursor: pointer;
   overflow: hidden;