philosophyship-mobile/src/content.css

philosophship-mobile 手机端H5 ui 样式库

/*
 * @Author: Shenxf 
 * @Date: 2019-06-23 22:56:56 
 * @Last Modified by: Shenxf
 * @Last Modified time: 2019-06-23 23:08:27
 */

/* 内容区 */
.tt-content {
    box-sizing: border-box;
    position: relative;
    overflow-y: auto;
    height: 100%;
}

/* 根据header和navbar自动适应内容区高度 */
.tt-header~.tt-content {
    padding-top: 2.3rem;
}

.tt-navbar~.tt-content {
    padding-bottom: 2.5rem;
}

/* 内容分区 -- Panel 面板 */
/* Panel 标题 */
.tt-content .tt-panel-title {
    height: 1.8rem;
    line-height: 1.8rem;
    padding-left: 1rem;
    color: #aaa;
    background: #fff;
    border-top: 1px solid #eee;
    font-size: 14px;
    font-weight: normal;
}

/* Panel 内容区 */
.tt-content .tt-panel-body {
    position: relative;
    margin-bottom: .6rem;
    padding: .6rem 1rem;
    background: #fff;
    overflow: hidden;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* 可手动设置内容区是否有内边距 */
.tt-content .tt-panel-body.no-padding {
    padding: 0;
}