@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序
2 lines (1 loc) • 1.43 kB
CSS
.nut-cascader{width:100%;font-size:var(--nutui-cascader-font-size, 15px)}.nut-cascader .nut-tabs-titles{padding:0 10px;background:#fff}.nut-cascader .nut-tabs-titles-item{flex:initial;min-width:auto;width:auto;padding:0 10px;white-space:nowrap}.nut-cascader .nut-tabpane{padding:0;background:#fff}.nut-cascader-pane{display:block;width:100%;padding-top:var(--nutui-cascader-pane-paddingTop, 10px);height:var(--nutui-cascader-pane-height, 342px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nut-cascader-item{display:flex;align-items:center;justify-content:center;padding:10px 16px;margin:var(--nutui-cascader-item-margin, 0px);border-bottom:var(--nutui-cascader-item-border-bottom, 0px solid rgba(0, 0, 0, .1));font-size:var(--nutui-cascader-item-font-size, 15px);color:var(--nutui-cascader-item-color, rgba(0, 0, 0, .95));cursor:pointer}.nut-cascader-item.disabled{opacity:.6;cursor:not-allowed}.nut-cascader-item.active:not(.disabled){color:var(--nutui-cascader-item-active-color, var(--nutui-color-primary, #006DFC))}.nut-cascader-item.active .nut-cascader-item-icon-check{visibility:visible;color:inherit}.nut-cascader-item-title{flex:1}.nut-cascader .nut-icon-checklist{margin-left:var(--nutui-cascader-icon-checklist-marginLeft, 10px);visibility:hidden}[dir=rtl] .nut-cascader .nut-icon-checklist,.nut-rtl .nut-cascader .nut-icon-checklist{margin-left:0;margin-right:var(--nutui-cascader-icon-checklist-marginLeft, 10px)}