feat: 全站 UI 按 Minimalist Modern 重设计,新增返回悬浮钮
- 设计令牌层:mm-* CSS 变量与工具类、uView 换肤、优设标题黑字体 - 九个页面全部重写为新风格(列表/详情/下单/出行人/订单/支付成功/登录) - 补齐 H5 运行时缺失的基础样式(uni-view/scroll-view/toast/swiper 等,App.vue 全局) - 修复:详情头图轮播、预订须知弹层滚动、出行人数量按购买数限制、订单详情去箭头 - 新增 gmy-back-touch 返回悬浮钮,除首页外全页接入,点击返回上一页 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
dd25c0ae63
commit
77e5cb9510
@@ -74,4 +74,29 @@ $uni-color-subtitle: #555555; // 二级标题颜色
|
||||
$uni-font-size-subtitle:26px;
|
||||
$uni-color-paragraph: #3F536E; // 文章段落颜色
|
||||
$uni-font-size-paragraph:15px;
|
||||
@import "uview-ui/theme.scss";
|
||||
@import "uview-ui/theme.scss";
|
||||
|
||||
/* xuchao: Minimalist Modern 设计令牌(SCSS 变量)——全站统一色彩来源 */
|
||||
$mm-bg: #FAFAFA; // 页面底色,暖白
|
||||
$mm-fg: #0F172A; // 主文字,深石板(同时用作反色区块背景)
|
||||
$mm-muted: #F1F5F9; // 次级表面/浅填充
|
||||
$mm-muted-fg: #64748B; // 次级文字
|
||||
$mm-accent: #0052FF; // 电光蓝,唯一强调色
|
||||
$mm-accent-2: #4D7CFF; // 签名渐变终点色
|
||||
$mm-card: #FFFFFF; // 卡片表面
|
||||
$mm-border: #E2E8F0; // 描边
|
||||
|
||||
/* xuchao: 覆盖 uView 主题变量,让内置组件(按钮/输入/弹层/日历等)换肤为新设计系统。
|
||||
放在 theme.scss 引入之后,Sass 变量后赋值生效。 */
|
||||
$u-main-color: $mm-fg;
|
||||
$u-content-color: #475569;
|
||||
$u-tips-color: $mm-muted-fg;
|
||||
$u-light-color: #CBD5E1;
|
||||
$u-border-color: $mm-border;
|
||||
$u-bg-color: $mm-muted;
|
||||
$u-type-primary: $mm-accent;
|
||||
$u-type-primary-light: #E8EEFF;
|
||||
$u-type-primary-disabled: #A8BEFF;
|
||||
$u-type-primary-dark: #0041CC;
|
||||
/* uni-app 默认主色同步为电光蓝 */
|
||||
$uni-color-primary: $mm-accent;
|
||||
Reference in New Issue
Block a user