1. 创建自定义弹窗组件
首先，您需要创建一个自定义组件，用于实现弹窗的内容和布局。您可以在components目录下创建一个新的组件，例如CustomPopup。可以使用uni-popup组件来实现弹窗的基础样式和动画效果。
立即填写
JS
data(){
return{fillOut:true}} .showTotal{
.show{
width: 620rpx;
position: fixed;
left: 0;
right: 0;
top:280rpx;
margin: auto;
z-index: 10000;
&-image{
width: 620rpx;
position: relative;
}
&-button{
width: 400rpx;
line-height: 96rpx;
text-align: center;
color: #fff;
font-size: 32rpx;
border-radius: 56rpx;
background: linear-gradient(90deg, #F97C55 0%, #F44545 100%);
position: absolute;
bottom: -40rpx;
left: 110rpx;
}
}
.over{
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6;
position: fixed;
top: 0;
left: 0;
z-index: 999;//这一步很重要
}
.button{
width: 400rpx;
height: 96rpx;
background: linear-gradient(90deg, #F97C55 0%, #F44545 100%);
}
}
