.wux-cascader { width: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; font-size: 28rpx; line-height: 1.5; color: rgba(0,0,0,.85) } .wux-cascader__hd { position: relative; flex: none; width: 100% } .wux-cascader__hd::after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1PX; border-bottom: 1PX solid #d9d9d9; color: #d9d9d9; transform-origin: 0 100%; transform: scaleY(.5) } .wux-cascader__bd { position: relative; flex: auto; width: 100%; height: 100% } .wux-cascader__toolbar { position: relative; width: 100%; font-size: 34rpx; line-height: 1.5; color: rgba(0,0,0,.85); background-color: #f7f7f8 } .wux-cascader__toolbar::before { content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1PX; border-top: 1PX solid #d9d9d9; color: #d9d9d9; transform-origin: 0 0; transform: scaleY(.5) } .wux-cascader__inner { height: 88rpx; display: flex; text-align: center } .wux-cascader__title { position: absolute; display: block; width: 100%; padding: 0; font-size: 34rpx; font-weight: 400; line-height: 88rpx; color: rgba(0,0,0,.85); text-align: center; white-space: nowrap } .wux-cascader__button { position: absolute; box-sizing: border-box; height: 88rpx; line-height: 88rpx; padding: 0 30rpx; z-index: 10 } .wux-cascader__button--cancel { left: 0; color: #b2b2b2 } .wux-cascader__button--confirm { right: 0; color: #33cd5f } .wux-cascader__button--hover { background-color: #ececec } .wux-cascader__button--disabled { opacity: .3 }