made.wxml 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!-- <canvas canvas-id='madeContent' class='made-content'> -->
  2. <!-- <canvas canvas-id='myCanvasImg' class='made-img' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}};margin:{{dataPositionObj.top}} 0 0 {{dataPositionObj.left}}'>
  3. <canvas canvas-id='myCanvasFont' class='made-font' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}}'></canvas>
  4. </canvas> -->
  5. <!-- </canvas> -->
  6. <view class='content'>
  7. <view class='made-content'>
  8. <view class='made-img-box'>
  9. <image class='made-img-image' src='{{obverseImgObject[isActive]}}' mode="aspectFill"></image>
  10. <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}">
  11. <view class='f-box f-align-items-center f-justify-content-center made-prompt ' wx:if="{{touchStatic}}">{{fontContent}}</view>
  12. <view class='made-box'>
  13. <!-- img -->
  14. <view wx:if="{{!touchStatic}}" class='edit-content' style='top:{{imgTouch.y}}px;left:{{imgTouch.x}}px;width:{{dataPositionObj.width}}rpx;height:{{dataPositionObj.height}}rpx'>
  15. <view animation="{{imgAnimationData}}">
  16. <image src="{{imgTouch.src}}" mode="aspectFit" style='width:{{imgTouch.width}}rpx;height:{{imgTouch.height}}rpx'></image>
  17. </view>
  18. </view>
  19. <!-- font -->
  20. <view wx:if="{{!touchStatic}}" class='made-prompt made-font' style='color:{{fontTouch.isColor}};font-size:{{fontTouch.fontSize}}px;width:{{dataPositionObj.width}}rpx;height:{{dataPositionObj.height}}rpx'>
  21. <view class='font-content' style='top:{{fontTouch.y}}px;left:{{fontTouch.x}}px'>
  22. <view animation="{{fontAnimationData}}">{{fontTouch.fontContent}}</view>
  23. </view>
  24. </view>
  25. </view>
  26. </made-solid>
  27. </view>
  28. </view>
  29. <view class='btn-box'>
  30. <view class='f-box f-justify-content-between'>
  31. <button type="default" hover-class="none" bindtap="changeCup" data-id='1' class='{{isActive === "1" ? "active" : ""}}' size="mini">正面</button>
  32. <button type="default" hover-class="none" bindtap="changeCup" data-id='2' class='{{isActive === "2" ? "active" : ""}}' size="mini">背面</button>
  33. </view>
  34. <view class='f-box f-justify-content-between'>
  35. <button type="default" hover-class="none" bindtap="changeCup" data-id='3' class='{{isActive === "3" ? "active" : ""}}' size="mini">手柄</button>
  36. <button type="default" hover-class="none" bindtap="changeCup" data-id='4' class='{{isActive === "4" ? "active" : ""}}' size="mini">杯底</button>
  37. </view>
  38. </view>
  39. <view class='footer f-box f-justify-content-between'>
  40. <!-- url="/customized/pages/made/madeImg/madeImg" -->
  41. <!-- url="/customized/pages/made/madeFont/madeFont" -->
  42. <view class='f-item footer-btn' bindtap='addImgRouter'>添加图片</view>
  43. <view class='f-item footer-btn' bindtap='addFontRouter'>添加文字</view>
  44. <view url="" class='f-item footer-btn'>完成设计</view>
  45. </view>
  46. </view>