@charset "UTF-8"; /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ /* uni.scss */ .container { min-height: 100vh; position: relative; background: #f5f5f5; font-size: 32rpx; } .container .bkg { width: 100vw; z-index: 0; height: 686rpx; position: absolute; top: 0; left: 0; } .container .b-border { width: 100%; height: 30rpx; border-radius: 0 0 120rpx 120rpx; background-color: #1479ff; } .container .top { display: flex; align-items: center; position: relative; background: #fff; border-radius: 20rpx; margin: 30rpx; box-shadow: 0 4rpx 16rpx #e6eaf1; padding: 30rpx; } .container .top .avatar { width: 100rpx; height: 100rpx; border-radius: 80rpx; } .container .top .info { padding-left: 40rpx; } .container .top .info-name { line-height: 2; font-weight: 600; } .container .panel { position: relative; background: #fff; border-radius: 10rpx; margin: 40rpx 25rpx 0; padding: 28rpx 25rpx; } .container .panel2 .row { display: flex; padding: 20rpx 10rpx; border-bottom: 2rpx #dee2e6 solid; } .container .panel2 .row__icon { margin-right: 20rpx; color: #007aff; font-size: 36rpx; } .container .form-wrapper { margin: 20rpx auto 20rpx auto; padding: 0 40rpx; width: 94%; box-shadow: 0 1rpx 5rpx 0px rgba(0, 0, 0, 0.05); border-radius: 16rpx; background: #fff; } .container .form-wrapper .btn-normal { display: block; margin: 0; padding: 0; line-height: normal; background: none; border-radius: 0; box-shadow: none; border: none; font-size: unset; text-align: unset; overflow: visible; color: inherit; } .container .form-wrapper .btn-normal image { width: 120rpx; height: 120rpx; border-radius: 100%; border: 2px solid #fff; margin-right: 30rpx; } .container .form-wrapper .btn-normal::after { border: none; } .container .footer { margin-top: 80rpx; margin-bottom: 40rpx; } .container .footer .btn-wrapper { height: 100%; padding: 0 20rpx; } .container .footer .btn-item { flex: 1; font-size: 28rpx; height: 86rpx; color: #fff; border-radius: 50rpx; display: flex; justify-content: center; align-items: center; } .container .footer .btn-item-main { background: #d61b24; color: #fff; }