vantui-edit/lib/cascader/index.css

一套适用于Taro3及React的vantui组件库

.van-popup{position:fixed;box-sizing:border-box;max-height:100%;overflow-y:auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-animation:ease-out both;animation:ease-out both;z-index:1010;-webkit-overflow-scrolling:touch;background-color:#fff;background-color:var(--popup-background-color,#fff)}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:32px;border-radius:var(--popup-round-border-radius,32px)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 32px 32px;border-radius:0 0 var(--popup-round-border-radius,32px) var(--popup-round-border-radius,32px)}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:32px 0 0 32px;border-radius:var(--popup-round-border-radius,32px) 0 0 var(--popup-round-border-radius,32px)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:32px 32px 0 0;border-radius:var(--popup-round-border-radius,32px) var(--popup-round-border-radius,32px) 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 32px 32px 0;border-radius:0 var(--popup-round-border-radius,32px) var(--popup-round-border-radius,32px) 0}.van-popup--bottom.van-popup--safe{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-popup--safeTop{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-popup__close-icon{position:absolute;z-index:1010;z-index:var(--popup-close-icon-z-index,1010);color:#969799;color:var(--popup-close-icon-color,#969799);font-size:36px;font-size:var(--popup-close-icon-size, 36px)}.van-popup__close-icon--top-left{top:16px;top:var(--popup-close-icon-margin,16px);left:16px;left:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--top-right{top:16px;top:var(--popup-close-icon-margin,16px);right:16px;right:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--bottom-left{bottom:16px;bottom:var(--popup-close-icon-margin,16px);left:16px;left:var(--popup-close-icon-margin,16px)}.van-popup__close-icon--bottom-right{right:16px;right:var(--popup-close-icon-margin,16px);bottom:16px;bottom:var(--popup-close-icon-margin,16px)}.van-popup__close-icon:active{opacity:.6}.van-scale-enter-active,.van-scale-leave-active{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-scale-enter,.van-scale-leave-to{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-fade-enter-active,.van-fade-leave-active{-webkit-transition-property:opacity;transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-center-enter-active,.van-center-leave-active{-webkit-transition-property:opacity transform;transition-property:opacity transform}.van-center-enter,.van-center-leave-to{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.van-bottom-enter-active,.van-bottom-leave-active,.van-left-enter-active,.van-left-leave-active,.van-right-enter-active,.van-right-leave-active,.van-top-enter-active,.van-top-leave-active{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.van-bottom-enter,.van-bottom-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-top-enter,.van-top-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-left-enter,.van-left-leave-to{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-right-enter,.van-right-leave-to{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}.van-cascader-tab-box{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:28px}.van-cascader-tab-box .van-tabs__titles-item.active{position:relative}.van-cascader-tab-box .van-tabs__titles-item.active::after{content:'';display:block;height:6px;width:70%;border-radius:4px;position:absolute;bottom:-8px;background-color:#20c064}.van-cascadar-popup{height:800px;overflow:hidden}.van-cascadar-popup .van-tabs__scroll{display:none}.van-cascader{width:100%;font-size:28px;line-height:44px}.van-cascader__title{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:48px 40px 34px;text-align:center;font-weight:700;line-height:40px;color:#1a1a1a;font-size:36px}.van-cascader .van-tabs__titles{padding:0 20px;background:#fff}.van-cascader .van-tabs__titles-item{-webkit-box-flex:initial;-webkit-flex:initial;flex:initial;min-width:auto;width:auto;padding:0 20px;white-space:nowrap}.van-cascader .van-tab{padding:0}.van-cascader-tab{display:block;padding:0;margin:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-cascader-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:20px 40px;margin:0;cursor:pointer;font-size:28px;color:#1a1a1a}.van-cascader-item.disabled{opacity:.6;cursor:not-allowed}.van-cascader-item.active:not(.disabled){color:#20c064}.van-cascader-item.active .van-cascader-item__icon-check{visibility:visible;color:#20c064}.van-cascader-item__title{-webkit-box-flex:1;-webkit-flex:1;flex:1}.van-cascader .van-icon-checklist{margin-left:20px;visibility:hidden}.van-cascader-tab{overflow:auto;-webkit-overflow-scrolling:touch;height:588px}