白色主题

miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.json

@@ -2,6 +2,6 @@
   "component": true,
   "usingComponents": {
     "t-picker": "../picker/picker",
-    "t-picker-item": "../picker/picker-item"
+    "t-picker-item": "../picker-item/picker-item"
   }
 }

miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxml

@@ -1,5 +1,7 @@
+<wxs src="../common/utils.wxs" module="_" />
+
 <t-picker
-  custom-style="{{ customStyle }}"
+  style="{{ style }}"
   class="{{classPrefix}}"
   visible="{{visible}}"
   value="{{columnsValue}}"
@@ -14,6 +16,12 @@
 >
   <slot slot="header" name="header" />
 
-  <t-picker-item wx:for="{{columns}}" wx:key="index" class="{{classPrefix}}__item" options="{{item}}" index="index" />
+  <t-picker-item
+    wx:for="{{columns}}"
+    wx:key="index"
+    class="{{_.cls(classPrefix + '__item', [['roomly', columns.length > 5 && index == 0]])}}"
+    options="{{item}}"
+    index="index"
+  />
   <slot slot="footer" name="footer" />
 </t-picker>

miniprogram_npm/tdesign-miniprogram/date-time-picker/date-time-picker.wxss

@@ -0,0 +1,31 @@
+.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);
+}
+.t-date-time-picker__item--roomly {
+  width: var(--td-data-time-picker-year-width, 128rpx);
+  flex: 0 0 var(--td-data-time-picker-year-width, 128rpx);
+}

miniprogram_npm/tdesign-miniprogram/date-time-picker/props.js

@@ -7,7 +7,7 @@ const props = {
         type: String,
         value: '',
     },
-    customStyle: {
+    style: {
         type: String,
         value: '',
     },

miniprogram_npm/tdesign-miniprogram/date-time-picker/type.d.ts

@@ -7,7 +7,7 @@ export interface TdDateTimePickerProps {
         type: StringConstructor;
         value?: string;
     };
-    customStyle?: {
+    style?: {
         type: StringConstructor;
         value?: string;
     };