<view class="page-container">
    <view class="wrapper">
        <text class="wrapper-title">预览打印效果</text>

        <!-- 预览打印效果 -->
        <view id="canvasWrapper" class="canvas-wrapper">
            <canvas
                type="2d"
                id="canvasContent"
                class="canvas-content"
                style="width:{{boxWidth}}px;height:{{boxHeight}}px" />
        </view>

        <!-- 随机生成按钮 -->
        <view class="random-button-area">
            <toy-button
                class="random-button"
                type="primary"
                bind:click="onRandom"
                width="100%"
                height="80rpx"
                icon="refresh"
                icon-class-prefix="toy-icon">
                随机生成
            </toy-button>
        </view>
        <draw-ad type="focusDraw"></draw-ad>
    </view>
    <view class="empty"></view>
</view>
<math-bottom-buttons
    disabled="{{!hasContent}}"
    bind:share="onShareAppMessage"
    bind:export="exportToPrint" />
<share-guide-popup
    show="{{showShareDialog}}"
    bind:onClose="onCloseShareDialog"
    bind:onShareSuccess="onShareSuccess" />
