yyzone/src/assets/styles/components/empty.less

yyzone vue components and utils

.@{yy-css-prefix}empty {
    height: 100%;
    min-height: 100px;
    position: relative;
    line-height: normal;

    p {
        margin-top: 8px;
        color: @yy-text-info-color;
        font-size: @yy-font-size-small;
        line-height: 20px;
        white-space: nowrap;
    }

    &-img {
        width: 64px;
        height: 64px;
        margin: 0 auto;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    @attachUrl: "../../images/";
    @fileList: data, search, develop, network, server, 404, approve;

    .loop(@i) when (@i < length(@fileList)+1) {
        @name: extract(@fileList, @i);

        &-img-@{name} {
            background-image: url("@{attachUrl}/tip_@{name}.png");
        }

        .loop(@i+1);
    }
    .loop(1);

    &-content {
        text-align: center;
        position: absolute;
        width: 100%;
    }
    &-top &-content {
        top: 30%;
        margin-top: -50px;
    }
    &-middle &-content {
        top: 50%;
        margin-top: -50px;
    }
}