diff --git a/frontend/pages.json b/frontend/pages.json index cefe184..d411676 100644 --- a/frontend/pages.json +++ b/frontend/pages.json @@ -297,6 +297,15 @@ } } } + ,{ + "path": "pages/dashboard/dashboard", + "style": { + "navigationStyle": "custom", + "app-plus": { + "bounce": "none" + } + } + } ], "globalStyle": { "navigationBarTextStyle": "black", diff --git a/frontend/uni.scss b/frontend/uni.scss index 666d381..957f3a7 100644 --- a/frontend/uni.scss +++ b/frontend/uni.scss @@ -74,3 +74,53 @@ $uni-color-subtitle: #555555; // 二级标题颜色 $uni-font-size-subtitle:26px; $uni-color-paragraph: #3F536E; // 文章段落颜色 $uni-font-size-paragraph:15px; + +/* ==================== Dashboard 设计 Token ==================== */ + +/* 颜色(与 spec §3.1 一致) */ +$d-text-data: #FFFABD; +$d-text-white: #FFFFFF; +$d-tab-active: linear-gradient(231deg, #A8A6ED 0%, #88C8D8 64%, #F380EF 100%); +$d-card-crystal: linear-gradient(135deg, #FFDF77 0%, #8E95E2 40%, #F48CFF 100%); +$d-card-today: linear-gradient(137deg, #FFDF77 0%, #8E95E2 40%, #F48CFF 100%); +$d-progress-cyan: linear-gradient(90deg, #5EDFFF 0%, #FFC8C8 100%); +$d-progress-pink: linear-gradient(90deg, #FFF375 0%, #FF6B84 100%); +$d-bar-blue-yellow: linear-gradient(90deg, #1BAFEE 0%, #FFCC14 100%); +$d-bar-fill: linear-gradient(135deg, #FFDF77 0%, #B984FF 60%, #FF8183 100%); +$d-page-bg: linear-gradient(153deg, #FF9597 0%, #80DFFF 33%, #B8B8B8 74%, #D9D9D9 100%); + +/* 5 个等级专属渐变(环图、徽章、TOP 徽章) */ +$d-level-ur: linear-gradient(135deg, #FF8A65 0%, #FFD740 100%); +$d-level-ssr: linear-gradient(135deg, #FF5E9C 0%, #FFB199 100%); +$d-level-sr: linear-gradient(135deg, #B17BFF 0%, #FF8FE6 100%); +$d-level-r: linear-gradient(135deg, #5EDFFF 0%, #6FA9FF 100%); +$d-level-n: linear-gradient(135deg, #C5C5C5 0%, #8C8C8C 100%); + +/* 阴影 */ +$d-shadow-card: 0px 4px 4px rgba(189, 50, 50, 0.25); +$d-shadow-data: -1px 1px 4px rgba(206, 9, 9, 0.84); +$d-shadow-mascot: 2px 2px 4px rgba(242, 21, 21, 0.47); +$d-shadow-tab: 0px 4px 4px rgba(0, 0, 0, 0.25); +$d-shadow-inner: 0px 4px 4px rgba(96, 13, 13, 0.25); + +/* 圆角 */ +$d-radius-thumb: 3px; +$d-radius-progress: 6px; +$d-radius-card-sm: 14px; +$d-radius-card-md: 17px; +$d-radius-card-lg: 22rpx; + +/* 字号 */ +$d-fs-num-xl: 35px; +$d-fs-num-lg: 18px; +$d-fs-num-md: 14px; +$d-fs-num-sm: 9px; +$d-fs-title-lg: 20px; +$d-fs-title-md: 18px; +$d-fs-title-sm: 15px; +$d-fs-label: 12px; + +/* 间距 */ +$d-space-card-x: 16px; +$d-space-section: 24px; +$d-space-cell: 12px;