You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.3 KiB
66 lines
1.3 KiB
@use 'core/_base' as *;
|
|
@use 'sass:selector';
|
|
@use "./components/dialog/_index.scss";
|
|
|
|
@include setNamespace('dialog');
|
|
|
|
#{b()} {
|
|
position: fixed;
|
|
&.inbox{
|
|
position: absolute;
|
|
transform: scale(1); // 将内部的fixed降级为absolute
|
|
}
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
top: 0;
|
|
z-index: 999;
|
|
|
|
#{e('content')} {
|
|
height: fit-content;
|
|
}
|
|
|
|
&.playing{
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
// 用定位方便一点但是无法用transform动画
|
|
&.center {
|
|
display: flex;
|
|
// align-items: flex-end;
|
|
// align-items: center; // align-items 为center溢出 后无法滚动到顶部
|
|
// justify-content: center;
|
|
overflow: auto;
|
|
|
|
&.my{
|
|
padding: 40px 0;
|
|
}
|
|
#{e('content')} {
|
|
margin: auto;
|
|
width: 30%;
|
|
@media (max-width: 768px) {
|
|
width: 90%;
|
|
}
|
|
// margin-top: 20vh;
|
|
}
|
|
}
|
|
|
|
&.bottom {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
overflow: hidden;
|
|
|
|
> #{e('content')} {
|
|
width: 100%;
|
|
}
|
|
}
|
|
&.top {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
overflow: hidden;
|
|
|
|
> #{e('content')} {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|