<view class="range-slider" catchtap style="width:calc({{contentWidth}} - 40px);height:{{height}}px">
  <view class="range-bar" catchtap style="width:calc({{width}}rpx - 20rpx);height:{{8}}rpx">
    <view class="range-bar-bg" style="background-color:{{backgroundColor}};margin-left:10px"></view>
    <view class="range-bar-progress" style="margin-left:{{progressBarLeft}}rpx;width:{{progressBarWidth}}rpx;background-color:{{activeColor}}"></view>
  </view>
  <view class="block" style="margin-left:{{minBlockLeft}}rpx" catchtouchstart="_onBlockTouchStart" catchtouchmove="_onBlockTouchMove" catchtouchend="_onBlockTouchEnd" data-left="{{minBlockLeft}}" data-tag="minBlock">
    <slot name="minBlock"></slot>
  </view>
  <view class="block" style="margin-left:{{maxBlockLeft}}rpx" catchtouchstart="_onBlockTouchStart" catchtouchmove="_onBlockTouchMove" catchtouchend="_onBlockTouchEnd" data-left="{{maxBlockLeft}}" data-tag="maxBlock">
    <slot name="maxBlock"></slot>
  </view>
</view>
