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