<view class='container'>
  <view class='made-content'>
    <view class='made-img-box'>
      <image class='made-image' src='{{obverseImgObject[touch.isActive]}}'></image>
      <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}">
        <view class='f-box f-align-items-center f-justify-content-center made-prompt' wx:if="{{!madeStatic}}">{{fontContent}}</view>
        <view wx:else class='edit-content' style='top:{{touch.y}}px;left:{{touch.x}}px'>
          <view class='iconfont icon-guanbi1 c-white icon-close' bindtap='imgDelete'></view>
          <view bindtouchstart="fontTouchstart" animation="{{animationData}}" bindtouchmove="fontTouchmove" bindtouchend="fontTouchend">
            <image src="{{touch.src}}" mode="aspectFit" style='width:{{touch.width}}rpx;height:{{touch.height}}rpx'></image>
          </view>
        </view>
      </made-solid>
    </view>
  </view>
  <!-- 上传后的图片 -->
  <view class='upload-box'>
    <view class='f-box'>
      <!-- <view class='upload-list'><button hover-class="none" class='upload-btn f-box f-align-items-center'>点击上传图片</button></view> -->
      <scroll-view class="scroll-view_H f-box" scroll-x style="width: 100%">
        <view wx:for="{{imageArray}}" wx:for-index="idx" wx:for-item="itemName" class='scroll-item {{itemName.id === imageId ? "active" : ""}}'><image src="{{host}}{{itemName.customGoodsImg}}" data-id='{{itemName.id}}' data-src='{{host}}{{itemName.customGoodsImg}}' mode="aspectFit" bindtap='selectImgBtn'></image></view>
      </scroll-view>
    </view>
  </view>

<!-- slider -->
<view class='slider-box' wx:if="{{madeStatic}}">
<!-- 大小 -->
  <view class='f-box f-align-items-center mar-l20 mar-r20'>
    <view class='f-s30'>放大</view>
    <view class="body-view f-item">
      <slider bindchanging="imgEnlarge" block-color="#00af66" block-size="16" min="20" max="1000" value='{{touch.width}}' show-value/>
    </view>
  </view>
  <view class='f-box f-align-items-center mar-l20 mar-r20'>
    <!-- 度数 -->
    <view class='f-s30'>旋转</view>
    <view class="body-view f-item">
      <slider bindchanging="imgRotate" block-color="#00af66" block-size="16" min="0" max="360" value='{{touch.angle}}' show-value/>
    </view>
  </view>
  
</view>

  <view class='public-prompt'>该预览为仿真效果图，具体请以实物为准</view>
  <view class='footer f-box' hover-class='none'>
    <navigator open-type="navigateBack"  class="f-box f-align-items-center f-justify-content-center footer-icon">
      <block>
          <icon class='f-box' type="clear" />
        </block>
    </navigator>
    <view class='f-item footer-upload-btn' bindtap='uploadImg' hover-class="none">上传图片</view>
    <view class='f-item footer-add-btn' bindtap='addImg' hover-class="none">添加图片</view>
    <view class="f-box f-align-items-center footer-icon f-justify-content-center" hover-class="none" bindtap='madeConfirm'>
      <block>
        <icon class='f-box' type="success"/>
      </block>
    </view>
  </view>
</view>