page, .main { width: 100%; height: 100%; } .main { position: relative; background-image: linear-gradient(-225deg,#F8C9CF,#F76275); } .panel { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 20rpx; background-color: #fff; padding: 60rpx; width: 60%; } .avatar { background-color: #eee; border-radius: 50%; width: 120rpx; height: 120rpx; } .qrCode-container { /* width: 400rpx; height: 400rpx; */ /* margin: 0 auto; */ } .qrCode { display: block; width: 400rpx; height: 400rpx; margin: 0 auto; }