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

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

.nut-theme-dark .nut-picker__title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-item-tile{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-roller-mask{background-image:linear-gradient(180deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4)),linear-gradient(0deg, rgba(27, 27, 27, 0.9), rgba(27, 27, 27, 0.4));background-repeat:no-repeat;background-position:top,bottom;z-index:1}.nut-theme-dark .nut-picker-content{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-picker-item{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-picker{position:relative;background:#fff;border-radius:5px}.nut-picker__bar{display:flex;height:46px;align-items:center;justify-content:space-between}.nut-picker__left{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-cancel-color, #808080);font-size:var(--nut-picker-bar-cancel-font-size, 14px)}.nut-picker__right{cursor:pointer;padding:var(--nut-picker-bar-button-padding, 0 15px);display:flex;align-items:center;justify-content:center;min-width:50px;height:100%;color:var(--nut-picker-ok-color, var(--nut-primary-color, #fa2c19));font-size:var(--nut-picker-bar-ok-font-size, 14px)}.nut-picker__column{display:flex;position:relative}.nut-picker__column::before{content:"";position:absolute;top:50%;height:var(--lineHeight);width:100%;border:var(--nut-picker-item-active-line-border, 1px solid #eae7e7);border-left:0;border-right:0;transform:scale(0.9);transform:translateY(-50%)}.nut-picker__columnitem{width:0;flex-grow:1;height:100%;user-select:none;cursor:grab}.nut-picker__title{flex:1;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nut-picker-bar-title-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-bar-title-font-size, 16px);font-weight:var(--nut-picker-bar-title-font-weight, normal)}.nut-picker__wrapper{display:block}.nut-picker__list{position:relative;display:block;width:100%;height:100%;overflow:hidden;text-align:center;-webkit-overflow-scrolling:touch}.nut-picker-roller{display:block;position:absolute;top:50%;width:100%;height:var(--lineHeight);z-index:1;transform-style:preserve-3d;transform:translateY(-50%)}.nut-picker-roller-item{display:block;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%;height:var(--nut-picker-item-height, 36px);line-height:var(--nut-picker-item-height, 36px);color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-roller-item-tile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-item-tarotile{display:block;text-align:center;width:100%;color:var(--nut-picker-item-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-picker-item-text-font-size, 14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-picker-roller-mask{position:absolute;width:100%;display:block;height:100%;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)),linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));background-repeat:no-repeat;background-position:top,bottom;transform:translateZ(0);z-index:1}