movecar_wx/package-user/pages/slide-confirm/index.wxml

<view class="slide-container {{isSuccess ? 'success' : ''}}" style="width: {{width}}px; height: {{height}}px;">
  <!-- 已滑动区域（用于显示颜色变化） -->
  <view 
    class="slide-progress" 
    style="width: {{progressWidth}}px; height: {{height}}px;"
  ></view>
  
  <!-- 背景轨道 -->
  <view class="slide-track">
    <text class="track-text">{{isSuccess ? successText : defaultText}}</text>
  </view>
  
  <!-- 滑块 -->
  <view 
    class="slide-block"
    style="left: {{position}}px; width: {{blockSize}}px; height: {{blockSize}}px;"
    bindtouchstart="onTouchStart"
    bindtouchmove="onTouchMove"
    bindtouchend="onTouchEnd"
  >
    <icon 
      class="block-icon" 
      type="{{isSuccess ? 'success' : 'arrowright'}}" 
      size="{{iconSize}}"
    ></icon>
  </view>
</view>