project init & fix ui

miniprogram_npm/tdesign-miniprogram/steps/step-item.wxml

@@ -0,0 +1,39 @@
+<wxs src="../common/utils.wxs" module="_" />
+
+<view
+  style="{{customStyle}}"
+  class="{{_.cls(classPrefix, [layout, ['readonly', readonly]])}} {{prefix}}-class"
+  bind:tap="onTap"
+>
+  <!-- icon  -->
+  <view class="{{_.cls(classPrefix + '__anchor', [layout])}}">
+    <view wx:if="{{isDot}}" class="{{_.cls(classPrefix + '__dot', [curStatus])}}" />
+    <view wx:elif="{{icon}}" class="{{_.cls(classPrefix + '__icon', [curStatus])}}">
+      <slot name="icon" />
+      <t-icon name="{{icon}}" size="22" />
+    </view>
+    <view wx:else class="{{_.cls(classPrefix + '__circle', [curStatus])}}">
+      <t-icon wx:if="{{curStatus == 'finish'}}" name="check" />
+      <t-icon wx:elif="{{curStatus == 'error'}}" name="close" />
+      <block wx:else>{{index + 1}}</block>
+    </view>
+  </view>
+
+  <!-- content -->
+  <view class="{{_.cls(classPrefix + '__content', [layout, ['last', isLastChild]])}} {{prefix}}-class-content">
+    <view class="{{_.cls(classPrefix + '__title', [curStatus, layout])}} {{prefix}}-class-title">
+      {{ title }}
+      <slot name="title" />
+      <slot wx:if="{{layout === 'vertical'}}" name="title-right" />
+    </view>
+    <view class="{{_.cls(classPrefix + '__description', [layout])}} {{prefix}}-class-description">
+      {{ content }}
+      <slot name="content" />
+    </view>
+    <view class="{{_.cls(classPrefix + '__extra', [layout])}} {{prefix}}-class-extra">
+      <slot name="extra" />
+    </view>
+  </view>
+
+  <view wx:if="{{!isLastChild}}" class="{{_.cls(classPrefix + '__line', [curStatus, layout, theme])}}" />
+</view>