project init & fix ui

miniprogram_npm/tdesign-miniprogram/calendar/template.wxml

@@ -0,0 +1,67 @@
+<import src="../common/template/button.wxml" />
+
+<view class="{{_.cls(classPrefix, [['popup', usePopup]])}}" style="{{customStyle}}">
+  <view class="{{classPrefix}}__title" tabindex="0">
+    <slot wx:if="{{title === 'slot'}}" name="title" />
+    <text wx:else>{{ title || '请选择日期' }}</text>
+  </view>
+  <t-icon
+    wx:if="{{usePopup}}"
+    name="close"
+    class="{{classPrefix}}__close-btn"
+    size="24"
+    aria-role="button"
+    aria-label="关闭"
+    bind:tap="handleClose"
+  />
+  <view aria-hidden class="{{classPrefix}}__days">
+    <view wx:for="{{days}}" wx:key="index" class="{{classPrefix}}__days-item">{{ item }}</view>
+  </view>
+  <scroll-view
+    class="{{classPrefix}}__months"
+    scroll-into-view="{{scrollIntoView}}"
+    scroll-y
+    enhanced
+    show-scrollbar="{{false}}"
+  >
+    <block wx:for="{{months}}" wx:key="index">
+      <view class="{{classPrefix}}__month" id="year_{{item.year}}_month_{{item.month}}"
+        >{{ item.year }} 年 {{ item.month + 1 }} 月</view
+      >
+      <view class="{{classPrefix}}__dates">
+        <view wx:for="{{(item.weekdayOfFirstDay - firstDayOfWeek + 7) % 7}}" wx:key="index" />
+        <block wx:for="{{item.months}}" wx:for-index="dateIndex" wx:for-item="dateItem" wx:key="dateIndex">
+          <view
+            class="{{classPrefix}}__dates-item {{dateItem.className}} {{classPrefix}}__dates-item--{{dateItem.type}}"
+            data-year="{{item.year}}"
+            data-month="{{item.month}}"
+            data-date="{{dateItem}}"
+            aria-role="button"
+            aria-label="{{this.getDateLabel(item, dateItem)}}"
+            aria-disabled="{{dateItem.type === 'disabled'}}"
+            bind:tap="handleSelect"
+          >
+            <view wx:if="{{dateItem.prefix}}" class="{{classPrefix}}__dates-item-prefix">{{ dateItem.prefix }}</view>
+            {{ dateItem.day }}
+            <view
+              wx:if="{{dateItem.suffix}}"
+              class="{{classPrefix}}__dates-item-suffix {{classPrefix}}__dates-item-suffix--{{dateItem.type}}"
+            >
+              {{ dateItem.suffix }}
+            </view>
+          </view>
+        </block>
+      </view>
+    </block>
+  </scroll-view>
+  <view wx:if="{{innerConfirmBtn != null && usePopup}}" class="{{classPrefix}}__footer">
+    <slot wx:if="{{innerConfirmBtn === 'slot'}}" name="confirm-btn" />
+    <block wx:elif="{{innerConfirmBtn}}">
+      <!-- <t-button block theme="primary" v-bind="confirmBtn" bind:tap="handleConfirm" /> -->
+      <template
+        is="button"
+        data="{{ block: true,  theme: 'primary', class: 't-calendar__confirm-btn', ...innerConfirmBtn }}"
+      />
+    </block>
+  </view>
+</view>