.sticky { :global(.van-sticky--fixed) { box-shadow: 10px 10px 10px var(--box-shadow-color); } :global { .van-sticky { background: url('./icons/bgImg.png') no-repeat top center; background-size: 100% 214px; } } } .listContainer { padding-top: 2px; height: 42px; display: flex; align-items: center; justify-content: center; background: #fff; font-size: 16px; font-weight: 600; color: #999999; line-height: 22px; .line { margin: 0 15px; width: 1px; height: 10px; background: #e8e8e8; } .active { color: #333333; } } .label { margin-right: 8px; font-size: 14px; color: #fff; :global { .van-list__loading, .van-list__finished-text, .van-list__error-text { width: 100%; } .iconfont-down { margin-left: 4px; } } } .alumnList { padding: 0 12px; border-radius: 18px; background-color: #fff; margin: 14px; } .bgImg { position: fixed; top: 0; left: 0; width: 100%; height: 214px; // object-fit: cover; z-index: -1; } .tagTabs { :global { .van-tabs__nav { background-color: transparent; padding: 0; } .van-tab { font-size: 16px; font-weight: bold; color: #fff; } .van-tab--shrink { padding: 0; margin: 15px; } .van-tab--active { color: #fff; &::after { content: ' '; display: inline-block; width: 96%; position: absolute; height: 7px; background: #2dc7aa; border-radius: 4px; bottom: -2px; left: 2%; transition: all ease 0.3s; } .van-tab__text { z-index: 1; } } .van-tabs__line { height: 0; // bottom: 30px; // height: 7px; // background: rgba(45, 199, 170, 0.5); // border-radius: 4px; } } } .fleg { display: flex; align-items: center; font-size: 14px; font-weight: 600; span { padding-top: 3px; } :global { .van-switch { margin-left: 9px; background: rgba(255, 255, 255, 0.2); } .van-switch__node { background: rgba(255, 255, 255, 0.51); } .van-switch--on { background: rgba(255, 255, 255, 0.8); .van-switch__node { background: rgba(255, 255, 255, 1); } } } }