优化日程界面

This commit is contained in:
2026-07-15 18:14:17 +08:00
parent 11e0763766
commit bca5170e22
19 changed files with 2805 additions and 1070 deletions
+40
View File
@@ -0,0 +1,40 @@
@import '@/src/styles/theme.scss';
@mixin page-shell {
height: 100vh;
background: $color-bg-page;
display: flex;
flex-direction: column;
overflow: hidden;
}
@mixin scroll-body {
flex: 1;
min-height: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 24rpx $page-padding-x 0;
}
@mixin card {
background: $color-card;
border-radius: $radius-lg;
box-shadow: $shadow-card;
}
@mixin section-title {
font-size: 32rpx;
font-weight: 600;
color: $color-text;
}
@mixin icon-box($size: 72rpx) {
width: $size;
height: $size;
border-radius: $radius-md;
background: $color-primary-bg;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
+16 -17
View File
@@ -1,19 +1,18 @@
// 简约潮流主题变量
$color-primary: #6366f1;
$color-primary-light: #818cf8;
$color-primary-dark: #4f46e5;
$color-accent: #ec4899;
$color-bg: #f8fafc;
// 标准商务主题(单色蓝 + 灰阶,无渐变)
$color-primary: #3c9cff;
$color-primary-dark: #2b8ae8;
$color-primary-bg: #ecf5ff;
$color-bg-page: #f5f7fa;
$color-card: #ffffff;
$color-text: #1e293b;
$color-text-secondary: #64748b;
$color-text-muted: #94a3b8;
$color-border: #e2e8f0;
$gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);
$gradient-soft: linear-gradient(160deg, #eef2ff 0%, #faf5ff 50%, #fdf2f8 100%);
$shadow-sm: 0 2rpx 12rpx rgba(99, 102, 241, 0.08);
$shadow-md: 0 8rpx 32rpx rgba(99, 102, 241, 0.12);
$radius-sm: 16rpx;
$radius-md: 24rpx;
$radius-lg: 32rpx;
$color-text: #303133;
$color-text-secondary: #606266;
$color-text-muted: #909399;
$color-border: #ebeef5;
$color-divider: #f2f3f5;
$shadow-card: 0 4rpx 24rpx rgba(0, 0, 0, 0.05);
$shadow-header: 0 2rpx 12rpx rgba(0, 0, 0, 0.04);
$radius-sm: 8rpx;
$radius-md: 12rpx;
$radius-lg: 16rpx;
$radius-full: 999rpx;
$page-padding-x: 32rpx;