
<view class="content">
    <!-- 海报 -->
    <swiper indicator-dots="{{true}}" class="poster" bindchange='swiperChange' circular='{{true}}' current='{{currentBgIndex}}'>
        <swiper-item wx:for="{{posters}}" wx:key="posters">
            <view class="poster-item" style="background-image: url({{item.cover}});">
                <image
                    class="poster-qrocde"
                    src="{{qrcode}}"
                    style="width: {{item.qrcode.size}}rpx; top: {{item.qrcode.y}}rpx; left: {{item.qrcode.x}}rpx;"
                    mode="widthFix">
                </image>
                <view class="poster-name" wx:if="{{item.show_name}}" style="width: {{item.qrcode.size}}rpx; font-size: {{item.font.font_size}}px; top: {{item.font.font_y}}rpx; left: {{item.font.font_x}}rpx; color: {{item.font.font_color}};">{{nameInfo}}</view>
            </view>
        </swiper-item>
    </swiper>
    <!-- 操作按钮 -->
    <view class="tool">
        <button class="tool-item" size="mini" open-type="share">
            <image class="tool-icon" src="/static/share_00.png" mode="aspectFill"></image>
            <view class="tool-text">发送朋友</view>
        </button>
        <view class="tool-item" bind:tap="onCheckSetting">
            <image class="tool-icon" src="/static/share_01.png" mode="aspectFill"></image>
            <view class="tool-text">保存海报</view>
        </view>
    </view>
    <!-- canvas海报 -->
    <canvas class="canvas" type="2d" id="canvas" style="width: 550px; height: 900px;"></canvas>
</view>

<!-- <image src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/08/31/555d989b496e6d68ee8405bcae16555e.jpg" class="code-back"></image> -->

