1 line
9.8 KiB
Plaintext
1 line
9.8 KiB
Plaintext
.container .container-main{padding:32rpx 32rpx 144rpx}.container .container-main .main-card{position:relative;height:400rpx}.container .container-main .main-card .card-image{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16rpx}.container .container-main .main-card .card-avatar{width:112rpx;height:112rpx;border-radius:16rpx;position:absolute;top:32rpx;right:32rpx}.container .container-main .main-card .card-name{position:absolute;top:32rpx;left:32rpx;display:flex;align-items:flex-end}.container .container-main .main-card .card-name .name{color:#fff;font-size:40rpx;font-weight:600;line-height:56rpx}.container .container-main .main-card .card-name .position{margin-left:18rpx;padding-bottom:4rpx;color:#fff;font-size:24rpx;line-height:34rpx}.container .container-main .main-card .card-company{position:absolute;top:100rpx;left:32rpx;color:#fff;font-size:24rpx;line-height:34rpx}.container .container-main .main-card .card-business{position:absolute;top:158rpx;left:32rpx;display:flex}.container .container-main .main-card .card-business .label{color:#fff;font-size:24rpx;line-height:34rpx;margin-left:16rpx}.container .container-main .main-card .card-business .label:first-child{margin-left:0}.container .container-main .main-card .card-mobile{position:absolute;top:216rpx;left:32rpx;display:flex;align-items:center}.container .container-main .main-card .card-mobile .icon{width:24rpx;height:24rpx}.container .container-main .main-card .card-mobile .text{margin-left:16rpx;color:#fff;font-size:24rpx;line-height:34rpx}.container .container-main .main-card .card-address{position:absolute;top:262rpx;left:32rpx;display:flex;align-items:center}.container .container-main .main-card .card-address .icon{width:24rpx;height:24rpx}.container .container-main .main-card .card-address .text{margin-left:16rpx;color:#fff;font-size:24rpx;line-height:34rpx}.container .container-main .main-card .card-association{position:absolute;bottom:12rpx;left:32rpx;display:flex;align-items:center}.container .container-main .main-card .card-association .logo{width:40rpx;height:40rpx;border-radius:50%}.container .container-main .main-card .card-association .text{margin-left:16rpx;color:#fff;font-size:24rpx;line-height:34rpx}.container .container-main .main-form{margin-top:32rpx}.container .container-main .main-form .form-group{margin-top:32rpx;border-radius:16rpx;background:#fff;padding:32rpx}.container .container-main .main-form .form-group .group-item{margin-top:32rpx}.container .container-main .main-form .form-group .group-item:first-child{margin-top:0}.container .container-main .main-form .form-group .group-item .item-head{width:100%;display:flex;justify-content:space-between;align-items:center}.container .container-main .main-form .form-group .group-item .item-head .head-title{color:#5a5b6e;font-size:32rpx;font-weight:600;line-height:44rpx}.container .container-main .main-form .form-group .group-item .item-head .head-btn{display:flex;align-items:center}.container .container-main .main-form .form-group .group-item .item-head .head-btn .icon{width:32rpx;height:32rpx;background:var(--theme-color);border-radius:50%}.container .container-main .main-form .form-group .group-item .item-head .head-btn .text{margin-left:8rpx;color:var(--theme-color);font-size:28rpx;line-height:40rpx}.container .container-main .main-form .form-group .group-item .item-style{width:100%;white-space:nowrap;margin-top:24rpx}.container .container-main .main-form .form-group .group-item .item-style .style-box{display:inline-block;width:218rpx;height:128rpx;border-radius:8rpx;overflow:hidden;position:relative;margin-left:24rpx}.container .container-main .main-form .form-group .group-item .item-style .style-box:first-child{margin-left:0}.container .container-main .main-form .form-group .group-item .item-style .style-box .box-image{width:100%;height:100%}.container .container-main .main-form .form-group .group-item .item-style .style-box .box-select{position:absolute;top:0;right:0;bottom:0;left:0;border:4rpx solid var(--theme-color)}.container .container-main .main-form .form-group .group-item .item-style .style-box .box-select .select-icon{position:absolute;right:-2rpx;bottom:-2rpx;width:0;height:0;border-top:18rpx solid transparent;border-right:18rpx solid var(--theme-color);border-bottom:18rpx solid var(--theme-color);border-left:18rpx solid transparent}.container .container-main .main-form .form-group .group-item .item-style .style-box .box-select .select-icon .tick{position:absolute;width:14rpx;height:14rpx;top:-2rpx;left:-2rpx}.container .container-main .main-form .form-group .group-item .item-title{width:100%;color:#5a5b6e;font-size:32rpx;font-weight:600;line-height:44rpx}.container .container-main .main-form .form-group .group-item .item-input{margin-top:32rpx;width:100%;display:flex;align-items:center;border-radius:16rpx;background:#f7f8fb}.container .container-main .main-form .form-group .group-item .item-input .input{color:#5a5b6e;font-size:28rpx;height:112rpx;line-height:112rpx;flex:1;padding:0 32rpx}.container .container-main .main-form .form-group .group-item .item-input .textarea{color:#5a5b6e;font-size:28rpx;line-height:40rpx;flex:1;padding:32rpx;height:200rpx}.container .container-main .main-form .form-group .group-item .item-input .placeholder{color:#acadb7}.container .container-main .main-form .form-group .group-item .item-input .icon{width:32rpx;height:32rpx;padding-right:32rpx}.container .container-main .main-form .form-group .group-item .item-input .text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.container .container-main .main-form .form-group .group-item .item-switch{margin-top:32rpx;display:flex;align-items:center;border-radius:16rpx;background:#f7f8fb;width:100%;height:112rpx;padding:0 32rpx}.container .container-main .main-form .form-group .group-item .item-switch .switch-label{flex:1;color:#5a5b6e;font-size:28rpx;line-height:40rpx}.container .container-main .main-form .form-group .group-item .item-switch .switch-box{margin-left:20rpx;width:72rpx;height:36rpx;padding:2rpx;background:#d9d9d9;border-radius:18rpx;transition:all .3s}.container .container-main .main-form .form-group .group-item .item-switch .switch-box .round{width:32rpx;height:32rpx;border-radius:50%;background:#fff;margin-left:0;transition:all .3s}.container .container-main .main-form .form-group .group-item .item-switch .switch-box.select{background:var(--theme-color)}.container .container-main .main-form .form-group .group-item .item-switch .switch-box.select .round{margin-left:calc(100% - 32rpx)}.container .container-main .main-form .form-group .group-item .item-upload{margin-top:32rpx;border-radius:16rpx;background:#f7f8fb;padding:32rpx;display:flex;align-items:center;justify-content:space-between}.container .container-main .main-form .form-group .group-item .item-upload .upload-image{border-radius:16rpx;width:112rpx;height:112rpx}.container .container-main .main-form .form-group .group-item .item-upload .upload-box{border-radius:16rpx;background:#fff;width:112rpx;height:112rpx;display:flex;flex-direction:column;justify-content:center;align-items:center}.container .container-main .main-form .form-group .group-item .item-upload .upload-box .box-icon{position:relative;width:48rpx;height:48rpx}.container .container-main .main-form .form-group .group-item .item-upload .upload-box .box-icon .horizontal{position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:4rpx;background:var(--theme-color);border-radius:2rpx}.container .container-main .main-form .form-group .group-item .item-upload .upload-box .box-icon .vertical{position:absolute;top:0;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4rpx;background:var(--theme-color);border-radius:2rpx}.container .container-main .main-form .form-group .group-item .item-upload .upload-box .box-text{margin-top:4rpx;color:var(--theme-color);text-align:center;font-size:20rpx;line-height:28rpx}.container .container-main .main-form .form-group .group-item .item-upload .upload-right{width:32rpx;height:32rpx}.container .container-main .main-form .form-group .group-item .item-list .list-label{margin-top:32rpx;width:100%;display:flex;align-items:center;border-radius:16rpx;background:#f7f8fb}.container .container-main .main-form .form-group .group-item .item-list .list-label .input{color:#5a5b6e;font-size:28rpx;height:112rpx;line-height:112rpx;flex:1;padding:0 32rpx}.container .container-main .main-form .form-group .group-item .item-list .list-label .placeholder{color:#acadb7}.container .container-main .main-form .form-group .group-item .item-list .list-label .icon{width:40rpx;height:40rpx;padding-right:32rpx}.container .container-main .main-form .form-group .group-item .item-list .list-add{margin-top:32rpx;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;padding:24rpx 32rpx;border-radius:16rpx;overflow:hidden}.container .container-main .main-form .form-group .group-item .item-list .list-add .add-icon{width:32rpx;height:32rpx;background:var(--theme-color);border-radius:50%}.container .container-main .main-form .form-group .group-item .item-list .list-add .add-text{margin-left:8rpx;color:var(--theme-color);font-size:28rpx;line-height:40rpx}.container .container-main .main-form .form-group .group-item .item-list .list-add .add-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:var(--theme-color);opacity:.1}.container .container-main .main-footer{position:fixed;left:0;right:0;bottom:0;z-index:99;padding:12rpx 32rpx;background:#fff;border-top:1rpx solid #f6f7fb}.container .container-main .main-footer .footer-btn{color:#fff;font-size:32rpx;line-height:44rpx;padding:22rpx 24rpx;border-radius:16rpx;background:var(--theme-color);text-align:center}.container .container-main .main-footer .safe-padding{width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)} |