소스 검색

feat: 调整日期样式

Jack Zhou 3 주 전
부모
커밋
4c7ab1edfc
2개의 변경된 파일17개의 추가작업 그리고 1개의 파일을 삭제
  1. 4 0
      src/styles/theme.scss
  2. 13 1
      src/views/DestinationDelivery/src/components/CreateNewBooking/src/CreateNewbooking.vue

+ 4 - 0
src/styles/theme.scss

@@ -393,6 +393,8 @@
 
   --color-calendar-disabled-date-text: #b5b9bf;
   --color-delivery-calendar-th-bg: #f6f8fa;
+
+  --color-delivery-date-picker-cell-bg: #b3e5d4;
 }
 
 :root.dark {
@@ -658,5 +660,7 @@
 
   --color-calendar-disabled-date-text: rgba(240, 241, 243, 0.3);
   --color-delivery-calendar-th-bg: #343a43;
+
+  --color-delivery-date-picker-cell-bg: #22584c;
 }
   

+ 13 - 1
src/views/DestinationDelivery/src/components/CreateNewBooking/src/CreateNewbooking.vue

@@ -263,7 +263,7 @@ const getCurrentStyle = (current: any) => {
   const dateString = current.format('YYYY.MM.DD')
   if (specialDates.value != undefined && specialDates.value.includes(dateString)) {
     return {
-      background: '#b3e5d4',
+      background: 'var(--color-delivery-date-picker-current-cell-bg)',
       borderRadius: '6px',
       color: `var(--color-neutral-1)`
     }
@@ -943,6 +943,7 @@ onMounted(() => {
             :format="userStore.dateFormat"
             valueFormat="YYYY.MM.DD"
             placeholder="Please Select Date"
+            class="delivery-date-picker"
           >
             <template #renderExtraFooter>
               <div class="recommended">
@@ -1786,3 +1787,14 @@ div.warning-header .font_family {
   color: #e9b227;
 }
 </style>
+<style lang="scss">
+.delivery-date-picker {
+  .ant-picker-cell-inner {
+    width: 24px !important;
+    margin: 0 auto !important;
+    &[style] {
+      background: var(--color-delivery-date-picker-current-cell-bg) !important;
+    }
+  }
+}
+</style>