nutui-taro-upgrade/dist/packages/elevator/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.nut-theme-dark .nut-elevator{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-elevator__list__item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-elevator__list__item__code{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-elevator__list__fixed{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-elevator{width:100%;display:block;position:relative}.nut-elevator__list{display:block;position:relative;overflow:auto}.nut-elevator__list::-webkit-scrollbar{display:none;width:0}.nut-elevator__list__item{display:block;font-size:var(--nut-elevator-list-item-font-size, 12px);color:var(--nut-elevator-list-item-font-color, #333333)}.nut-elevator__list__item__code{display:flex;position:relative;height:var(--nut-elevator-list-item-code-height, 35px);line-height:var(--nut-elevator-list-item-code-line-height, 35px);font-size:var(--nut-elevator-list-item-code-font-size, 14px);color:var(--nut-elevator-list-item-code-font-color, #1a1a1a);padding:var(--nut-elevator-list-item-code-padding, 0 20px);font-weight:var(--nut-elevator-list-item-code-font-weight, 500);box-sizing:border-box}.nut-elevator__list__item__code::after{content:" ";width:var(--nut-elevator-list-item-code-after-width, 100%);height:var(--nut-elevator-list-item-code-after-height, 1px);position:absolute;left:0;bottom:0;background-color:var(--nut-elevator-list-item-code-after-bg-color, #f5f5f5)}.nut-elevator__list__item__name{display:flex;align-items:center;padding:var(--nut-elevator-list-item-name-padding, 0 20px);height:var(--nut-elevator-list-item-name-height, 30px);line-height:var(--nut-elevator-list-item-name-line-height, 30px)}.nut-elevator__list__item__name--highcolor{color:var(--nut-elevator-list-item-highcolor, var(--nut-primary-color, #fa2c19))}.nut-elevator__list__fixed{width:100%;position:absolute;top:0;left:0;padding:var(--nut-elevator-list-item-code-padding, 0 20px);height:var(--nut-elevator-list-item-code-height, 35px);line-height:var(--nut-elevator-list-item-code-line-height, 35px);font-size:var(--nut-elevator-list-item-code-font-size, 14px);color:var(--nut-elevator-list-fixed-color, var(--nut-primary-color, #fa2c19));font-weight:var(--nut-elevator-list-item-code-font-weight, 500);background-color:var(--nut-elevator-list-fixed-bg-color, var(--nut-white, #fff));box-sizing:border-box;box-shadow:var(--nut-elevator-list-fixed-box-shadow, 0 0 10px #eee);z-index:1}.nut-elevator__code--current{position:var(--nut-elevator-list-item-code-current-position, absolute);right:var(--nut-elevator-list-item-code-current-right, 60px);top:var(--nut-elevator-list-item-code-current-top, 50%);transform:var(--nut-elevator-list-item-code-current-transform, translateY(-50%));width:var(--nut-elevator-list-item-code-current-width, 45px);height:var(--nut-elevator-list-item-code-current-height, 45px);line-height:var(--nut-elevator-list-item-code-current-line-height, 45px);border-radius:var(--nut-elevator-list-item-code-current-border-radius, 50%);background:var(--nut-elevator-list-item-code-current-bg-color, #fff);box-shadow:var(--nut-elevator-list-item-code-current-box-shadow, 0 3px 3px 1px rgb(240, 240, 240));text-align:var(--nut-elevator-list-item-code-current-text-align, center)}.nut-elevator__bars{position:var(--nut-elevator-list-item-bars-position, absolute);right:var(--nut-elevator-list-item-bars-right, 8px);top:var(--nut-elevator-list-item-bars-top, 50%);transform:var(--nut-elevator-list-item-bars-transform, translateY(-50%));padding:var(--nut-elevator-list-item-bars-padding, 15px 0);background-color:var(--nut-elevator-list-item-bars-background-color, #eeeff2);border-radius:var(--nut-elevator-list-item-bars-border-radius, 6px);text-align:var(--nut-elevator-list-item-bars-text-align, center);z-index:var(--nut-elevator-list-item-bars-z-index, 1)}.nut-elevator__bars__inner__item{display:block;padding:var(--nut-elevator-list-item-bars-inner-item-padding, 3px);font-size:var(--nut-elevator-list-item-bars-inner-item-font-size, 10px)}.nut-elevator__bars__inner__item.active{color:var(--nut-elevator-list-item-bars-inner-item-active-color, var(--nut-primary-color, #fa2c19))}