vesh-cli/template/Style/module/Index.css

码农村nodejs版本VESH框架脚手架搭建器

.g_background {
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    height:100%;
}

.g_pages {
    width: 100%;
    overflow: hidden;
}

@media screen and (min-width: 1366px) {
    /*需要自动适配高宽比*/
    .g_background {
        margin: 0px 66px;
    }

    .g_pages {
        height: 650px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1366px) {

    /*需要自动适配高宽比*/
    .g_background {
        margin: 0px 2px;
    }

    .g_pages {
        height: 718px;
    }
}

@media screen and (min-width: 600px) and (max-width: 960px) {
    .g_background {
        margin: 0px 2px;
    }

    .g_pages {
        height: 650px;
    }

    .g_window {
        height: 500px;
    }

    #receipt.g_window {
        height: 600px;
    }
}

@media screen and (min-width: 415px) and (max-width: 600px) {
    .g_background {
        margin: 0px 2px;
    }

    .g_pages {
        width: 580px;
        height: 450px;
    }

    .g_window {
        height: 500px;
    }

    #receipt.g_window {
        height: 500px;
    }
}

@media screen and (max-width: 415px) {
    .g_background {
        margin: 0px 2px;
    }

    .g_pages {
        height: 450px;
    }

    .g_window {
        height: 500px;
    }


    #receipt.g_window {
        height: 500px;
    }
}

html {
    font-size: 62.5%; /* 10÷16=62.5% */
    font-size: 12px;
    font-size: 1.2rem; /* 12÷10=1.2 */
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 微软雅黑;
}
/*三栏*/
ul.p_navTab li.p_active {
    background: #e6014f;
    color: #FFFFF7;
}

ul.p_navTab li {
    background: #aaaaaa;
    color: #FFFFF7;
    border-right: 1px solid #fff;
}

ul.p_navTab {
    height: 82px;
}

    ul.p_navTab span.p_brandsTab {
        line-height: 82px;
    }
/*計時器*/
span.p_orderlist_timer span {
    background: black;
    color: #FFFFF7;
    margin: 0px 0.2rem;
}