officialAccount/unpackage/dist/dev/mp-weixin/compontent/public/huakuai.wxss

83 lines
1.6 KiB
Plaintext
Raw Normal View History

2025-05-28 17:36:42 +08:00
.captcha-container.data-v-2ca77e4c {
/* margin: 20rpx auto; */
-webkit-user-select: none;
user-select: none;
background-color: #fff;
width: 600rpx;
height: 800rpx;
margin: 0 auto;
z-index: 999;
border-radius: 30rpx;
overflow: hidden;
padding: 0 30rpx;
}
.captcha-image.data-v-2ca77e4c {
position: relative;
overflow: hidden;
}
.bg-image.data-v-2ca77e4c {
position: relative;
z-index: 1;
display: block;
/* margin-top: 30rpx; */
width: 100%;
height: 100%;
}
.overlay.data-v-2ca77e4c {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
pointer-events: none;
}
.hole.data-v-2ca77e4c,
.piece.data-v-2ca77e4c {
position: absolute;
z-index: 101;
border-radius: 5rpx;
box-shadow: 0 0 6rpx rgba(0, 0, 0, 0.4);
}
.hole.data-v-2ca77e4c {
background-color: rgba(0, 0, 0, 0.3);
}
.piece.data-v-2ca77e4c {
background-repeat: no-repeat;
background-size: cover;
cursor: grab;
}
.slider-bar.data-v-2ca77e4c {
position: relative;
height: 160rpx;
margin-top: 0rpx;
background: #eee;
border-radius: 80rpx;
width: 600rpx;
}
.slider-button.data-v-2ca77e4c {
position: absolute;
top: 20rpx;
width: 120rpx;
height: 120rpx;
background: #fff;
border-radius: 60rpx;
box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.2);
transition: background 0.3s;
-webkit-user-select: none;
user-select: none;
}
.slider-button.success.data-v-2ca77e4c {
background: #4caf50;
}
.font-title.data-v-2ca77e4c {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 80rpx;
font-size: 30rpx;
font-weight: 700;
}