2 lines
4.7 KiB
CSS
2 lines
4.7 KiB
CSS
:root,:host{--van-sticky-z-index:99}.van-sticky--fixed{z-index:var(--van-sticky-z-index);position:fixed}:root,:host{--van-swipe-indicator-size:6px;--van-swipe-indicator-margin:var(--van-padding-sm);--van-swipe-indicator-active-opacity:1;--van-swipe-indicator-inactive-opacity:.3;--van-swipe-indicator-active-background:var(--van-primary-color);--van-swipe-indicator-inactive-background:var(--van-border-color)}.van-swipe{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;transform:translateZ(0)}.van-swipe__track{height:100%;transition-property:transform;display:flex}.van-swipe__track--vertical{flex-direction:column}.van-swipe__indicators{bottom:var(--van-swipe-indicator-margin);display:flex;position:absolute;left:50%;transform:translate(-50%)}.van-swipe__indicators--vertical{top:50%;bottom:auto;left:var(--van-swipe-indicator-margin);flex-direction:column;transform:translateY(-50%)}.van-swipe__indicators--vertical .van-swipe__indicator:not(:last-child){margin-bottom:var(--van-swipe-indicator-size)}.van-swipe__indicator{width:var(--van-swipe-indicator-size);height:var(--van-swipe-indicator-size);background-color:var(--van-swipe-indicator-inactive-background);opacity:var(--van-swipe-indicator-inactive-opacity);transition:opacity var(--van-duration-fast),background-color var(--van-duration-fast);border-radius:100%}.van-swipe__indicator:not(:last-child){margin-right:var(--van-swipe-indicator-size)}.van-swipe__indicator--active{background-color:var(--van-swipe-indicator-active-background);opacity:var(--van-swipe-indicator-active-opacity)}:root,:host{--van-tab-text-color:var(--van-gray-7);--van-tab-active-text-color:var(--van-text-color);--van-tab-disabled-text-color:var(--van-text-color-3);--van-tab-font-size:var(--van-font-size-md);--van-tab-line-height:var(--van-line-height-md);--van-tabs-default-color:var(--van-primary-color);--van-tabs-line-height:44px;--van-tabs-card-height:30px;--van-tabs-nav-background:var(--van-background-2);--van-tabs-bottom-bar-width:40px;--van-tabs-bottom-bar-height:3px;--van-tabs-bottom-bar-color:var(--van-primary-color)}.van-tab{box-sizing:border-box;padding:0 var(--van-padding-base);color:var(--van-tab-text-color);font-size:var(--van-tab-font-size);line-height:var(--van-tab-line-height);cursor:pointer;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.van-tab--active{color:var(--van-tab-active-text-color);font-weight:var(--van-font-bold)}.van-tab--disabled{color:var(--van-tab-disabled-text-color);cursor:not-allowed}.van-tab--grow{padding:0 var(--van-padding-sm);flex:1 0 auto}.van-tab--shrink{padding:0 var(--van-padding-xs);flex:none}.van-tab--card{color:var(--van-tabs-default-color);border-right:var(--van-border-width)solid var(--van-tabs-default-color)}.van-tab--card:last-child{border-right:none}.van-tab--card.van-tab--active{color:var(--van-white);background-color:var(--van-tabs-default-color)}.van-tab--card.van-tab--disabled{color:var(--van-tab-disabled-text-color)}.van-tab__text--ellipsis{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.van-tabs{position:relative}.van-tabs__wrap{overflow:hidden}.van-tabs__wrap--page-top{position:fixed}.van-tabs__wrap--content-bottom{top:auto;bottom:0}.van-tabs__nav{background:var(--van-tabs-nav-background);-webkit-user-select:none;user-select:none;display:flex;position:relative}.van-tabs__nav--complete{-webkit-overflow-scrolling:touch;overflow:auto hidden}.van-tabs__nav--complete::-webkit-scrollbar{display:none}.van-tabs__nav--line{box-sizing:content-box;height:100%;padding-bottom:15px}.van-tabs__nav--line.van-tabs__nav--shrink,.van-tabs__nav--line.van-tabs__nav--complete{padding-right:var(--van-padding-xs);padding-left:var(--van-padding-xs)}.van-tabs__nav--card{box-sizing:border-box;height:var(--van-tabs-card-height);margin:0 var(--van-padding-md);border:var(--van-border-width)solid var(--van-tabs-default-color);border-radius:var(--van-radius-sm)}.van-tabs__nav--card.van-tabs__nav--shrink{display:inline-flex}.van-tabs__line{z-index:1;width:var(--van-tabs-bottom-bar-width);height:var(--van-tabs-bottom-bar-height);background:var(--van-tabs-bottom-bar-color);border-radius:var(--van-tabs-bottom-bar-height);position:absolute;bottom:15px;left:0}.van-tabs__track{will-change:left;width:100%;height:100%;display:flex;position:relative}.van-tabs__content--animated{overflow:hidden}.van-tabs--line .van-tabs__wrap{height:var(--van-tabs-line-height)}.van-tabs--card>.van-tabs__wrap{height:var(--van-tabs-card-height)}.van-swipe-item{flex-shrink:0;width:100%;height:100%;position:relative}.van-tab__panel,.van-tab__panel-wrapper{box-sizing:border-box;flex-shrink:0;width:100%}.van-tab__panel-wrapper--inactive{height:0;overflow:visible}
|