优化日程界面
This commit is contained in:
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user