admin/src/styles/app/element.scss

.el-card.hc-card-box {
    --el-card-padding: 16px;
}
.el-card.hc-card-box .el-card__header {
    height: 50px;
    padding: 10px 20px;
}
.el-card.hc-card-box.is-header .el-card__body {
    height: calc(100% - 50px);
}
.el-button[hc-btn] {
    padding: 2px 12px;
    height: 36px;
}
.el-button + .el-button {
    margin-left: 14px;
}

//新改变版按钮
.el-button[hc-btn] {
    border-radius: 0;
    padding: 0 10px;
    font-weight: initial;
    height: 28px;
    font-size: 14px;
    border: 0;
    box-shadow: none;
    outline: 0;
}

.el-button + .el-button {
    margin-left: 10px;
}

.el-button + .el-dropdown {
    margin-left: 10px;
}

.el-dropdown .el-button .hc-icon-i {
    margin-left: 4px;
    margin-right: 0;
}

.form-item-div {
    height: auto;
    min-height: 40px;
    .el-radio-group {
        .el-radio {
            margin-right: 0;
        }
        .el-radio + .el-radio {
            margin-left: 24px;
        }
    }
}
.el-form-item.nowrap .el-form-item__content {
    flex-wrap: nowrap;
    .el-button {
        margin-left: 6px;
    }
}
.el-form.no-rules .el-form-item {
    align-items: center;
    margin-bottom: 0;
}
.el-form-item.input-link-item .el-form-item__content {
    .el-input {
        flex: 1;
    }
    .el-link {
        margin-left: 10px;
    }
}
//弹窗的滚动条
.el-scrollbar.hc-dialog-scrollbar .el-scrollbar__bar {
    right: -5px;
}

//分割线
.gutter {
    background-color: transparent;
}

.hc-card-item-box {
    background: #f9f9f9 !important;
}

.hc-el-upload-drag {
    position: relative;
    .el-upload-dragger {
        padding: 15px 0;
    }
    .hc-ui-upload-btn .hc-uploader-drop {
        position: relative;
        text-align: center;
        .upload-icon {
            font-size: 66px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #cacaca;
            transition: color 0.2s;
        }
        .text {
            color: #101010;
            margin-top: 10px;
            transition: color 0.2s;
        }
    }
    .hc-uploader-accept {
        margin-top: 10px;
    }
    &:hover {
        border-color: var(--el-color-primary-light-5);
        .hc-ui-upload-btn .hc-uploader-drop .text {
            color: var(--el-color-primary);
        }
    }
}

.hc-ui-form-upload-box .hc-ui-form-item-dashed.list .file-list-box .item .file-name {
    height: 25px;
    line-height: 25px;
}

.hc-ui-form-upload-box .hc-ui-form-item-dashed.list .file-list-box .item .close-icon {
    top: 1px;
}


//时间轴
.el-timeline.hc-time-line {
    padding-left: 5px;
    padding-top: 5px;
    .el-timeline-item {
        padding-bottom: 24px;
        .el-timeline-item__tail {
            top: 14px;
            left: 3.5px;
            height: calc(100% - 16px);
            border-width: 1px;
            border-color: #838791;
        }
        .el-timeline-item__node {
            display: none;
        }
        .el-timeline-item__wrapper {
            padding-left: 20px;
            .el-timeline-item__content {
                .timeline-item-icon {
                    position: absolute;
                    width: 18px;
                    height: 18px;
                    left: -5px;
                    border: 1px solid var(--el-color-success);
                    border-radius: 50px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    color: white;
                    .check-icon {
                        font-size: 14px;
                    }
                }
                .reply-name {
                    font-size: 15px;
                    margin-bottom: 6px;
                }
                .reply-time {
                    font-size: 12px;
                    margin-bottom: 14px;
                }
                .reply-content {
                    font-size: 14px;
                }
            }
        }
        &.success {
            .el-timeline-item__tail {
                border-color: var(--el-color-success);
            }
            .el-timeline-item__wrapper .el-timeline-item__content .timeline-item-icon {
                background-color: var(--el-color-success);
                border: 1px solid var(--el-color-success);
                color: white;
            }
        }
        &.primary {
            .el-timeline-item__wrapper .el-timeline-item__content {
                .reply-name {
                    color: #1A1A1A;
                }
                .timeline-item-icon {
                    background-color: var(--el-color-primary);
                    border: 1px solid var(--el-color-primary);
                    color: #ffffff;
                }
            }
        }
    }
}

//伪表单
.el-form-item .el-form-item__content .form-item-div.disabled {
    background: #f5f7fa;
    color: #a9abb2;
    cursor: not-allowed;
}

.el-form--label-top .el-form-item .el-form-item__label {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    .hc-form-item-label {
        flex: 1;
    }
}

//树卡片
.hc-div-new-card-box.is-tree .el-card.hc-new-card-box .hc-card-main .hc-card-main-body {
    left: -12px;
}

//输入框有右侧按钮
.el-input.is-right-btn {
    .el-input-group__append {
        padding: 0;
        color: white;
    }
    .el-button[hc-btn] {
        margin: 0;
        height: 100%;
        border-radius: 0 4px 4px 0;
    }
    .el-button[hc-btn].el-button--primary {
        color: var(--el-button-text-color);
    }
}