This commit is contained in:
2023-09-26 16:55:20 +08:00
parent 386a66a324
commit 3748f042cb
19 changed files with 322 additions and 416 deletions

View File

@@ -1,32 +1,34 @@
<view class="code">
<image src="https://api.siyuankunlun.cn/storage/images/2023/03/14/7777441f7a2b25353f2d6de61452418c.png" class="code-back"></image>
<view class="code-cont">
<view class="code-img">
<image src="{{inviteCode}}" mode="widthFix"></image>
<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.position.size}}rpx; top: {{item.position.y}}rpx; left: {{item.position.x}}rpx;"
mode="widthFix">
</image>
</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 class="code-text"><text>扫描二维码了解更多</text></view>
</view>
<view class="code-share" bindtap="shareTap">
<image src="/static/icons/share.png"></image>
<view class="code-share-name">分享</view>
</view>
<!-- canvas海报 -->
<canvas class="canvas" type="2d" id="canvas" style="width: 550px; height: 900px;"></canvas>
</view>
<!-- 海报canvas -->
<!-- <canvas class="canvasImg" canvas-id="qrcodeCard"></canvas> -->
<canvas type="2d" id="firstCanvas" class="canvasImg" style="width:{{posterDatas.width}}px;height:{{posterDatas.height}}px;"></canvas>
<!-- <image src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/08/31/555d989b496e6d68ee8405bcae16555e.jpg" class="code-back"></image> -->
<!-- 分享弹出 -->
<view class="sharePop {{shareSee ? 'active' : ''}}">
<view class="shareCont">
<button class="shareCont-label codeShare-button" open-type="share" hover-class="none">
<image src="https://card.ysd-bs.com/storage/materials/2021/09/01/code_icon_00.png"></image>
微信好友
</button>
<view class="shareCont-label" bindtap="saveImg">
<image src="https://card.ysd-bs.com/storage/materials/2021/09/01/code_icon_02.png"></image>
保存二维码
</view>
</view>
<view class="shareCancel" bindtap="shareTap">取消</view>
</view>
<!-- 默认图片 -->
<!-- https://api.siyuankunlun.cn/storage/images/2023/03/14/7777441f7a2b25353f2d6de61452418c.png -->