.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: 120rpx; align-items: center; background: #006BFF; padding-left: 13rpx; padding-right: 13rpx; } .bs-item { display: flex; justify-items: flex-start; align-items: center; padding: 15px 13px; font-size: 30rpx; color: #3C3C3C; } .bs-item-image { display: inline-block; width: 80rpx; height: 80rpx; margin-right: 20rpx; } .bs-block { position: relative; height: 430rpx; } .bs-bar { position: relative; } .bs-bar .van-index-anchor-wrapper { background: #F9F9F9; } .bs-bar .van-index-bar__sidebar { top: 56% !important; } /*横向列表项*/ .bs-tabs { width: 100%; margin-top: 0px; height: 150rpx; 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%; height: 150rpx; white-space: nowrap; display: flex; justify-content: flex-start; } .bs-tab-sv-item { text-align: center; padding: 0rpx 36rpx; height: 140rpx; } .userAvatar{ width: 78rpx; height: 78rpx; border-radius: 4px; } .bs-tab-title{ font-size: 27rpx; } .bs-right-pop { position: fixed; width: 100%; height: calc(100% - 210px - 85px); top: 210px; left: 0px; background: rgba(0,0,0, 0.5); z-index: 2800; overflow: hidden; } .bs-r-inner { position: absolute; height: calc(100% - 14px); width: 68%; top: 0px; right: 0px; background: #fff; box-shadow: 2px 0px 2px 2px #ccc; padding: 7px 10px; } .bs-r-close { position: absolute; text-align: right; font-size: 16px; color: #6E6E6E; width: 26px; height: 26px; top: 0px; right: 10px; } .bs-r-cont { position: absolute; top: 26px; height: calc(100% - 26px); width: 100%; overflow: auto; }