123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <view class='container'>
- <view class='made-content'>
- <view class='made-img-box'>
- <image class='made-img-image_1' src='{{obverseImgObject[imgTouch.isActive+"_1"]}}' mode="aspectFill" bindtouchstart="touchstart" bindtouchmove="touchmove" bindtouchend="touchend"></image>
- <image class='made-image' src='{{obverseImgObject[imgTouch.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 class='made-box'>
- <!-- img -->
- <view wx:if="{{madeStatic}}" class='edit-content' style='top:{{imgTouch.y}}px;left:{{imgTouch.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="{{imgTouch.src}}" mode="aspectFit" style='width:{{imgTouch.width}}rpx;height:{{imgTouch.height}}rpx'></image>
- </view>
- </view>
- <!-- font -->
- <view wx:if="{{fontTouch.fontSize}}" bindtouchstart="touchstart" bindtouchmove="touchmove" bindtouchend="touchend" class='made-prompt made-font' style='color:{{fontTouch.isColor}};font-size:{{fontTouch.fontSize}}px;font-weight:{{fontTouch.bold}};width:{{dataPositionObj.width}}rpx;height:{{dataPositionObj.height}}rpx;'>
- <view class='font-content' style='top:{{fontTouch.y}}px;left:{{fontTouch.x}}px;width:{{dataPositionObj.width}}rpx;height:{{dataPositionObj.height}}rpx;' animation="{{fontAnimationData}}">
- <view id='touchFont' style='font-weight:{{fontTouch.bold ? "bold":""}}'>{{fontTouch.fontContent}}</view>
- </view>
- </view>
- </view>
- </made-solid>
- </view>
- </view>
- <!-- 上传后的图片 -->
- <view class='upload-box'>
- <view class='f-box'>
- <view class='upload-list' bindtap='uploadImg'><button hover-class="none" class='upload-btn f-box f-align-items-cente'>点击上传图片</button></view>
- <scroll-view class="scroll-view_H f-box" scroll-x>
- <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='{{imgTouch.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='{{imgTouch.angle}}' show-value/>
- </view>
- </view>
-
-
- </view>
- <!-- <view class='public-prompt'>该预览为仿真效果图,具体请以实物为准</view> -->
- <view class='footer' hover-class='none'>
- <view class='footer-box f-box'>
- <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 bg-orange c-white' bindtap='uploadImg' hover-class="none">上传图片</view> -->
- <view class='f-item footer-upload-btn bg-orange c-white' bindtap='imgDelete' hover-class="none">清除图片</view>
- <view class='f-item footer-add-btn bg-green c-white' 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' color="#00af66" type="success"/>
- </block>
- </view>
- </view>
- </view>
- </view>
|