/* 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); } }