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
@@ -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,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]"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user