.view-page { width: 100%; color: #333333; background: #fff; } .bs-top-title { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 34rpx; } .nav-top { position: fixed; width: 100%; height: auto; top: 0px; left: 0px; z-index: 5000; } .bs-top { display: flex; justify-content: flex-start; height: 67px; align-items: center; background: #006BFF; padding-left: 13rpx; padding-right: 13rpx; padding-top: 5px; } .bs-item { display: flex; justify-items: flex-start; background: #fff; align-items: center; font-size: 14px; } .cell-item { display: flex; justify-items: flex-start; align-items: center; font-size: 14px; } .bs-item-image { display: inline-block; width: 42px; height: 42px; margin-right: 15px; } .bs-block { position: relative; height: 207px; } .bs-bar { position: relative; } .bs-bar .van-index-anchor-wrapper { background: #F9F9F9; } .bs-bar .van-index-bar__sidebar { top: 63%; } .menu-tabs .van-tabs__nav{ background-color: #006BFF;/* 标签背景颜色 */ } .menu-tabs .van-tab { color: #98CDFF; /* 字体颜色 */ background-color: #006BFF;/* 标签背景颜色 */ } .menu-tabs .van-tab--active{ color: #FFFFFF; /* 字体颜色 */ font-size: 17px; } .menu-tabs .van-tabs__line { background: transparent; } .a { position: relative; display: flex; justify-content: flex-start; } /*横向列表项*/ .bs-tabs { width: 100%; margin-top: 0px; height: 90rpx; background: #fff; border-top-left-radius: 12px; border-top-right-radius: 12px; padding-top: 30rpx; box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.2); } .bs-tab-sv { width: 100%; width: 100%; white-space: nowrap; display: flex; } .bs-tab-sv-item { /* width: 20%; */ height: 100rpx; text-align: center; display: inline-block; } .userAvatar{ width: 68rpx; height: 60rpx; border-radius: 4px; } .bs-tab-title{ font-size: 27rpx; margin: 0 0rpx 0 24rpx; }