| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- .datetime-picker-wrap {
- width: 100%;
- .selector-wrap {
- display: flex;
- align-items: center;
- background: #FFFFFF;
- color: #9BA0AA;
- padding: 0;
- .select-item {
- flex: 1;
- font-size: 30px;
- padding: 12px 0;
- //text-align: center;
- }
- }
- .wrapper {
- .model-box-bg {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 10000;
- width: 100%;
- height: 100%;
- background: #000;
- opacity: 0.3;
- }
- .model-box {
- position: absolute;
- bottom: 0;
- left: 0;
- z-index: 999999;
- width: 100%;
- background: #fff;
- }
- .model-picker {
- position: relative;
- .button-model {
- height: 80px;
- width: 100%;
- background: #fff;
- position: relative;
- border-bottom: 1px solid #d9d9d9;
- .btn-txt {
- color: #007aff;
- position: absolute;
- background: transparent;
- border: none;
- line-height: 80px;
- &:first-child {
- left: 32px;
- }
- &:last-child {
- right: 32px;
- }
- }
- }
- .pick-view {
- width: 100%;
- height: 600px;
- .picker-view-column {
- text-align: center;
- .pick-view-column-item {
- line-height: 50PX;
- }
- }
- }
- }
- }
- }
|