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.
65 lines
1.3 KiB
65 lines
1.3 KiB
11 months ago
|
//选择框
|
||
|
|
.ChooseBox{
|
||
|
|
position: fixed;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
background-color: rgba(0,0,0,0.6);
|
||
|
|
z-index: 99999;
|
||
|
|
.Choose{
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
border-radius: 60rpx 60rpx 0rpx 0rpx;
|
||
|
|
.Title{
|
||
|
|
width: calc(100% - 40rpx);
|
||
|
|
padding: 50rpx 0rpx;
|
||
|
|
.Close{
|
||
|
|
right: 40rpx;
|
||
|
|
top: 52rpx;
|
||
|
|
width: 44rpx;
|
||
|
|
height: 44rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ChooseContent{
|
||
|
|
width: calc(100% - 120rpx);
|
||
|
|
.ChooseList{
|
||
|
|
height: 650rpx;
|
||
|
|
overflow: auto;
|
||
|
|
.Unit{
|
||
|
|
margin-bottom: 70rpx;
|
||
|
|
.Text{
|
||
|
|
width: calc(100% - 66rpx);
|
||
|
|
}
|
||
|
|
.Point{
|
||
|
|
width: 46rpx;
|
||
|
|
height: 46rpx;
|
||
|
|
}
|
||
|
|
.Border{
|
||
|
|
width: 46rpx;
|
||
|
|
height: 46rpx;
|
||
|
|
border: 4rpx solid #B3BACB;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
//通用按钮
|
||
|
|
.GlobalBtn1{
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
color: #FFFFFF;
|
||
|
|
font-size: 36rpx;
|
||
|
|
font-weight: bold;
|
||
|
|
height: 108rpx;
|
||
|
|
background: linear-gradient(90deg, #0064FF 0%, #2D99FD 100%);
|
||
|
|
box-shadow: 0rpx 6rpx 10rpx 0rpx rgba(194,218,255,1);
|
||
|
|
border-radius: 54rpx;
|
||
|
|
line-height: 108rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.blur {
|
||
|
|
background-color: rgba(255, 255, 255, 0.2); /* 半透明背景 */
|
||
|
|
backdrop-filter: blur(10px); /* 背景模糊 */
|
||
|
|
-webkit-backdrop-filter: blur(10px); /* 兼容老版本 Safari */
|
||
|
|
}
|