.myfile-content { width: 100%; height: 100%; background-color: #f7f7f7; overflow-y: auto; position: relative; } .main-content { width: 690rpx; /* min-height: 100%; */ margin: 0 auto; padding-bottom: 180rpx; } .nodate { width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; } .file-item { width: 100%; height: 160rpx; background: #FFFFFF; border-radius: 20rpx; margin-top: 20rpx; } .f-left { width: 70%; height: 100%; } .f-avatar { width: 80rpx; height: 80rpx; border-radius: 50%; margin: 0 14rpx 0 20rpx; } .head-img { width: 80rpx; height: 80rpx; border-radius: 50%; } .f-right { width: 30% } .report-text { padding: 20rpx; font-size: 26rpx; font-weight: 400; color: var(--maincolor); } .report-text-fail { color: #999999; } .report-text-success { color: var(--maincolor); } .fu-name { font-size: 30rpx; font-weight: bold; color: #333333; margin-right: 12rpx; } .suer-sex { width: 30rpx; height: 30rpx; } .img { width: 30rpx; height: 30rpx; } .fu-date { font-size: 26rpx; font-weight: 400; color: #999999; } .f-qrcode { width: 80rpx; height: 80rpx; margin-left: 20rpx; } .qrcode-item { width: 60rpx; height: 60rpx; } .actions { width: 690rpx; height: 80rpx; position: fixed; bottom: 80rpx; background-color: #f7f7f7; } .handle-btn { width: 324rpx; height: 80rpx; border-radius: 10rpx; } .manage-btn { border: 1rpx solid #333333; font-size: 26rpx; font-weight: 400; color: #333333; } .wrapper { height: 100%; } .model { width: 540rpx; height: 208rpx; background: #FFFFFF; border-radius: 24rpx; } .top-title { font-size: 34rpx; font-weight: bold; color: #333333; text-align: center; height: 118rpx; line-height: 118rpx; border-bottom: 1rpx solid #DDDDDD; box-sizing:border-box; } .btn { width: 270rpx; height: 90rpx; box-sizing: border-box; font-size: 34rpx; color: #333333; } .w-confirm-btn { font-weight: bold; } .qrcode { width: 100%; height: 620rpx; } .qrcode-src { width: 100%; height: 100%; } .my-dialog { width: 100%; height: 100%; position: absolute; top: 0; background-color: rgba(0,0,0,0.3); display: flex; justify-content: center; align-items: center; } .qr-content { width: 500rpx; height: 500rpx; }