<view class='content'>
<!-- 定制杯子 canvas 不合适 -->
<!-- <view class='cup-box'>
  <image src='{{obverseImgObject[isActive]}}'></image>
  <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}">
    <view class='f-box f-align-items-center f-justify-content-center made-prompt'>可定制区域</view>
  </made-solid>
</view> -->
<canvas canvas-id='madeContent' class='made-content'>
<!-- <image src='/images/customized/cup_black_big.png' bindload="imageLoad"/> -->
  <made-solid prop-position="{{dataPositionObj}}" prop-size="{{propSize}}">
    <!-- 这部分内容将被放置在组件 <slot> 的位置上 -->
    <view class='f-box f-align-items-center f-justify-content-center made-prompt'>可定制区域</view>
  </made-solid>
  <canvas canvas-id='myCanvasImg' class='made-box' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}};margin:{{dataPositionObj.top}} 0 0 {{dataPositionObj.left}}'></canvas>
  <canvas canvas-id='myCanvasFont' class='made-box' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}};margin:{{dataPositionObj.top}} 0 0 {{dataPositionObj.left}}'></canvas>
</canvas>

<view class='btn-box'>
  <view class='f-box f-justify-content-between'>
    <button type="default" hover-class="none" bindtap="changeCup" data-id='1' class='{{isActive === "1" ? "active" : ""}}' size="mini">正面</button>
    <button type="default" hover-class="none" bindtap="changeCup" data-id='2' class='{{isActive === "2" ? "active" : ""}}' size="mini">背面</button>
  </view>
  <view class='f-box f-justify-content-between'>
    <button type="default" hover-class="none" bindtap="changeCup" data-id='3' class='{{isActive === "3" ? "active" : ""}}' size="mini">手柄</button>
    <button type="default" hover-class="none" bindtap="changeCup" data-id='4' class='{{isActive === "4" ? "active" : ""}}' size="mini">杯底</button>
  </view>
</view>

<view class='footer f-box f-justify-content-between'>
  <navigator url="/customized/pages/made/madeImg/madeImg" class='f-item footer-btn'>添加图片</navigator>
  <navigator url="/customized/pages/made/madeFont/madeFont" class='f-item footer-btn'>添加文字</navigator>
  <navigator url="" class='f-item footer-btn'>完成设计</navigator>
</view>

</view>
