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

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

.nut-price{font-size:0;display:inline;color:var(--nut-primary-color, #fa2c19)}.nut-price--strike [class*=nut-price]{text-decoration:line-through}.nut-price--symbol{display:inline-block;font-size:var(--nut-font-size-3, 16px)}.nut-price--large{display:inline-block;font-size:var(--nut-price-big-size, 24px)}.nut-price--point{display:inline-block;font-size:var(--nut-price-big-size, 24px)}.nut-price--decimal-large{display:inline-block;font-size:var(--nut-price-decimal-big-size, 18px)}.nut-price--symbol-large{display:inline-block;font-size:var(--nut-price-symbol-big-size, 18px)}.nut-price--normal{display:inline-block;font-size:var(--nut-price-medium-size, 16px)}.nut-price--decimal-normal{display:inline-block;font-size:var(--nut-price-decimal-medium-size, 14px)}.nut-price--symbol-normal{display:inline-block;font-size:var(--nut-price-symbol-medium-size, 14px)}.nut-price--small{display:inline-block;font-size:var(--nut-price-small-size, 12px)}.nut-price--decimal-small{display:inline-block;font-size:var(--nut-price-decimal-small-size, 10px)}.nut-price--symbol-small{display:inline-block;font-size:var(--nut-price-symbol-small-size, 10px)}.nut-theme-dark .nut-input-number__icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-input-number__icon--disabled{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-input-number input,.nut-theme-dark .nut-input-number__text--readonly{background-color:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff));border:1px solid var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-input-number--disabled input{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-input-number{display:var(--nut-inputnumber-display, inline-flex);align-items:center;border:var(--nut-inputnumber-border, 0);border-radius:var(--nut-inputnumber-border-radius, 0);height:var(--nut-inputnumber-height, auto);line-height:var(--nut-inputnumber-line-height, normal);box-sizing:var(--nut-inputnumber-border-box, content-box)}.nut-input-number--disabled input{color:var(--nut-inputnumber-icon-void-color, var(--nut-disable-color, #cccccc))}.nut-input-number__icon{display:flex;align-items:center;color:var(--nut-inputnumber-icon-color, var(--nut-title-color, #1a1a1a));cursor:pointer}.nut-input-number__icon .nut-icon{width:var(--nut-inputnumber-icon-size, 20px);height:var(--nut-inputnumber-icon-size, 20px);font-size:var(--nut-inputnumber-icon-size, 20px)}.nut-input-number__icon--disabled{color:var(--nut-inputnumber-icon-void-color, var(--nut-disable-color, #cccccc));cursor:not-allowed}.nut-input-number input{border-top:0 !important;border-bottom:0 !important}.nut-input-number input,.nut-input-number__text--readonly,.nut-input-number__text--input{width:var(--nut-inputnumber-input-width, 40px);height:100%;text-align:center;display:flex;justify-content:center;align-items:center;outline:none;border:var(--nut-inputnumber-input-border, 0);font-size:var(--nut-inputnumber-input-font-size, 12px);color:var(--nut-inputnumber-input-font-color, var(--nut-title-color, #1a1a1a));margin:var(--nut-inputnumber-input-margin, 0 6px);background-color:var(--nut-inputnumber-input-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-inputnumber-input-border-radius, 4px)}.nut-input-number input::-webkit-outer-spin-button,.nut-input-number input::-webkit-inner-spin-button{appearance:none}.overlay-fade-enter-active,.overlay-fade-leave-active{transition-property:opacity;transition-timing-function:ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7))}.nut-overflow-hidden{overflow:hidden !important}.nut-theme-dark .nut-popup{background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-popup__close-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-popup-slide-center-enter-active,.nut-popup-slide-center-leave-active{transition-property:opacity;transition-timing-function:ease}.nut-popup-slide-center-enter-from,.nut-popup-slide-center-leave-to{opacity:0}.nut-popup-slide-top-enter-from,.nut-popup-slide-top-leave-active{transform:translate(0, -100%)}.nut-popup-slide-right-enter-from,.nut-popup-slide-right-leave-active{transform:translate(100%, 0)}.nut-popup-slide-bottom-enter-from,.nut-popup-slide-bottom-leave-active{transform:translate(0, 100%)}.nut-popup-slide-left-enter-from,.nut-popup-slide-left-leave-active{transform:translate(-100%, 0)}.nut-popup--center{top:50%;left:50%;transform:translate(-50%, -50%)}.nut-popup--center.round{border-radius:var(--nut-popup-border-radius, 20px)}.nut-popup--bottom{bottom:0;left:0;width:100%}.nut-popup--bottom.round{border-radius:var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0 0}.nut-popup--bottom--safebottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.nut-popup--right{top:0;right:0}.nut-popup--right.round{border-radius:var(--nut-popup-border-radius, 20px) 0 0 var(--nut-popup-border-radius, 20px)}.nut-popup--left{top:0;left:0}.nut-popup--left.round{border-radius:0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px) 0}.nut-popup--top{top:0;left:0;width:100%}.nut-popup--top.round{border-radius:0 0 var(--nut-popup-border-radius, 20px) var(--nut-popup-border-radius, 20px)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nut-white, #fff);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute !important;z-index:1;color:#969799;font-size:18px;cursor:pointer;width:30px;height:30px;line-height:30px;text-align:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nut-popup-close-icon-margin, 16px);right:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nut-popup-close-icon-margin, 16px);left:var(--nut-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nut-popup-close-icon-margin, 16px);bottom:var(--nut-popup-close-icon-margin, 16px)}.nut-theme-dark .nut-sku{background:var(--nut-dark-background, #131313)}.nut-theme-dark .nut-sku-select-item-title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-sku-select-item-skus-sku{color:var(--nut-dark-color, var(--nut-white, #fff));background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-sku-stepper-title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-sku-stepper-limit{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-sku-stepper-count-lowestBuy{color:var(--nut-primary-color, #fa2c19)}.nut-theme-dark .nut-sku-operate-btn{background:var(--nut-dark-background2, #1b1b1b)}.nut-sku{height:100%;display:flex;flex-direction:column;padding:0px;background:var(--nut-white, #fff)}.nut-sku-header{height:100px;display:flex;flex-shrink:0;margin-top:18px;padding:0 18px}.nut-sku-header .nut-sku-header-img{width:var(--nut-sku-product-img-width, 100px);height:var(--nut-sku-product-img-height, var(--nut-sku-product-img-width, 100px));flex-shrink:0;margin-right:12px;border-radius:var(--nut-sku-product-img-border-radius, 0)}.nut-sku-header-right{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.nut-sku-header-right-extra{font-size:12px;color:var(--nut-text-color, #808080)}.nut-sku-content{flex:1;overflow-y:auto;overflow-x:hidden;margin-top:24px;padding:0 18px}.nut-sku-content::-webkit-scrollbar{display:none}.nut-sku-select-item{display:flex;flex-direction:column}.nut-sku-select-item-title{height:13px;font-weight:var(--nut-sku-spec-title-font-weight, bold);font-size:var(--nut-sku-spec-title-font-size, 13px);color:var(--nut-sku-spec-title-color, var(--nut-black, #000));margin-bottom:var(--nut-sku-spec-title-margin-bottom, 18px)}.nut-sku-select-item-skus{display:flex;flex-wrap:wrap}.nut-sku-select-item-skus-sku{margin-right:var(--nut-sku-spec-margin-right, 12px);height:var(--nut-sku-spec-height, 30px);line-height:var(--nut-sku-spec-line-height, var(--nut-sku-spec-height, 30px));padding:var(--nut-sku-spec-padding, 0 18px);border-radius:15px;font-size:var(--nut-sku-spec-font-size, 11px);color:var(--nut-sku-spec-color, var(--nut-black, #000));flex-shrink:0;margin-bottom:12px;background:var(--nut-sku-spec-background, rgb(242, 242, 242));border:1px solid #f2f2f2}.nut-sku-select-item-skus-sku.active{background:rgba(0,0,0,0);border:var(--nut-sku-item-border, 1px solid var(--nut-primary-color, #fa2c19));color:var(--nut-primary-color, #fa2c19);position:relative}.nut-sku-select-item-skus-sku.active::after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:15px;background-color:var(--nut-sku-item-active-bg, var(--nut-primary-color, #fa2c19));opacity:.15;content:""}.nut-sku-select-item-skus-sku.disable{color:var(--nut-text-color, #808080);text-decoration:var(--nut-sku-item-disable-line, line-through)}.nut-sku-stepper{display:flex;justify-content:space-between;margin:10px 0 30px}.nut-sku-stepper-title{font-weight:bold;font-size:13px;color:var(--nut-black, #000);margin-right:12px}.nut-sku-stepper-limit{flex:1;display:flex;align-items:center;font-size:12px;color:var(--nut-text-color, #808080)}.nut-sku-stepper-count{display:flex;align-items:center}.nut-sku-stepper-count-lowestBuy{font-size:12px;color:var(--nut-primary-color, #fa2c19)}.nut-sku-operate{width:100%}.nut-sku-operate-desc{display:block;width:100%;padding:10px 0;text-align:center;background:#fbf9da;color:#de6a1c;font-size:12px}.nut-sku-operate-btn{height:var(--nut-sku-operate-btn-height, 54px);width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--nut-white, #fff);text-align:center;padding:0 18px;box-sizing:border-box;border-top:var(--nut-sku-operate-btn-border-top, 0)}.nut-sku-operate-btn-item{width:100%;height:var(--nut-sku-operate-btn-item-height, 40px);line-height:var(--nut-sku-operate-btn-item-line-height, var(--nut-sku-operate-btn-item-height, 40px));margin-right:18px;background:var(--nut-sku-opetate-bg-default, linear-gradient(90deg, var(--nut-primary-color, #fa2c19), var(--nut-primary-color-end, #fa6419) 100%));border-radius:21px;font-size:var(--nut-sku-operate-btn-item-font-size, 15px);font-weight:var(--nut-sku-operate-btn-item-font-weight, normal);color:var(--nut-white, #fff)}.nut-sku-operate-btn-item:last-child{margin-right:0}.nut-sku-operate-btn-buy{background:var(--nut-sku-opetate-bg-buy, linear-gradient(135deg, rgb(255, 186, 13) 0%, rgb(255, 195, 13) 69%, rgb(255, 207, 13) 100%))}