ttk-app-core/src/assets/app.less

@ttk/recat enterprise develop framework

// 在这个存放app应用的公共样式
.ttk-table-app-simplelist {
    .ttk-table-app-simplelist-header {
        padding      : 10px;
        background   : #fff;
        border       : 1px solid #d9d9d9;
        border-bottom: none;

        .fast-range-picker {
            width: 300px;
        }

        .ant-input,
        .ant-select,
        .ant-input-group,
        .ant-calendar-picker,
        .ant-radio-group {
            margin-right: 10px;
        }

        &-left {
            float: left;

            .ant-btn {
                height     : 30px;
                padding    : 0 8px;
                margin-left: 10px;
            }
        }

        &-right {
            text-align: right;

            .ant-btn {
                height     : 30px;
                padding    : 0 8px;
                margin-left: 10px;
            }
        }
    }

    .ttk-table-app-simplelist-content {
        display       : block !important;
        position      : relative;
        height        : 100%;
        overflow-y    : auto;
        flex          : 1 1;
        display       : flex;
        flex-direction: column;

        .operationcell {
            padding: 4px 10px 0;

            &>button,
            &>span,
            &>div,
            &>i {
                margin-right: 10px;

                &:last-child {
                    margin-right: 0px;
                }
            }

            &>i {
                color         : #5caae3;
                font-size     : 18px;
                vertical-align: middle;
            }
        }
    }

    .ttk-table-app-simplelist-footer {
        height     : 48px;
        flex       : 0 0 48px;
        align-items: flex-end;
        padding-top: 10px;
    }
}

// json写法的app顶层元素都会有ttk-json-app的class，这里配置所有兼容json写法的样式
.ttk-json-app{
    .anticon{
        &::before{
            display: inline-block;
        }
        line-height: 1;
        vertical-align: baseline;
    }
    .ant-table-body {
        overflow-x: scroll !important;
    }
    .ant-form-item,
    .ant-menu,
    .ant-tabs-nav,
    .mk-layout,
    .ant-card,
    .ant-select,
    .mk-select {
        // 兼容antd 3.8.4版本样式
        .ant-select-selection--single .ant-select-selection__rendered {
            margin-right: 11px;
        }
    
        .ant-select-arrow:before {
            display    : block;
            font-family: "edficon" !important;
        }
    
        .ant-select-arrow:before {
            content           : '\e717';
            -webkit-transition: -webkit-transform .3s;
            transition        : -webkit-transform .3s;
            transition        : transform .3s;
            transition        : transform .3s, -webkit-transform .3s;
        }
        .ant-select-arrow svg {
            display: none;
        }
    }
    
    .ant-input {
        padding-left : 8px !important;
        padding-right: 8px !important;
    }
    
    .ant-select-arrow {
        right: 8px !important;
    }
    
    .ant-calendar-picker-clear {
        display: none !important;
    }
    // 这里配置antd旧版本样式，兼容已有项目(金财代账)json写法app
    .edfx-app-portal-header-right-leftDiv-datepicker .ant-calendar-picker-icon{
        svg {
            display: none;
        }
    }

    .ttk-es-app-yyhome{
        .ant-list-item{
            justify-content: unset;
        }
    }

    .ttk-es-app-ztconnetlist{
        .ant-card-extra{
            text-align: right;
        }
    }

    .ttk-es-app-jzjdlist {
        &-top{
            .anticon{
                line-height: 1.5;
            }
        }
        &-footer .right span{
            margin-right: unset;
        }
        .ant-input:placeholder-shown{
            text-overflow: unset;
        }
    }
    .edfx-app-portal{
        .menu-icon {
            font-size: 30px;
            transform: translateY(6px);
            margin-left: 9px;
            color: rgba(0, 0, 0, 0.9);
        }
    }
    .ttk-edf-app-iframe {
        position: absolute;
        top: 0;
        right: 10px;
        bottom: 10px;
        left: 0;
        padding:0!important;
        background: #fff;
        &.topImportant{
            top: 0 !important;
        }
        .iframeContainer{
            position: absolute;
            top:0;
            left:0;
            width:100%;
            bottom:0px;
        }
        &-iframe {
            height: 100%;
            width: 100%;
            border: 1px solid #d9d9d9;
        }
    }
}