| 1 |
- .my-box{height:100vh;background:#fff;overflow-y:auto}.my-box .my-content{display:flex;flex-direction:column;align-items:center;padding-bottom:80rpx}.my-box .my-top{height:260rpx;background-image:url(https://images.unsplash.com/photo-1558591710-4b4a1ae0f04d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwyMDUzMDJ8MHwxfHNlYXJjaHw1fHxhYnN0cmFjdHxlbnwxfHx8fDE2NTI4OTYzNTU&ixlib=rb-1.2.1&q=80&w=1080);background-position:50%;background-size:cover;background-repeat:no-repeat;width:100%}.my-box .my-avatar{width:200rpx;height:200rpx;border-radius:50%;margin-top:-100rpx;border:6rpx solid #fff;overflow:hidden}.my-box .name{font-size:20px;font-weight:700;margin:10rpx 0}.my-box .organization{color:#8c8c8c;font-weight:300}.my-box .btn-box{box-sizing:border-box;padding:30rpx;width:100%}.my-box .my-button{width:100%;height:68rpx;line-height:68rpx;border-radius:68rpx;border:1px solid #08979c;background:#08979c;text-align:center;color:#fff}.my-box .my-button.my-button-cancel{border-color:#8c8c8c;color:#8c8c8c;background:#fff}.my-box .my-house{width:100%;padding:0 30rpx;box-sizing:border-box}.my-box .my-house .item{position:absolute;bottom:0;width:100%;height:56rpx;background-color:rgba(0,0,0,.6);line-height:56rpx;font-size:24rpx;font-weight:300;padding:0 20rpx;overflow:hidden;color:#fff}.my-box .my-house .my-house-title{font-weight:500;margin-bottom:20rpx}
|
