style(ui): 苹果风格二次打磨,统一圆角与材质并移除残留位移动效
- 去除卡片内联硬编码圆角(6px/8px)与固定色值,统一走主题变量与 12px 圆角 - 笔记卡片取消上浮投影,改用按压与填充反馈;版权角标、滚动条、拖拽条改为随主题取色 - 全局补充:遮罩轻微虚化、输入框聚焦光晕、卡片标题排版、选中文本强调色 - 设置卡片的悬停投影改为描边反馈;修正 settings.scss 中无效的 rgb(a, x) 写法 - 服务选择入口去掉 2px 撞色描边与悬停投影,改为细描边与极淡渐变
This commit is contained in:
@@ -360,11 +360,18 @@ const openClassworksKV = () => {
|
||||
.main-service-card {
|
||||
min-height: 100px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
transition: background-color 0.22s var(--apple-ease-out),
|
||||
border-color 0.22s var(--apple-ease-out),
|
||||
transform 0.14s var(--apple-ease-out);
|
||||
}
|
||||
|
||||
.main-service-card:hover {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
|
||||
border-color: var(--apple-hairline-strong) !important;
|
||||
}
|
||||
|
||||
.main-service-card:active {
|
||||
transform: scale(0.995);
|
||||
transition-duration: 0.08s;
|
||||
}
|
||||
|
||||
.main-service-card .v-card-item {
|
||||
@@ -386,19 +393,20 @@ const openClassworksKV = () => {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* 三档入口:取自主题强调色,只做极淡的底色渐变与一道细描边 */
|
||||
.gradient-new {
|
||||
background: linear-gradient(135deg, rgba(33, 150, 243, .12), rgba(103, 80, 164, 0.08) 60%);
|
||||
border: 2px solid rgba(33, 150, 243, .2);
|
||||
background-image: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.12), transparent 70%);
|
||||
border: 1px solid rgba(var(--v-theme-primary), 0.26);
|
||||
}
|
||||
|
||||
.gradient-registered {
|
||||
background: linear-gradient(135deg, rgba(76, 175, 80, .12), rgba(0, 184, 212, 0.08) 60%);
|
||||
border: 2px solid rgba(76, 175, 80, .2);
|
||||
background-image: linear-gradient(135deg, rgba(var(--v-theme-success), 0.12), transparent 70%);
|
||||
border: 1px solid rgba(var(--v-theme-success), 0.26);
|
||||
}
|
||||
|
||||
.gradient-kv {
|
||||
background: linear-gradient(135deg, rgba(0, 184, 212, .12), rgba(33, 150, 243, 0.08) 60%);
|
||||
border: 2px solid rgba(0, 184, 212, .2);
|
||||
background-image: linear-gradient(135deg, rgba(var(--v-theme-info), 0.12), transparent 70%);
|
||||
border: 1px solid rgba(var(--v-theme-info), 0.26);
|
||||
}
|
||||
|
||||
/* 其他选项 */
|
||||
|
||||
Reference in New Issue
Block a user