dage-sxk/pages/work/index.wxml

<view wx:if="{{info.globalVar}}" class='container'>
  <image class="work_bg {{!info.filterPath && 'filter'}}" src="{{cdn_url}}/scenes/{{id}}.jpg" mode="aspectFill" />
  <image class="work_bg_filter" wx:if="{{info.filterPath}}" src="{{cdn_url+info.filterPath}}" />
  <view class="w_body">
    <view class="top_bar" wx:if="{{projectid == 'ZHS2409020-1'}}">
      <view class="zoom_tip" wx:if="{{isZoom}}">
        <image src="/assets/img/img_tip.png" mode="widthFix" />
        <text style="font-size: 31rpx;">可左右滑动图片</text>
      </view>
      <view class="w_zoom" bindtap="zoom">
        <image src="{{isZoom ? '/assets/img/icon_zoomout.png' : '/assets/img/icon_zoomin.png'}}" mode="widthFix" />
        <text style="font-size: 31rpx;">{{isZoom ? '全图模式' : '大图模式'}}</text>
      </view>
    </view>
    <view wx:if="{{!isZoom}}" class="w_video" style="background-image: url({{cdn_url+info.resourceImg.bg}});{{info.resourceImg.style}}">
      <video wx:if="{{type=='0'}}" style="opacity:{{loadCompele?1:0}};{{info.resourceImg.imgStyle}}" bindloadedmetadata="loadcompele" src="{{url_link}}" loop autoplay controls="{{false}}" enable-progress-gesture="{{false}}"></video>
      <image wx:else style="opacity:{{loadCompele?1:0}};{{info.resourceImg.imgStyle}}" bindload="loadcompele" show-menu-by-longpress="true" src="{{url_link}}" mode="widthFix" />
      <block wx:if="{{projectid == 'ZHS2409020-1'}}">
        <view wx:for="{{confirmedIps}}" wx:key="id" class="ip-overlay ip-overlay__confirmed confirmed-overlay" style="left:{{item.left}}px; top:{{item.top}}px; right:auto; bottom:auto;">
          <image class="ip-main" src="{{item.imgUrl}}" style="transform:scale({{item.scaleX}}, {{item.scaleY}}) rotate({{item.rotate}}deg) translateZ(0); will-change: transform;" />
        </view>
      </block>
      <view wx:if="{{selectedIp && projectid == 'ZHS2409020-1'}}" class="ip-overlay {{ipConfirmed ? 'ip-overlay__confirmed' : ''}}" style="opacity:{{positionInitialized?1:0}}; {{positionInitialized ? 'left:'+ipLeft+'px; top:'+ipTop+'px; right: auto; bottom: auto;' : ''}}">
        <image class="ip-main" src="{{selectedIp.imgUrl}}" style="transform:scale({{ipScaleX}}, {{ipScaleY}}) rotate({{ipRotate}}deg) translateZ(0); will-change: transform;" catchtouchstart="dragStart" catchtouchmove="dragMove" />
        <image class="ip-btn ip-btn__rotate" src="/assets/img/icon_rorate.png" mode="widthFix" catchtouchstart="rotateStart" catchtouchmove="rotateMove" />
        <image class="ip-btn ip-btn__scale" src="/assets/img/icon_scale.png" mode="widthFix" catchtouchstart="scaleStart" catchtouchmove="scaleMove" />
        <image class="ip-btn ip-btn__delete" src="/assets/img/icon_delete.png" mode="widthFix" bindtap="deleteIp" />
        <image class="ip-btn ip-btn__confirm" src="/assets/img/icon_correct.png" mode="widthFix" bindtap="confirmIp" />
      </view>
    </view>

    <view wx:else class="w_video fill-img">
      <scroll-view scroll-x="true" class="zoom-scroll" show-scrollbar="{{false}}" bindscroll="onZoomScroll">
        <image class="zoom-image" mode="heightFix" bindload="loadcompele" show-menu-by-longpress="true" src="{{url_link}}" />
      </scroll-view>
      <block wx:if="{{projectid == 'ZHS2409020-1'}}">
        <view wx:for="{{confirmedIps}}" wx:key="id" class="ip-overlay ip-overlay__confirmed confirmed-overlay" style="left:{{item.left}}px; top:{{item.top}}px; right:auto; bottom:auto;">
          <image class="ip-main" src="{{item.imgUrl}}" style="transform:scale({{item.scaleX}}, {{item.scaleY}}) rotate({{item.rotate}}deg) translateZ(0); will-change: transform;" />
        </view>
      </block>
      <view wx:if="{{selectedIp && projectid == 'ZHS2409020-1'}}" class="ip-overlay {{ipConfirmed ? 'ip-overlay__confirmed' : ''}}" style="opacity:{{positionInitialized?1:0}}; {{positionInitialized ? 'left:'+ipLeft+'px; top:'+ipTop+'px; right: auto; bottom: auto;' : ''}}">
        <image class="ip-main" src="{{selectedIp.imgUrl}}" style="transform:scale({{ipScaleX}}, {{ipScaleY}}) rotate({{ipRotate}}deg) translateZ(0); will-change: transform;" catchtouchstart="dragStart" catchtouchmove="dragMove" />
        <image class="ip-btn ip-btn__rotate" src="/assets/img/icon_rorate.png" mode="widthFix" catchtouchstart="rotateStart" catchtouchmove="rotateMove" />
        <image class="ip-btn ip-btn__scale" src="/assets/img/icon_scale.png" mode="widthFix" catchtouchstart="scaleStart" catchtouchmove="scaleMove" />
        <image class="ip-btn ip-btn__delete" src="/assets/img/icon_delete.png" mode="widthFix" bindtap="deleteIp" />
        <image class="ip-btn ip-btn__confirm" src="/assets/img/icon_correct.png" mode="widthFix" bindtap="confirmIp" />
      </view>
    </view>
    <view wx:if="{{isEditing && projectid == 'ZHS2409020-1'}}" class="ip-list">
      <scroll-view scroll-y="true" class="ip-scroll" show-scrollbar="{{false}}">
        <view class="ip-grid">
          <view class="ip-item-wrapper" wx:for="{{ipsImgList}}" wx:key="name" data-index="{{index}}" bindtap="selectIp">
            <image class="ip-item {{selectedIpIndex === index ? 'ip-item__active' : ''}}" src="{{item.imgUrl}}" mode="aspectFit" />
          </view>
        </view>
      </scroll-view>
    </view>
    <view class="w_btn" style="height:{{info.rescan.height}};background:url({{cdn_url+info.rescan.bg}}) no-repeat center / cover">
      <view style="padding-left: 20rpx;" bindtap="edit" wx:if="{{projectid == 'ZHS2409020-1' && !isEditing && type!='0'}}">
        <image src="/assets/img/edit.png" mode="widthFix" />
      </view>
      <view class="btn_paise__border" wx:if="{{projectid == 'ZHS2409020-1' && !isEditing && type!='0'}}" style="background:{{info.rescan.borderColor}}" />
      <view bindtap="cancel">
        <image src="{{cdn_url}}/images/cancel.png" mode="widthFix" />
      </view>
      <view class="btn_paise__border" style="background:{{info.rescan.borderColor}}" />
      <view bindtap="saveAlbum">
        <image src="{{cdn_url}}/images/save.png" mode="widthFix" />
      </view>
    </view>
  </view>
  <wxml-to-canvas wx:if="{{widgetVisible}}" class="widget" id="widget" width="{{canvasWidth}}" height="{{canvasHeight}}" style="position: absolute; left: -9999px; top: 0;"></wxml-to-canvas>
</view>