fix(v0.1.12): 根治弹框关闭钮定位与底部独立容器
- 关闭钮:右定位至卷轴内侧右上角(top:14 right:16),重做为金墨印章风圆钮, hover 朱砂描边放大,与卷轴轴杆不再重叠——真正独立于内容 - modal 改 flex 柱 + overflow:hidden:滚动只归 modal-body(居中区), 底部 footer 成为固定脚托(深色分隔带 + 独立背景 + 与内容分区明显) - modal-title 预留右侧 44px 防关闭钮压标题 - footer 不再随内容滚动;全量 937 测试通过、build 通过
This commit is contained in:
@@ -1078,9 +1078,11 @@ body {
|
|||||||
position: relative;
|
position: relative;
|
||||||
width: 570px;
|
width: 570px;
|
||||||
max-height: 82vh;
|
max-height: 82vh;
|
||||||
overflow-y: auto;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
overflow: hidden;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
padding: 26px 30px 24px;
|
padding: 26px 30px 16px;
|
||||||
background:
|
background:
|
||||||
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' seed='11'/><feColorMatrix type='saturate' values='0'/></filter><rect width='170' height='170' filter='url(%23n)' opacity='0.05'/></svg>"),
|
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' seed='11'/><feColorMatrix type='saturate' values='0'/></filter><rect width='170' height='170' filter='url(%23n)' opacity='0.05'/></svg>"),
|
||||||
linear-gradient(180deg, #f7efdd 0%, #ecdfc0 100%);
|
linear-gradient(180deg, #f7efdd 0%, #ecdfc0 100%);
|
||||||
@@ -1119,6 +1121,7 @@ body {
|
|||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-shadow: 0 1px 0 rgba(255, 250, 235, 0.8);
|
text-shadow: 0 1px 0 rgba(255, 250, 235, 0.8);
|
||||||
|
padding-right: 44px;
|
||||||
}
|
}
|
||||||
.modal-cat {
|
.modal-cat {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user