challengeFamily/components/previewImage/index.wxml

<view class="preview_box" wx:if="{{previewHideStatus}}" style="top:{{preview_box_top}}" catchtouchmove='stopPageScroll'>
  <view class="totalimg">{{imgindex}}/{{previewImgList.length}}</view>
  <view class="preview_box1" style="left:{{left}}" bindtap="jingzhi">
    <block wx:for="{{previewImgList}}" wx:key="key">
      <view class="img_box">
        <view bindtouchstart='touchStart' bindtouchmove='touchMove' bindtouchend='touchEnd'>
          <movable-area scale-area>
            <movable-view direction="all" animation catchscale="onScale" scale scale-min="1" scale-max="5" scale-value="{{scale}}">
              <image src="{{item.url}}" lazy-load="true" bindload='bindload' style="width:100%;" mode="widthFix"></image>
            </movable-view>
          </movable-area>
        </view>
      </view>
      <view style="position: fixed;bottom: 0;left: 0; height: 150rpx;width: 100%;display: flex;justify-content: center;">
        <view wx:if="{{!previewImgList[imgindex-1].originalShow&&previewHideStatus&&preview_box_top==0}}" catchtap="showOriginal" class="originalBtn" data-index="{{index}}">查看原图</view>
        <view wx:if="{{previewHideStatus&&preview_box_top==0}}" catchtap="downloadOriginal" class="originalBtn" data-index="{{index}}">保存原图</view>
      </view>

    </block>
  </view>
</view>