<!-- pages/piano/cropper/cropper.wxml -->
<nav-bar class="navi_bar" bind:goBack="_goBack" nav-bgc-class="ex-nav-bgc-class" navbarData='{{navbarData}}' bind:callback="callback"></nav-bar>
<view class="container">
    <image-cropper id="image-cropper" bindload="cropperload" bindimageload="loadimage" bindtapcut="clickcut" limit_move="true" disable_rotate="true" width="{{width}}" height="{{height}}" imgSrc="{{src}}" disable_width="true" max_width="{{width}}" max_height="{{height}}" disable_height="true" disable_ratio="true" min_width="{{width}}" min_height="{{height}}" max_scale="{{max_scale}}" export_scale="1.5"></image-cropper>
    <view wx:if="{{showProgress}}" class="progress-container">
        <progress class="progress" border-radius="26rpx" percent="{{progress}}" activeColor="rgba(101, 70, 163, 1)" backgroundColor="rgba(0, 0, 0, 0.40)" stroke-width="26" border-radius="13" />
        <view class="progress-text">保存壁纸中…{{progress}}%</view>
    </view>
    <view wx:if="{{!showProgress}}" class='bottom'>
        <view class="left_btn btn_title" catchtap='cancel'>取消</view>
        <view class="right_btn btn_title" bindtap='submit'>确定</view>
    </view>
</view>