2026-02-24 17:57:25 +08:00
|
|
|
/* 移动端基础样式重置 */
|
|
|
|
|
* {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
font-size: 16px; /* 基础字体大小 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
2026-02-25 15:22:12 +08:00
|
|
|
overflow-x: hidden;
|
2026-02-24 17:57:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
|
|
|
font-size: 16px; /* 提高基础字体大小 */
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
color: #262626;
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
text-size-adjust: 100%; /* 防止 iOS 自动调整字体大小 */
|
2026-02-25 15:22:12 +08:00
|
|
|
overflow-y: auto;
|
2026-02-24 17:57:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#root {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 链接样式 */
|
|
|
|
|
a {
|
|
|
|
|
color: #1677ff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a:active {
|
|
|
|
|
color: #0958d9;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 按钮重置 */
|
|
|
|
|
button {
|
|
|
|
|
border: none;
|
|
|
|
|
background: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font: inherit;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input,
|
|
|
|
|
textarea,
|
|
|
|
|
select {
|
|
|
|
|
font: inherit;
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 安全区域适配 */
|
|
|
|
|
@supports (bottom: env(safe-area-inset-bottom)) {
|
|
|
|
|
body {
|
|
|
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
|
}
|
|
|
|
|
}
|
2026-02-25 18:09:04 +08:00
|
|
|
|
|
|
|
|
/* Dialog 组件层级修复 - 确保在所有固定定位元素之上 */
|
|
|
|
|
/* Dialog 容器 - 最高优先级 */
|
|
|
|
|
.adm-dialog {
|
|
|
|
|
position: fixed !important;
|
|
|
|
|
top: 0 !important;
|
|
|
|
|
left: 0 !important;
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
height: 100% !important;
|
|
|
|
|
z-index: 99999 !important;
|
|
|
|
|
display: flex !important;
|
|
|
|
|
align-items: center !important;
|
|
|
|
|
justify-content: center !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Dialog 遮罩 - 确保在容器内但有正确的层级 */
|
|
|
|
|
.adm-dialog .adm-dialog-mask {
|
|
|
|
|
position: absolute !important;
|
|
|
|
|
top: 0 !important;
|
|
|
|
|
left: 0 !important;
|
|
|
|
|
width: 100% !important;
|
|
|
|
|
height: 100% !important;
|
|
|
|
|
z-index: 1 !important;
|
|
|
|
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Dialog 内容容器 - 在遮罩之上 */
|
|
|
|
|
.adm-dialog .adm-dialog-content {
|
|
|
|
|
position: relative !important;
|
|
|
|
|
z-index: 2 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Dialog 内部元素 - 确保在内容容器之上 */
|
|
|
|
|
.adm-dialog .adm-dialog-body,
|
|
|
|
|
.adm-dialog .adm-dialog-header,
|
|
|
|
|
.adm-dialog .adm-dialog-footer,
|
|
|
|
|
.adm-dialog .adm-button {
|
|
|
|
|
position: relative !important;
|
|
|
|
|
z-index: 3 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 处理 antd-mobile 5.x 的实际 DOM 结构 */
|
|
|
|
|
/* antd-mobile 5.x 的 Dialog 可能直接渲染到 body 下 */
|
|
|
|
|
body > .adm-dialog {
|
|
|
|
|
z-index: 99999 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 确保 mask 不会覆盖 dialog 内容 */
|
|
|
|
|
.adm-dialog-mask ~ .adm-dialog-content {
|
|
|
|
|
position: relative !important;
|
|
|
|
|
z-index: 10 !important;
|
|
|
|
|
}
|
