完成小程序前端部分
This commit is contained in:
@ -1,3 +1,4 @@
|
||||
@import "../../../../app.wxss";
|
||||
.mt-17 {
|
||||
margin-top: 31.88rpx;
|
||||
}
|
||||
@ -50,4 +51,32 @@
|
||||
.text_6 {
|
||||
color: #ffffff;
|
||||
line-height: 20.83rpx;
|
||||
}
|
||||
}
|
||||
/* 弹窗整体容器,覆盖全屏,层级最高,居中弹窗 */
|
||||
.popup-wrapper {
|
||||
position: fixed;
|
||||
top: -15%; left: 0; right: 0; bottom: 0;
|
||||
z-index: 10000;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background: transparent; /* 透明,遮罩层单独控制 */
|
||||
}
|
||||
|
||||
/* 遮罩层,覆盖全屏半透明黑色 */
|
||||
.promo-mask {
|
||||
position: fixed;
|
||||
top: 0; left: 0; right: 0; bottom: 0;
|
||||
background: rgba(0,0,0,0.45);
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
/* 弹窗内容的容器,承载你现有的.section */
|
||||
.popup-content {
|
||||
position: relative;
|
||||
z-index: 10001; /* 比遮罩层高 */
|
||||
max-width: 90vw;
|
||||
width: 600rpx; /* 你可以根据需求调整 */
|
||||
max-height: 90vh;
|
||||
overflow-y: auto; /* 超高时滚动 */
|
||||
}
|
||||
|
Reference in New Issue
Block a user