lc
1eff3d60c4
- 计划编辑弹窗移出 .container 避免 fixed 降级 + 修复滚动 - dock bottom 40rpx→8rpx 紧贴底部, sheet padding 同步调整 - 计划编辑器取消/恢复默认按钮可见性修复(bg 匹配容器) - ui-btn--danger 按钮可见性修复 - 清除确认弹窗跟随暗黑模式切换 - icons.js build() 中 Fill 路径覆盖 outlined 路径修复 - plan.js getPlanDay 忽略 customPlans 修复 - darkMode.js 冗余三元简化 - util.js fileToDataURI fallback 可读性提升 - theme.js: BASE_VARS 与 getThemeStyle 统一来源, 去 50ms navbar 延迟 - app.wxss: 移除 page transition 和 background-color 减少闪白 - 云函数 wx-server-sdk 版本统一 ~2.6.3, tts cloud.init 一致化 - 闪白问题: wx.setBackgroundColor 三层防护(onLaunch/applyThemeToPage/switchTab) Co-Authored-By: Claude <noreply@anthropic.com>
64 lines
1.5 KiB
Plaintext
64 lines
1.5 KiB
Plaintext
.ui-modal {
|
|
position: fixed;
|
|
top: 0; left: 0; right: 0; bottom: 0;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.ui-modal--bottom { display: flex; align-items: flex-end; justify-content: center; }
|
|
.ui-modal--center { display: flex; align-items: center; justify-content: center; }
|
|
|
|
.ui-modal__overlay {
|
|
position: absolute;
|
|
top: 0; left: 0; right: 0; bottom: 0;
|
|
background: rgba(0, 0, 0, 0.45);
|
|
animation: uiModalFade 0.25s ease;
|
|
}
|
|
|
|
.ui-modal__body {
|
|
position: relative;
|
|
background: var(--card-bg);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.ui-modal--bottom .ui-modal__body {
|
|
width: 100%;
|
|
border-radius: 32rpx 32rpx 0 0;
|
|
padding: 28rpx 32rpx 40rpx;
|
|
/* bottom sheet 需要避开 Dock TabBar (占视口底部 ~158rpx)。
|
|
168rpx 留出可见间距。 */
|
|
padding-bottom: calc(168rpx + env(safe-area-inset-bottom));
|
|
animation: uiModalSlideUp 0.3s cubic-bezier(0.32, 0.72, 0, 1);
|
|
}
|
|
|
|
.ui-modal--center .ui-modal__body {
|
|
width: 560rpx;
|
|
border-radius: 28rpx;
|
|
padding: 48rpx 40rpx 36rpx;
|
|
animation: uiModalPop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
text-align: center;
|
|
}
|
|
|
|
.ui-modal__handle {
|
|
width: 64rpx;
|
|
height: 8rpx;
|
|
background: var(--bg-soft);
|
|
border-radius: 4rpx;
|
|
margin: 0 auto 24rpx;
|
|
}
|
|
|
|
@keyframes uiModalFade {
|
|
from { opacity: 0; }
|
|
to { opacity: 1; }
|
|
}
|
|
|
|
@keyframes uiModalSlideUp {
|
|
from { transform: translateY(100%); }
|
|
to { transform: translateY(0); }
|
|
}
|
|
|
|
@keyframes uiModalPop {
|
|
from { transform: scale(0); opacity: 0; }
|
|
60% { transform: scale(1.05); }
|
|
to { transform: scale(1); opacity: 1; }
|
|
}
|