<!--component/zyslider.wxml-->

<view class="container {{hideOption}}">
  <!-- <view class="slider-item min" style="left:{{leftValue}}rpx;background-color:#E81825;" catchtouchmove="_minMove">

</view> -->
  <view class="slider-item min" style="left:{{leftValue}}rpx;" catchtouchmove="_minMove">
    <image src="/img/aicon_17.png"></image>
  </view>
  <!-- <view class="slider-item max" style="left:{{rightValue}}rpx;background-color:#E81825;" catchtouchmove="_maxMove"></view> -->
  <view class="slider-item max" style="left:{{rightValue}}rpx;" catchtouchmove="_maxMove">
    <image src="/img/aicon_17.png"></image>
  </view>
  <view class="slider-body left" style="left:{{sliderLength}}rpx; width:{{leftValue}}rpx;"></view>
  
  <view class="slider-body body" style="left:{{leftValue}}rpx; width:{{rightValue-leftValue}}rpx;background-color:{{selectedColor}};">
  
  
  </view>


  <view class="slider-body right" style="left:{{rightValue}}rpx; width:{{totalLength - rightValue}}rpx;"></view>
  <!-- <view class="pp" style="left:{{ppleft}}rpx; width:{{ppvalue-ppleft}}rpx">
    <view class="item"></view>
    <view class="item"></view>
    <view class="item"></view>
    <view class="item"></view>
  </view> -->
  <slot></slot>
</view>