拉链式的滑动验证（微信小程序）

view结构

  <view style="position: relative;height:90rpx">
    <movable-area class="content" style="width:{
   {area_width}}rpx">
      <movable-view class='box' style='width:{
   {box_width}}rpx' friction="{
   {100}}" direction="horizontal" x="{
   {x}}" damping="{
   {500}}" bindchange="drag" bindtouchend="dragOver">
        <view class='movable-icon'></view>
      </movable-view>
    </movable-area>
    <view class="black" style="width:{
   {text}}rpx"></view>
    <view class=