wxmini/pages/piano/wallpaper/wallpaper.wxml

<!-- pages/piano/wallpaper/wallpaper.wxml -->
<view class="container">
    <nav-bar bind:goBack="_goBack" nav-bgc-class="ex-nav-bgc-class" nav-title-class="ex-nav-title-class" ex-back-pre="ex-back-pre" navbar-data='{{navbarData}}'></nav-bar>
    <view class="img_section">
        <image wx:if="{{!showCropImg}}" src="{{topImg.pic}}" class="select_img"></image>
        <canvas wx:if="{{showCropImg}}" class="canvas_img" canvas-id="imageCanvas"></canvas>
        <image src="../../../images/common/icon_sel.png" class="select_icon"></image>
    </view>
    <view class="grid-container">
        <block wx:for="{{imageList}}" wx:key="index" wx:for-item="item" wx:for-index="index">
            <image class="device_img" src="{{item.pic}}" mode="aspectFill" bind:tap="deviceTap" data-image="{{item}}" />
        </block>
    </view>
    <view class="footer" bind:tap="footerTap">
        <image src="../../../images/common/icon_add.png" mode="aspectFill" />
        <view>上传图片</view>
    </view>
    <!-- <image-cropper wx:if="{{scr}}" imageSrc="{{src}}"></image-cropper> -->
    <!-- <view wx:if="{{src}}" class='bottom'>
        <button catchtap='updateImage'>更换照片</button>
        <button type="primary" bindtap='submit'>确定裁剪</button>
    </view> -->
    <!-- <image-cropper bind:close="hideCut" cutRatio="1" wx:if="{{showCrop}}" imageSrc="{{imageSrc}}" /> -->
    <view wx:if="{{showProgress}}" class="progress-container">
        <progress class="progress" border-radius="26rpx" stroke-width="52rpx" percent="{{progress}}" activeColor="#6546A3" backgroundColor="rgba(0,0,0,0.4)" stroke-width="26" border-radius="13" />
        <view class="progress-text">保存壁纸中…{{progressPercent}}%</view>
    </view>
</view>