philosophyship-mobile/page/list.css

philosophship-mobile 手机端H5 ui 样式库

/*
 * @Author: Shenxf 
 * @Date: 2019-08-25 10:30:04 
 * @Last Modified by: Shenxf
 * @Last Modified time: 2019-08-25 12:07:13
 */
@import '../node_modules/font-awesome/css/font-awesome.min.css';

/* 列表页样式 */
/* 排序按钮的容器 */
.page-list .sort-wrap {
    display: flex;
}

/* 排序按钮 */
.page-list .sort-wrap>.sort-btn {
    flex: 1;
    border-radius: 0;
    border: none;
    border-top: 1px solid #ddd;
    background: #fff;
}

/* 激活状态下的排序按钮 */
.page-list .sort-wrap>.sort-btn.active {
    color: #09bb07;
}

.page-list .sort-wrap>.sort-btn+.sort-btn {
    border-left: 1px solid #ddd;
}