R524809
70 lines
2.1 KiB
Plaintext
70 lines
2.1 KiB
Plaintext
<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">
|
|
<view class="type-selector" bind:tap="onShowTypeSelector">
|
|
<text class="type-selector-text">{{currentTypeName}}</text>
|
|
<text class="type-selector-arrow">▼</text>
|
|
</view>
|
|
<toy-button
|
|
class="random-button"
|
|
type="primary"
|
|
bind:click="onRandom"
|
|
width="100%"
|
|
height="80rpx"
|
|
icon="refresh"
|
|
icon-class-prefix="toy-icon">
|
|
随机生成
|
|
</toy-button>
|
|
</view>
|
|
<van-action-sheet
|
|
show="{{showTypeSelector}}"
|
|
actions="{{typeActions}}"
|
|
bind:select="onSelectType"
|
|
bind:cancel="onCloseTypeSelector"
|
|
bind:close="onCloseTypeSelector"
|
|
cancel-text="取消"
|
|
custom-class="custom-action-sheet" />
|
|
</view>
|
|
<view class="empty"></view>
|
|
</view>
|
|
<view class="bottom-btn-box">
|
|
<toy-button
|
|
openType="share"
|
|
type="green"
|
|
flat="{{true}}"
|
|
bind:click="onShareAppMessage"
|
|
width="220rpx"
|
|
height="80rpx"
|
|
icon="wechat"
|
|
icon-class-prefix="toy-icon">
|
|
分享
|
|
</toy-button>
|
|
<toy-button
|
|
type="primary"
|
|
flat="{{true}}"
|
|
bind:click="exportToPrint"
|
|
width="420rpx"
|
|
height="80rpx"
|
|
disabled="{{!hasContent}}"
|
|
icon="download"
|
|
icon-class-prefix="toy-icon">
|
|
下载打印
|
|
</toy-button>
|
|
</view>
|
|
<share-guide-popup
|
|
show="{{showShareDialog}}"
|
|
bind:onClose="onCloseShareDialog"
|
|
bind:onShareSuccess="onShareSuccess" />
|