root
582f454a5a
- 将后端目录名从大写改为小写 (Controller->controller 等) - 将命名空间从 App\ 改为 app\ (符合 webman 官方规范) - 移除不必要的 bootstrap 目录 - 完善出差审批业务功能： - 添加删除草稿功能 - 添加审批操作功能（同意/拒绝） - 完善审批详情页，显示审批人和审批记录 - 前端优化： - 调整列表页行高 - 隐藏底部导航栏 - 仪表盘只显示3个快捷入口 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
123 lines
2.5 KiB
CSS
123 lines
2.5 KiB
CSS
/* 移动端基础样式重置 */
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-size: 16px; /* 基础字体大小 */
|
|
}
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
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 自动调整字体大小 */
|
|
overflow-y: auto;
|
|
}
|
|
|
|
#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);
|
|
}
|
|
}
|
|
|
|
/* 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;
|
|
}
|