Colorful-childhood/pages/album/album.wxml

<!--pages/album/album.wxml-->
<!-- 引入组件 -->
<import src="/component/welCropper/welCropper.wxml" />

<!-- 调用组件 -->
<template is="welCropper" data="{{cropperData:cropperData, cropperMovableItems:cropperMovableItems, cropperChangableData:cropperChangableData}}"></template> 
<view class="album">
    <view class="album-state">
        <text>相册状态</text>
        <view class="state" bindtap="setState">
            <view class="left">
               私密 
            </view>
            <view class="right">
                公开
            </view>
            <view class="{{stateFlag ? 'open' : 'private'}}"></view>
        </view>
    </view>
    <view class="album-code">
        <text>相册提取码</text>
        <view wx:if="{{stateFlag}}">
           公开相册凭手机尾号提取
        </view>
        <view class="code" wx:if="{{!stateFlag}}">
           <view wx:for="{{photoBoxToken}}" wx:key="{{index}}">{{item}}</view>
        </view>
    </view>
    <view class="photo">
        <view class="img" bindtap="addPhoto" data-mode='rectangle'>
            <image src="../../static/image/add.jpg"></image>    
        </view>
        <view class="img" wx:for="{{photoList}}" wx:key="{{index}}" bindtap="preview" data-index="{{index}}">
            <image src="{{item.path}}" mode='aspectFill'></image> 
            <image src="../../static/image/delect.png" class="delect" catchtap="removePhoto" data-id="{{item.id}}"></image>
        </view> 
    </view>
</view>