.myfile-content { width: 100%; height: 100%; background-color: #f7f7f7; overflow: hidden; } .main-content { width: 690rpx; height: calc(100% - 180rpx); margin: 0 auto; overflow-y: auto; } .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: 100%; height: 100rpx; position: fixed; bottom: 60rpx; background-color: #f7f7f7; display: flex; justify-content: space-around; align-items:center; } .handle-btn { width: 324rpx; height: 80rpx; border-radius: 10rpx; } .handle-btn-full { width: 100%; height: 80rpx; border-radius: 10rpx; } .manage-btn { 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.7); display: flex; justify-content: center; align-items: flex-start; } .qr-content { width: 520rpx; height: 490rpx; background: #FFFFFF; border-radius: 20rpx; margin-top: 320rpx; position: relative; } .qr-title { padding: 30rpx 0; text-align: center; font-size: 30rpx; font-weight: bold; color: #333333; } .qr-content-img { width: 360rpx; height: 360rpx; margin-left: calc(50% - 180rpx); } .qr-close { width: 70rpx; height: 126rpx; position: absolute; left: calc(50% - 35rpx); bottom: -125rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; } .ver-line { width: 4rpx; height: 56rpx; background-color: #fff; } .qe-close-icon { width: 70rpx; height: 70rpx; border-radius: 50%; border: 2px solid #fff; box-sizing: border-box; }