123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- .uni-calendar {
- /* background-color: #F5F9FF; */
- background-color: #0074FF !important;
- }
- .main {
- /* background: #F3F8FF; */
- padding: 40rpx 0;
- padding-bottom: env(safe-area-inset-bottom);
- }
- .cur-date {
- font-family: DIN, DIN;
- font-weight: 600;
- font-size: 40rpx;
- color: #2A3A5A;
- line-height: 40rpx;
- text-align: left;
- font-style: normal;
- padding-left: 32rpx;
- }
- .close-icon {
- width: 48rpx;
- height: 48rpx;
- position: absolute;
- right: 32rpx;
- top: 36rpx;
- }
- .calendar-wrap {
- margin-top: 40rpx;
- background: #F3F8FF;
- /* padding-bottom: 14rpx; */
- padding: 0 24rpx 14rpx;
- }
- .calendar-wrap .director {
- text-align: center;
- width: 40rpx;
- height: 20rpx;
- background: rgba(0,0,0,0.3);
- border-radius: 12rpx;
- margin: 0 auto;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .calendar-wrap .director .dot_1 {
- width: 16rpx;
- height: 12rpx;
- background: #FFFFFF;
- border-radius: 6rpx;
- margin-right: 4rpx;
- }
- .calendar-wrap .director .dot_2 {
- width: 12rpx;
- height: 12rpx;
- background: #FFFFFF;
- }
- .calendar-wrap .opc {
- opacity: 0.4;
- }
- .time-wrap {
- padding: 32rpx 50rpx;
- }
- .time-wrap .picker-text {
- font-family: PingFangSC, PingFang SC;
- font-weight: 500;
- font-size: 32rpx;
- color: #2A3A5A;
- line-height: 40rpx;
- text-align: center;
- font-style: normal;
- }
- .time-wrap .item-picker {
- font-family: DIN, DIN;
- font-weight: bold;
- font-size: 40rpx;
- color: #2A3A5A;
- line-height: 58rpx;
- text-align: center;
- font-style: normal;
- background: #F3F8FF;
- border-radius: 0rpx 16rpx 16rpx 0rpx;
- }
- .time-wrap .item-picker .unit {
- font-size: 28rpx;
- margin-left: 6rpx;
- }
- .bottom-row {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 0 32rpx;
- }
- .bottom-row .text {
- font-family: DIN, DIN;
- font-weight: 500;
- font-size: 36rpx;
- color: #2A3A5A;
- line-height: 32rpx;
- text-align: left;
- font-style: normal;
- }
- .custom-button{
- background-color: transparent; /* 取消背景颜色 */
- border: none; /* 取消边框 */
- color: inherit; /* 文字颜色继承 */
- padding: 0; /* 取消内边距 */
- font-size: inherit; /* 字体大小继承 */
- cursor: pointer; /* 鼠标指针设置为指针形状 */
- color: #FFFFFF;
- font-size: 32rpx;
- text-align: center;
- background-color: #060809;
- border-radius: 40rpx;
- height: 80rpx;
- line-height: 80rpx;
- padding-left: 78rpx;
- padding-right: 78rpx;
- margin: 0;
- width: 336rpx;
- }
|