project init & fix ui

miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxml

@@ -0,0 +1,56 @@
+<import src="../common/template/button.wxml" />
+<import src="../common/template/icon.wxml" />
+<wxs src="../common/utils.wxs" module="_" />
+<wxs src="./dialog.wxs" module="this" />
+
+<t-popup
+  name="dialog"
+  custom-style="{{ customStyle }}"
+  class="{{classPrefix}}__wrapper"
+  visible="{{visible}}"
+  showOverlay="{{showOverlay}}"
+  closeOnOverlayClick="{{closeOnOverlayClick}}"
+  preventScrollThrough="{{preventScrollThrough}}"
+  overlayProps="{{overlayProps}}"
+  zIndex="{{zIndex}}"
+  placement="center"
+  bind:visible-change="overlayClick"
+>
+  <view slot="content" class="{{classPrefix}} {{prefix}}-class">
+    <slot name="top" />
+    <view wx:if="{{closeBtn}}" class="{{classPrefix}}__close-btn" bind:tap="onClose">
+      <template wx:if="{{_.isObject(closeBtn)}}" is="icon" data="{{ name: 'close', size: 22, ...closeBtn }}" />
+      <t-icon wx:else name="close" size="22" />
+    </view>
+    <view class="{{classPrefix}}__content {{prefix}}-class-content">
+      <view wx:if="{{title}}" class="{{classPrefix}}__header">{{title}}</view>
+      <slot name="title" />
+      <view wx:if="{{content}}" class="{{classPrefix}}__body">
+        <text class="{{classPrefix}}__body-text">{{content}}</text>
+      </view>
+      <slot name="content" />
+    </view>
+    <slot name="middle" />
+    <view
+      class="{{_.cls(classPrefix + '__footer', [['column', buttonLayout === 'vertical'], ['full', buttonVariant == 'text' && actions.length == 0]])}}"
+    >
+      <block wx:if="{{actions}}">
+        <block wx:for="{{actions}}" wx:key="index">
+          <template
+            is="button"
+            data="{{block: true, type: 'action', extra: index, externalClass: prefix + '-class-action', class: this.getActionClass(classPrefix, buttonLayout), ...item }}"
+          />
+        </block>
+      </block>
+      <slot name="actions" />
+      <block wx:if="{{_cancel}}">
+        <template is="button" data="{{type: 'cancel', ..._cancel }}" />
+      </block>
+      <slot name="cancel-btn" />
+      <block wx:if="{{_confirm}}">
+        <template is="button" data="{{type: 'confirm', theme: 'primary', ..._confirm}}" />
+      </block>
+      <slot name="confirm-btn" />
+    </view>
+  </view>
+</t-popup>