| 1 |
- .multi-uploader{position:relative;background:#fff}.multi-uploader-limit .el-upload--picture-card{display:none}.el-upload__tip{line-height:20px;font-size:14px;color:#999}.el-upload__tip-active{margin-top:-1px}.create-skill-wrapper{width:1000px;padding:25px 25px 45px;opacity:1;background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center}.create-skill-wrapper .create-skill-title{width:100%;line-height:37px;padding:7px 0 25px;font-size:26px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;text-align:center;color:#1d2a3a;border-bottom:1px solid rgba(0,0,0,.06)}.create-skill-wrapper .form-wrapper{position:relative;width:640px;margin-top:30px}.create-skill-wrapper .form-wrapper .field-name{height:20px;line-height:20px;font-size:14px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#19222e}.create-skill-wrapper .form-wrapper .field-name .required{color:red}.create-skill-wrapper .form-wrapper .skill-field{position:relative}.create-skill-wrapper .form-wrapper .skill-field .skill-title-input{width:100%;margin-top:5px}.create-skill-wrapper .form-wrapper .price-field{position:relative;display:flex}.create-skill-wrapper .form-wrapper .price-field .price-wrapper{position:relative;width:300px}.create-skill-wrapper .form-wrapper .price-field .price-wrapper .price-input{width:100%;margin-top:5px}.create-skill-wrapper .form-wrapper .price-field .price-wrapper .yuan{position:absolute;right:18px;bottom:14px;font-size:14px;line-height:14px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#19222e}.create-skill-wrapper .form-wrapper .price-field .cate-wrapper{width:300px;margin-left:40px}.create-skill-wrapper .form-wrapper .price-field .cate-wrapper .cate-content{margin-top:5px;width:100%;display:flex;justify-content:space-between}.create-skill-wrapper .form-wrapper .price-field .cate-wrapper .service-cate{width:185px}.create-skill-wrapper .form-wrapper .price-field .cate-wrapper .cate-cascader{width:100%}.create-skill-wrapper .form-wrapper .content-field{position:relative;margin-top:20px}.create-skill-wrapper .form-wrapper .content-field .content-editor{margin-top:5px}.create-skill-wrapper .form-wrapper .content-field .content-editor .ql-show{border:1px solid #d7dfe8}.create-skill-wrapper .form-wrapper .image-field{position:relative}.create-skill-wrapper .form-wrapper .image-field .skill-image-uploader{margin-top:12px}.create-skill-wrapper .form-wrapper .image-field .upload-tips{margin-top:12px;width:100%;line-height:20px;font-size:14px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#999;white-space:pre-line}.create-skill-wrapper .form-wrapper .is-error input{border-color:#f56c6c}.create-skill-wrapper .form-wrapper .is-error .quill-editor{border-color:#f56c6c!important;border-top:1px solid #f56c6c!important}.create-skill-wrapper .progress-wrapper{position:relative;width:640px;margin-top:25px}.create-skill-wrapper .progress-wrapper .progress-title{height:17px;line-height:17px;font-size:12px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#222}.create-skill-wrapper .progress-wrapper .progress-bar{width:100%;margin-top:7px}.create-skill-wrapper .example-wrapper{position:relative;width:640px;margin-top:20px;padding:20px;background:#f6f8f9;border-radius:10px;display:flex}.create-skill-wrapper .example-wrapper .example-content{flex:1}.create-skill-wrapper .example-wrapper .example-content .example-title{width:100%;height:20px;display:flex;align-items:center}.create-skill-wrapper .example-wrapper .example-content .example-title .example-icon{width:20px;height:20px}.create-skill-wrapper .example-wrapper .example-content .example-title span{margin-left:7px;font-size:16px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#19222e}.create-skill-wrapper .example-wrapper .example-content .example-text{width:100%;margin-top:18px;font-size:12px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;color:#222;line-height:18px;white-space:pre-line}.create-skill-wrapper .example-wrapper .example-img{flex-shrink:0;width:173px;height:234px;margin:10px 0 0 20px}.create-skill-wrapper .actions-wrapper{width:640px;margin-top:20px;display:flex;align-items:center;justify-content:space-between}.create-skill-wrapper .actions-wrapper .prev-btn{padding:10px 0;border:none}.create-skill-wrapper .actions-wrapper .pcreate-btn,.create-skill-wrapper .actions-wrapper .prev-btn{font-size:15px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#308eff;background:#fff}.create-skill-wrapper .actions-wrapper .pcreate-btn{width:128px;height:42px;margin-left:10px;border-radius:7px;border:1px solid #308eff}.create-skill-wrapper .actions-wrapper .next-btn{width:128px;height:44px;background:#308eff;border-radius:7px;border:none;font-size:15px;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;color:#fff}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important}input[type=number]{-moz-appearance:textfield!important}.content-editor .my-editor .ql-snow{border:1px solid #d7dfe8!important;border-radius:3px 3px 0 0!important}.content-editor .my-editor .quill-editor{border-width:1px!important;border-top:0!important;border-color:#d7dfe8!important;border-radius:0 0 3px 3px!important}.skill-image-uploader .el-upload--picture-card,.skill-image-uploader .el-upload-list__item{width:300px!important;height:168.75px!important;line-height:168.75px!important}.skill-image-uploader .el-upload--picture-card .el-upload-list__item-thumbnail,.skill-image-uploader .el-upload-list--picture-card .el-upload-list__item-thumbnail{-o-object-fit:scale-down!important;object-fit:scale-down!important}
|
