<view class="container">
    <image src="/static/ai/headerBg.jpg" class="headerBg" />
    <view class="body">
        <view class="uploadBox" bindtap="uploadImg">
            <image src="/static/ai/uploadBg.png" class="uploadBg" />
            <view class="loading" wx:if="{{loading}}">
                <image src="/static/ai/loading.png" class="loadingImg" />
                <view class="tips1">
                    图片生成中
                </view>
                <view class="tips2">
                    正在制作中请稍等
                </view>
            </view>
            <image src="{{artistic}}" class="fillImg {{loading?'imgMask':''}}" />
        </view>
        <view class="templateBox">
            <image src="/static/ai/tHeaderBg.png" class="tHeaderBg" />
            <view class="templates">
                <image src="/static/ai/tbg.png" class="tbg" />
                <scroll-view class="templateScroll" scroll-x="true" enhanced show-scrollbar="{{false}}">
                    <view class="template" wx:for="{{templates}}" wx:key="index" bindtap="selectTemplate"
                        data-id='{{item.lora_id}}'   data-name='{{item.name}}'>
                        <image src="https://ai.wx.aidomore.com/v3/image/thumbnail/{{item.cover}}"
                            class="cover {{item.lora_id==active?'active':''}}" />
                        <view class="name textOver">{{item.name}}</view>
                    </view>
                </scroll-view>
            </view>
        </view>
    </view>
    <view class="btns">
        <image src="/static/ai/reset.png" class="btn" bindtap="uploadImg" />
        <image src="/static/ai/download.png" class="btn" bindtap="downloadImg" />
    </view>
    <cropper id="cropper" style="width: 100%;height: 100%;"></cropper>
</view>