72 lines
2.8 KiB
Plaintext
72 lines
2.8 KiB
Plaintext
<view class="page-container">
|
|
<!-- 背景网格（保留机甲风格） -->
|
|
<view class="grid-bg"></view>
|
|
<view class="mech-line line-h"></view>
|
|
<view class="mech-line line-v"></view>
|
|
|
|
<view class="content">
|
|
<!-- 标题区域 -->
|
|
<view class="title-section">
|
|
<text class="title">⚡ 推广海报 ⚡</text>
|
|
<text class="subtitle">邀请接单员扫码注册，自动填充邀请码</text>
|
|
</view>
|
|
|
|
<!-- 二维码展示区域（原有） -->
|
|
<view class="qrcode-section">
|
|
<view class="qrcode-wrapper" wx:if="{{qrcodeUrl}}">
|
|
<image class="qrcode-img" src="{{qrcodeUrl}}" mode="widthFix" />
|
|
<view class="qrcode-glow"></view>
|
|
</view>
|
|
<view class="empty-qrcode" wx:else>
|
|
<text class="empty-icon">⚡</text>
|
|
<text class="empty-text">点击下方按钮生成您的专属二维码</text>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 按钮区域（第一行：保存/刷新/生成海报） -->
|
|
<view class="button-section">
|
|
<view class="pbtn-group">
|
|
<view class="pbtn pbtn-save" bindtap="saveToAlbum" wx:if="{{qrcodeUrl}}">
|
|
<text class="pbtn-icon">📥</text>
|
|
<text class="pbtn-text">保存二维码</text>
|
|
</view>
|
|
<view class="pbtn pbtn-refresh" bindtap="refreshQRCode" wx:if="{{!isLoading}}">
|
|
<text class="pbtn-icon">⟳</text>
|
|
<text class="pbtn-text">{{qrcodeUrl ? '重新获取' : '获取二维码'}}</text>
|
|
</view>
|
|
<view class="pbtn pbtn-loading" wx:else>
|
|
<view class="loading-spinner-small"></view>
|
|
<text class="pbtn-text">生成中...</text>
|
|
</view>
|
|
<!-- 生成我的专属海报按钮 -->
|
|
<view class="pbtn pbtn-poster" bindtap="generateMyPoster" wx:if="{{qrcodeUrl && !showPosterCanvas}}">
|
|
<text class="pbtn-icon">🎨</text>
|
|
<text class="pbtn-text">生成我的专属海报</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 专属海报展示区（当 showPosterCanvas 为 true 时显示） -->
|
|
<view class="poster-section" wx:if="{{showPosterCanvas}}">
|
|
<canvas canvas-id="posterCanvas" class="poster-canvas"></canvas>
|
|
<view class="poster-actions">
|
|
<view class="pbtn pbtn-save-poster" bindtap="savePoster">
|
|
<text class="pbtn-icon">📥</text>
|
|
<text class="pbtn-text">保存海报</text>
|
|
</view>
|
|
<view class="pbtn pbtn-back" bindtap="hidePoster">
|
|
<text class="pbtn-icon">↩️</text>
|
|
<text class="pbtn-text">返回</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 使用说明（保留） -->
|
|
<view class="instruction">
|
|
<text class="instruction-text">* 接单员扫码后自动进入注册页面，邀请码将自动填充</text>
|
|
</view>
|
|
</view>
|
|
|
|
<global-notification id="global-notification" />
|
|
</view>
|