Эх сурвалжийг харах

style: 解决delivery date组件样式bug

Jack Zhou 3 сар өмнө
parent
commit
a6d72acc2a

+ 40 - 3
src/views/DestinationDelivery/src/components/DeliveryDate.vue

@@ -343,6 +343,16 @@ div.delivery-date-range-picker {
     display: none !important;
   }
 
+  &.ant-picker-dropdown
+    .ant-picker-cell-in-view.ant-picker-cell-range-start:not(
+      .ant-picker-cell-range-start-single
+    ):before,
+  &.ant-picker-dropdown
+    .ant-picker-cell-in-view.ant-picker-cell-range-end:not(
+      .ant-picker-cell-range-end-single
+    ):before {
+    background-color: var(--color-theme) !important;
+  }
   &:where(.css-dev-only-do-not-override-1p3hq3p).ant-picker-dropdown
     .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
     background-color: transparent !important;
@@ -358,6 +368,36 @@ div.delivery-date-range-picker {
     ) {
     background-color: transparent !important;
   }
+  &.ant-picker-dropdown
+    .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-selected.ant-picker-cell-range-end:not(
+      .ant-picker-cell-range-end-single
+    ):before {
+    background-color: var(--color-theme) !important;
+  }
+  &.ant-picker-dropdown
+    .ant-picker-cell-in-view.ant-picker-cellrange-end:not(
+      .ant-picker-cell-range-end-single
+    ).ant-picker-cell-range-end.ant-picker-cell-range-hover-end:before {
+    background-color: var(--color-theme) !important;
+  }
+  &.ant-picker-dropdown
+    .ant-picker-cell-in-view.ant-picker-cellrange-start:not(
+      .ant-picker-cell-range-start-single
+    ).ant-picker-cell-range-start.ant-picker-cell-range-hover-start:before {
+    background-color: var(--color-theme) !important;
+  }
+  &.ant-picker-dropdown
+    .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-start:not(
+      .ant-picker-cell-range-start-single
+    ):before {
+    background-color: var(--color-theme) !important;
+  }
+  &:where(.css-1p3hq3p).ant-picker-dropdown .ant-picker-cell-disabled {
+    background-color: rgba(0, 0, 0, 0.04) !important;
+    &::before {
+      background-color: transparent !important;
+    }
+  }
   .date-cell {
     position: relative;
     height: 100%;
@@ -479,6 +519,3 @@ div.delivery-date-range-picker {
   }
 }
 </style>
-ant-picker-cell ant-picker-cell-in-view ant-picker-cell-range-end ant-picker-cell-range-end-single
-ant-picker-cell-selected
-<style lang="scss"></style>