<!--pages/customized/made/madeFont/madeFont.wxml-->

<view>
  <canvas canvas-id='madeContent' class='made-content' wx:if="{{!radarImg}}">
  <!-- <image src='/images/customized/cup_black_big.png' bindload="imageLoad"/> -->
    
    <canvas canvas-id='myCanvasImg' class='made-box' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}};margin:{{dataPositionObj.top}} 0 0 {{dataPositionObj.left}}'>
    <canvas canvas-id='myCanvasFont' class='made-box' style='width:{{dataPositionObj.width}};height:{{dataPositionObj.height}};margin:{{dataPositionObj.top}} 0 0 {{dataPositionObj.left}}'></canvas>
    </canvas>
    <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>
  <image wx:else src='{{radarImg}}' class='made-box-img'></image>
</view>
<view class='public-prompt'>该预览为仿真效果图，具体请以实物为准</view>
<view class='footer f-box'>
  <view class="f-box f-align-items-center f-justify-content-center footer-icon">
    <block>
      <icon class='f-box' type="clear" />
    </block>
  </view>
  <view class='f-item footer-add-btn' bindtap='addFont'>添加文字</view>
  <view class="f-box f-align-items-center footer-icon f-justify-content-center">
    <block>
      <icon  class='f-box' type="success" />
    </block>
  </view>
</view>

<!-- 文字层 -->
<view class='font-ceng' wx:if="{{addFontStatic}}">
  <view class="input-box">
    <input placeholder-style="color:{{isColor}}" style='color:{{isColor}}' placeholder="可编辑文字" auto-focus />
  </view>

  <view class='font-color f-box f-justify-content-around'>
    <view wx:for="{{fontColor}}" class='{{isColor === item ? "isColor" : ""}}' data-color="{{item}}" bindtap='selectColor'>
      <view style='background:{{item}}' class='font-item'></view>
    </view>
  </view>
</view>