From 8e3f3890e93d097df4be744648b9ac404d20a558 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期四, 23 四月 2026 17:58:50 +0800
Subject: [PATCH] 2026.4.23

---
 miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss |  186 ++++++++++++++++++++++++++++++----------------
 1 files changed, 122 insertions(+), 64 deletions(-)

diff --git a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss
index e0d2271..093a30f 100644
--- a/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss
+++ b/miniprogram_npm/tdesign-miniprogram/calendar/calendar.wxss
@@ -1,60 +1,40 @@
-.t-float-left {
-  float: left;
-}
-.t-float-right {
-  float: right;
-}
-@keyframes tdesign-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-.hotspot-expanded.relative {
-  position: relative;
-}
-.hotspot-expanded::after {
-  content: '';
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  transform: scale(1.5);
-}
+@import '../common/style/index.wxss';
+
 .t-calendar {
+  width: inherit;
   position: relative;
   z-index: 9999;
-  background: var(--td-calendar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
+  background: var(--td-calendar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #fff)));
   overflow-x: hidden;
 }
+
 .t-calendar--popup {
   border-top-left-radius: var(--td-calendar-radius, 24rpx);
   border-top-right-radius: var(--td-calendar-radius, 24rpx);
 }
+
 .t-calendar__title {
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: var(--td-calendar-title-font-size, 18px);
-  font-weight: 600;
-  color: var(--td-calendar-title-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  height: 52rpx;
-  padding: 32rpx;
+  font: var(--td-calendar-title-font, var(--td-font-title-large, 600 36rpx / 52rpx var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular)));
+  color: var(--td-calendar-title-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, .9))));
+  padding: var(--td-spacer-2, 32rpx);
 }
+
 .t-calendar__title:focus {
   outline: 0;
 }
+
 .t-calendar__close-btn {
   position: absolute;
-  top: 32rpx;
-  right: 32rpx;
-  margin: -24rpx;
-  padding: 24rpx;
+  top: var(--td-spacer-2, 32rpx);
+  right: var(--td-spacer-2, 32rpx);
+  margin: calc(-1 * var(--td-spacer-1, 24rpx));
+  padding: var(--td-spacer-1, 24rpx);
+  color: var(--td-calendar-title-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, .9))));
 }
+
 .t-calendar__days {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
@@ -63,90 +43,103 @@
   text-align: center;
   line-height: 92rpx;
 }
+
 .t-calendar__days-item {
   height: 92rpx;
   font-size: 28rpx;
-  color: var(--td-calendar-days-color, var(--td-font-gray-2, rgba(0, 0, 0, 0.6)));
+  color: var(--td-calendar-days-color, var(--td-text-color-secondary, var(--td-font-gray-2, rgba(0, 0, 0, .6))));
 }
+
 .t-calendar__content {
   min-height: 400rpx;
   display: flex;
   flex-direction: column;
 }
+
 .t-calendar__month {
-  font-size: 28rpx;
-  color: var(--td-calendar-title-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
-  font-weight: 600;
+  font: var(--td-font-title-small, 600 28rpx / 44rpx var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular));
+  color: var(--td-calendar-title-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, .9))));
   padding: 32rpx 0 0;
 }
+
 .t-calendar__months {
-  height: 60vh;
+  height: 712rpx;
   padding: 0 32rpx 32rpx;
   box-sizing: border-box;
 }
+
 .t-calendar__months::-webkit-scrollbar {
   display: none;
 }
+
 .t-calendar__dates {
   flex: 1;
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   grid-column-gap: 8rpx;
 }
+
 .t-calendar__dates-item {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 32rpx;
-  border-radius: 16rpx;
+  font: var(--td-font-title-medium, 600 32rpx / 48rpx var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular));
+  border-radius: var(--td-calendar-selected-border-radius, var(--td-radius-default, 12rpx));
   height: 120rpx;
-  line-height: 48rpx;
-  font-weight: 600;
   margin-top: 16rpx;
+  color: var(--td-calendar-title-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, .9))));
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   -webkit-user-select: none;
   user-select: none;
 }
+
 .t-calendar__dates-item-prefix,
 .t-calendar__dates-item-suffix {
   position: absolute;
-  font-size: 20rpx;
-  line-height: 32rpx;
+  font: var(--td-font-body-extraSmall, 20rpx / 32rpx var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular));
   width: 100%;
   text-align: center;
-  font-weight: 400;
 }
+
 .t-calendar__dates-item-prefix {
   top: 8rpx;
 }
