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:
jacobxu666
2026-08-05 12:48:45 +08:00
co-authored by Claude Opus 4.8
parent dd25c0ae63
commit 77e5cb9510
19 changed files with 2690 additions and 1335 deletions
+15 -6
View File
@@ -63,7 +63,8 @@
<view class="u-calendar__bottom__btn">
<!-- <u-button :type="btnType" shape="circle" size="default" @click="btnFix(false)"
:custom-style="customStyle">确定</u-button> -->
<view style="background:linear-gradient(180deg, #FF9E49 0%, #ED3B1A 100%);width:inherit;height: 80rpx;border-radius: 60rpx;display: flex;align-items: center;justify-content: center;color: #fff;" @click="btnFix(false)">确定</view>
<!-- xuchao: 确定按钮换主题蓝渐变(原橙红渐变与整站风格冲突) -->
<view style="background:linear-gradient(135deg, #0052FF, #4D7CFF);box-shadow:0 8rpx 24rpx rgba(0, 82, 255, 0.25);width:inherit;height: 80rpx;border-radius: 60rpx;display: flex;align-items: center;justify-content: center;color: #fff;" @click="btnFix(false)">确定</view>
</view>
</view>
</view>
@@ -187,9 +188,10 @@
default: '#999999'
},
// 选中|起始结束日期背景色
// xuchao: 默认色换主题蓝(原绿色与整站风格不一致)
activeBgColor: {
type: String,
default: '#22B464'
default: '#0052FF'
},
// 选中|起始结束日期字体颜色
activeColor: {
@@ -199,12 +201,12 @@
// 范围内日期背景色
rangeBgColor: {
type: String,
default: 'rgba(123,202,74,0.13)'
default: 'rgba(0, 82, 255, 0.08)'
},
// 范围内日期字体颜色
rangeColor: {
type: String,
default: '#22B464'
default: '#0052FF'
},
// mode=range时生效,起始日期自定义文案
startText: {
@@ -246,7 +248,7 @@
return {
// 星期几,值为1-7
customStyle: {
background: 'linear-gradient(180deg, #FF9E49 0%, #ED3B1A 100%)'
background: 'linear-gradient(135deg, #0052FF, #4D7CFF)'
},
weekday: 1,
weekdayArr: [],
@@ -307,7 +309,8 @@
},
getColor1(index, type) {
let color = type == 1 ? '' : '#f00';
// xuchao: 未选中日期价格色由红改主题蓝
let color = type == 1 ? '' : '#0052FF';
let day = index + 1
let date = `${this.year}-${this.month}-${day}`
let timestamp = new Date(date.replace(/\-/g, '/')).getTime();
@@ -567,6 +570,12 @@
.u-calendar {
color: $u-content-color;
/* xuchao: 限高视口 85%,超出时日历内部上下滑动(小屏机型弹窗不再顶出屏幕);
overscroll-behavior 防止滚到边缘后链式滚动背景页 */
max-height: 85vh;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
&__header {
width: 100%;
+3 -1
View File
@@ -3,6 +3,8 @@
zIndex: uZindex - 1
}]" class="u-drawer" hover-stop-propagation>
<u-mask :duration="duration" :custom-style="maskCustomStyle" :maskClickAble="maskCloseAble" :z-index="uZindex - 2" :show="showDrawer && mask" @click="maskClick"></u-mask>
<!-- xuchao: touchmove 去掉 .prevent —— 它会拦截默认行为,导致 H5 下内层滚动容器无法触摸滚动;
背景页防穿透改由滚动容器的 overscroll-behavior: contain 承担(见 App.vue) -->
<view
class="u-drawer-content"
@tap="modeCenterClose(mode)"
@@ -12,7 +14,7 @@
showDrawer ? 'u-drawer-content-visible' : '',
zoom && mode == 'center' ? 'u-animation-zoom' : ''
]"
@touchmove.stop.prevent
@touchmove.stop
@tap.stop.prevent
:style="[style]"
>