mt-ui-components-vue3/es/Result/style/index.less

玛果添实UI组件库(Vue3)

// @import 'ant-design-vue/lib/style/index.less';
//@import 'ant-design-vue/lib/result/style/index.less';
// @import '../../style/variable.less';

.noFound {
    width: 100%;
    height: 100%;
    min-height: 760px;
    min-width: 1080px;
    display: flex;
    .noFound-img {
        flex: 0.6;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
            width: 80%;
            // min-width: 670px;
            // min-height: 560px;
        }
    }
    .noFound-content {
        flex: 0.4;
        display: flex;
        align-items: center;

        .content {
            width: 60%;
            height: 30%;
            flex-direction: column;
            img {
                width: 50%;
                // min-width: 670px;
                // min-height: 560px;
                margin-bottom: 20px;
            }
            .title {
                font-style: normal;
                font-weight: 400;
                font-size: 36px;
                line-height: 50px;
                text-align: justify;
                color: #333333;
                margin-bottom: 10px;
            }
            .sub-title {
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 21px;
                color: #999999;
                text-align: justify;
                word-break: break-word;
                margin-bottom: 10px;
            }
            button {
                margin-right: 12px;
            }
        }
    }
}