hldy_app/unpackage/dist/dev/mp-weixin/component/public/game/joystick.wxss

71 lines
1.5 KiB
Plaintext

.move-circle.data-v-293b8ace {
position: absolute;
bottom: 300rpx;
left: 0;
width: 330rpx;
height: 330rpx;
border-radius: 50%;
background: radial-gradient(circle at center, /* 圆形渐变,中心点在元素正中 */ rgba(110, 149, 217, 0.2) 0%, /* 中心处纯色 */ rgba(149, 177, 227, 0.2) 100% /* 边缘颜色 */);
border: 5rpx rgba(148, 181, 229, 0.5) solid;
z-index: 9999;
}
.container-img-up.data-v-293b8ace {
position: absolute;
top: -48rpx;
left: 50rpx;
width: 220rpx;
height: 120rpx;
}
.container-img-down.data-v-293b8ace {
position: absolute;
bottom: -48rpx;
left: 50rpx;
transform: rotate(180deg);
width: 220rpx;
height: 120rpx;
}
.container-img-left.data-v-293b8ace {
position: absolute;
left: -97rpx;
top: 95rpx;
transform: rotate(270deg);
width: 220rpx;
height: 120rpx;
}
.container-img-right.data-v-293b8ace {
position: absolute;
right: -97rpx;
transform: rotate(90deg);
top: 95rpx;
width: 220rpx;
height: 120rpx;
}
.container-img.data-v-293b8ace {
width: 170rpx;
height: 70rpx;
}
.container-img-shu.data-v-293b8ace {
width: 70rpx;
height: 170rpx;
}
.up-container.data-v-293b8ace {
position: absolute;
top: 30rpx;
left: 75rpx;
}
.down-container.data-v-293b8ace {
position: absolute;
bottom: 30rpx;
left: 75rpx;
}
.right-container.data-v-293b8ace {
position: absolute;
top: 75rpx;
right: 30rpx;
}
.left-container.data-v-293b8ace {
position: absolute;
top: 75rpx;
left: 30rpx;
}