56 lines
853 B
Plaintext
56 lines
853 B
Plaintext
/* pages/qrCode/index.wxss */
|
|
|
|
.body {
|
|
height: 100vh;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #eee;
|
|
}
|
|
|
|
.conter {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.conter-bj{
|
|
width: 630rpx;
|
|
position: relative;
|
|
}
|
|
.qrbj{
|
|
width: 630rpx;
|
|
height: 822rpx;
|
|
z-index: -999;
|
|
}
|
|
.qrjian{
|
|
width: 184rpx;
|
|
height: 44rpx;
|
|
z-index: 999;
|
|
position: absolute;
|
|
top:28%;
|
|
left: 34.5%;
|
|
animation: shake 1s infinite;
|
|
}
|
|
.qrcode {
|
|
width: 274rpx;
|
|
height: 274rpx;
|
|
border-radius: 8px;
|
|
position: absolute;
|
|
left: 28%;
|
|
top:40%;
|
|
}
|
|
@keyframes shake {
|
|
0% {
|
|
transform: translateY(1rpx);
|
|
}
|
|
|
|
40% {
|
|
transform: translateY(20rpx);
|
|
}
|
|
|
|
100% {
|
|
transform: translateY(0rpx);
|
|
}
|
|
} |