@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ page { background: #ffffff; height: 100%; } .navbar { display: -webkit-box; display: -webkit-flex; display: flex; height: 40px; padding: 0 5px; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06); position: relative; z-index: 10; } .navbar .nav-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; height: 100%; font-size: 15px; color: #303133; position: relative; } .navbar .nav-item.current { color: #5dbc7c; } .navbar .nav-item.current:after { content: ''; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 44px; height: 0; border-bottom: 2px solid #5dbc7c; } .swiper-box { height: calc(100% - 44px); padding-top: 10rpx; } .swiper-box .order-item { padding: 20rpx 30rpx; line-height: 1.5; } .swiper-box .order-item .title-box .title { font-size: 32rpx; color: #606266; } .swiper-box .order-item .title-box .time { font-size: 28rpx; color: #909399; } .swiper-box .order-item .money { color: #fd5b23; font-size: 32rpx; } .list-scroll-content { height: 100%; } .content { height: 100%; } .content .empty-content { background-color: #ffffff; }