press-pix
Version:
基于 PixUI 的 Press 组件库
71 lines • 1.72 kB
text/less
.popup-container{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
z-index: 99;
}
.popup-content{
position: relative;
font-size: .2rem;
color: #82A0CC;
&::before{
content: '';
position: absolute;
top: 0;
left: -.42rem;
width: .42rem;
height: .52rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-left.png);
background-size: 100%;
background-repeat: no-repeat;
}
&::after{
content: '';
position: absolute;
top: 0;
right: -.6rem;
width: .6rem;
height: .52rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-right.png);
background-size: 100%;
background-repeat: no-repeat;
}
}
.popup-content-left{
position: absolute;
top: 0;
left: -.42rem;
width: .42rem;
height: .52rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-left.png);
background-size: 100%;
background-repeat: no-repeat;
}
.popup-content-center{
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0 .4rem;
padding-top: .1rem;
height: .52rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-center.png);
background-size: .85rem .52rem;
background-repeat: repeat;
}
.popup-content-right{
position: absolute;
top: 0;
right: -.6rem;
width: .6rem;
height: .52rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/toast-right.png);
background-size: 100%;
background-repeat: no-repeat;
}