+
 .t-calendar__dates-item-suffix {
   bottom: 8rpx;
-  color: var(--td-calendar-item-suffix-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
+  color: var(--td-calendar-item-suffix-color, var(--td-text-color-placeholder, var(--td-font-gray-3, rgba(0, 0, 0, .4))));
 }
+
+.t-calendar__dates-item-suffix--end,
 .t-calendar__dates-item-suffix--selected,
-.t-calendar__dates-item-suffix--start,
-.t-calendar__dates-item-suffix--end {
-  color: var(--td-calendar-selected-color, var(--td-font-white-1, #ffffff));
+.t-calendar__dates-item-suffix--start {
+  color: var(--td-calendar-selected-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
 }
+
 .t-calendar__dates-item-suffix--disabled {
-  color: var(--td-calendar-item-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
+  color: var(--td-calendar-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, .26))));
 }
+
+.t-calendar__dates-item--end,
 .t-calendar__dates-item--selected,
 .t-calendar__dates-item--start,
-.t-calendar__dates-item--end {
+.t-calendar__dates-item--start-end {
   background: var(--td-calendar-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
-  color: var(--td-calendar-selected-color, var(--td-font-white-1, #ffffff));
-  border-radius: 8rpx;
+  color: var(--td-calendar-selected-color, var(--td-text-color-anti, var(--td-font-white-1, #fff)));
+  border-radius: var(--td-calendar-selected-border-radius, var(--td-radius-default, 12rpx));
 }
+
 .t-calendar__dates-item--start {
-  border-radius: 8rpx 0 0 8rpx;
+  border-radius: var(--td-calendar-selected-border-radius, var(--td-radius-default, 12rpx)) 0 0 var(--td-calendar-selected-border-radius, var(--td-radius-default, 12rpx));
 }
+
 .t-calendar__dates-item--end {
-  border-radius: 0 8rpx 8rpx 0;
+  border-radius: 0 var(--td-calendar-selected-border-radius, var(--td-radius-default, 12rpx)) var(--td-calendar-selected-border-radius, var(--td-radius-default, 12rpx)) 0;
 }
-.t-calendar__dates-item--start + .t-calendar__dates-item--end::before {
+
+.t-calendar__dates-item--start+.t-calendar__dates-item--end::before {
   content: '';
   display: block;
   position: absolute;
@@ -155,15 +148,18 @@
   height: 100%;
   background: var(--td-calendar-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
 }
-.t-calendar__dates-item--start + .t-calendar__dates-item--end:before {
+
+.t-calendar__dates-item--start+.t-calendar__dates-item--end:before {
   left: -8rpx;
 }
+
 .t-calendar__dates-item--centre {
   border-radius: 0;
   background-color: var(--td-calendar-item-centre-color, var(--td-brand-color-light, var(--td-primary-color-1, #f2f3ff)));
 }
-.t-calendar__dates-item--centre::before,
-.t-calendar__dates-item--centre::after {
+
+.t-calendar__dates-item--centre::after,
+.t-calendar__dates-item--centre::before {
   content: '';
   display: block;
   position: absolute;
@@ -172,16 +168,78 @@
   height: 100%;
   background-color: var(--td-calendar-item-centre-color, var(--td-brand-color-light, var(--td-primary-color-1, #f2f3ff)));
 }
+
 .t-calendar__dates-item--centre:before {
   left: -8rpx;
 }
+
 .t-calendar__dates-item--centre:after {
   right: -8rpx;
 }
+
 .t-calendar__dates-item--disabled {
-  color: var(--td-calendar-item-disabled-color, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
+  color: var(--td-calendar-item-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, .26))));
   cursor: default;
 }
+
 .t-calendar__footer {
   padding: 32rpx;
 }
+
+.t-calendar-switch-mode--none>.t-calendar__months {
+  height: 60vh;
+}
+
+.t-calendar-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.t-calendar-header__with-action {
+  padding: 0rpx 32rpx 16rpx 32rpx;
+  box-sizing: border-box;
+  position: relative;
+}
+
+.t-calendar-header__with-action::after {
+  content: '';
+  display: block;
+  position: absolute;
+  top: unset;
+  bottom: 0;
+  left: unset;
+  right: unset;
+  background-color: var(--td-border-color, var(--td-gray-color-3, #e7e7e7));
+}
+
+.t-calendar-header__with-action::after {
+  height: 1px;
+  left: 0;
+  right: 0;
+  transform: scaleY(.5);
+}
+
+.t-calendar-header__with-action .t-calendar-header__title {
+  flex: 1;
+  text-align: center;
+  font: var(--td-font-title-small, 600 28rpx / 44rpx var(--td-font-family, PingFang SC, Microsoft YaHei, Arial Regular));
+}
+
+.t-calendar-header__action {
+  display: flex;
+  font-size: 40rpx;
+  color: var(--td-calendar-switch-mode-icon-color, var(--td-text-color-secondary, var(--td-font-gray-2, rgba(0, 0, 0, .6))));
+}
+
+.t-calendar-header__icon {
+  padding: 16rpx;
+}
+
+.t-calendar-header__icon--disabled {
+  color: var(--td-calendar-switch-mode-icon-disabled-color, var(--td-text-color-disabled, var(--td-font-gray-4, rgba(0, 0, 0, .26))));
+}
+
+.t-calendar-header__title {
+  text-align: left;
+}
\ No newline at end of file

--
Gitblit v1.9.3