1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- .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
- }
|