@charset "UTF-8"; /* 页面左右间距 */ /* 文字尺寸 */ /*文字颜色*/ /* 边框颜色 */ /*颜色*/ /* 图片加载中颜色 */ /* 行为相关颜色 */ /* 功能栏字体大小 */ /*功能栏左侧小图标*/ .row { display: flex; align-items: center; position: relative; padding: 0 30rpx; height: 110rpx; background: #fff; } .row .tit { flex-shrink: 0; width: 120rpx; font-size: 30rpx; color: #303133; } .row .input { flex: 1; font-size: 30rpx; color: #303133; } .row .iconlocation { font-size: 36rpx; color: #909399; } page, .content { background: #f8f8f8; height: 100%; } .swiper-box { height: 750rpx; } .navbar { display: flex; height: 40px; padding: 0 5px; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.06); position: relative; z-index: 10; } .navbar .nav-item { flex: 1; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 15px; color: #303133; position: relative; } .navbar .nav-item.current { color: #ff4e4a; } .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 #ff4e4a; } .add-btn { display: flex; align-items: center; justify-content: center; width: 690rpx; height: 80rpx; margin: 0 auto; margin-top: 30rpx; font-size: 32rpx; border-radius: 10rpx; } .add-btn.up { background-color: #ff4e4a; color: #fff; }