白色主题

miniprogram_npm/tdesign-miniprogram/button/button.wxml

@@ -2,9 +2,9 @@
 <wxs src="../common/utils.wxs" module="_" />
 
 <button
-  style="{{ customStyle }}"
+  style="{{ style }}"
   data-custom="{{ customDataset }}"
-  class="{{className}} {{prefix}}-class"
+  class="class {{className}}"
   form-type="{{type}}"
   open-type="{{disabled ? '' : openType}}"
   hover-stop-propagation="{{hoverStopPropagation}}"
@@ -12,7 +12,7 @@
   hover-stay-time="{{hoverStayTime}}"
   lang="{{lang}}"
   session-from="{{sessionFrom}}"
-  hover-class="button-hover"
+  hover-class="{{disabled ? '' : classPrefix + '--hover'}}"
   send-message-title="{{sendMessageTitle}}"
   send-message-path="{{sendMessagePath}}"
   send-message-img="{{sendMessageImg}}"
@@ -33,24 +33,23 @@
     is="icon"
     data="{{class: classPrefix + '__icon', tClass: prefix + '-class-icon', ariaHidden: true, name: iconName, ...iconData}}"
   />
-  <view wx:if="{{loading}}" class="{{classPrefix}}__loading">
-    <t-loading
-      delay="{{loadingProps.delay || 0}}"
-      duration="{{loadingProps.duration || 800}}"
-      indicator="{{loadingProps.indicator || true}}"
-      inheritColor="{{loadingProps.indicator || false}}"
-      layout="{{loadingProps.layout || 'horizontal'}}"
-      pause="{{loadingProps.pause || false}}"
-      progress="{{loadingProps.progress}}"
-      reverse="{{loadingProps.reverse}}"
-      size="{{loadingProps.size || '40rpx'}}"
-      text="{{loadingProps.text }}"
-      theme="{{loadingProps.theme || 'circular'}}"
-      loading
-      t-class="position-center"
-      t-class-indicator="indicator-blue {{prefix}}-class-loading"
-    ></t-loading>
-  </view>
+  <t-loading
+    wx:if="{{loading}}"
+    delay="{{loadingProps.delay || 0}}"
+    duration="{{loadingProps.duration || 800}}"
+    indicator="{{loadingProps.indicator || true}}"
+    inheritColor="{{loadingProps.indicator || false}}"
+    layout="{{loadingProps.layout || 'horizontal'}}"
+    pause="{{loadingProps.pause || false}}"
+    progress="{{loadingProps.progress}}"
+    reverse="{{loadingProps.reverse}}"
+    size="{{loadingProps.size || '40rpx'}}"
+    text="{{loadingProps.text }}"
+    theme="{{loadingProps.theme || 'circular'}}"
+    loading
+    t-class="{{classPrefix}}__loading {{classPrefix}}__loading--wrapper"
+    t-class-indicator="{{classPrefix}}__loading--indicator {{prefix}}-class-loading"
+  ></t-loading>
   <view class="{{classPrefix}}__content">
     <slot name="content" />
     <block>{{content}}</block>