zhangjing/sgy-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[最新]

Browse Source
This commit is contained in:
张慢慢
2023-09-26 16:54:38 +08:00
parent 4eb53058ca
commit 47af2611c1
7 changed files with 244 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
pages/user/code/code.wxml
View File

@@ -1,35 +1,32 @@
<view class="navigation {{isFixedTop > 0 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
<image bindtap="returnGo" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/arrowBlack.png' : '/static/icons/arrowWrite.png'}}"></image>
</view>
<view class="code">
<image src="https://cdn.shuiganying.com/images/2023/05/18/06efd96167f20daf9cd2da983274db41.png" class="code-back"></image>
<view class="code-cont">
<view class="code-img">
<image src="{{inviteCode}}" mode="widthFix"></image>
</view>
<view class="code-text"><text>扫描二维码了解更多</text></view>
</view>
<view class="code-share" bindtap="shareTap">
<image src="https://cdn.shuiganying.com/images/2023/03/28/ee2911df7a5e3f9959d5d320cd966146.png"></image>
<view class="code-share-name">分享</view>
</view>
</view>
<!-- 默认背景 -->
<!-- <image src="https://cdn.shuiganying.com/images/2023/05/18/06efd96167f20daf9cd2da983274db41.png" class="code-back"></image> -->
<!-- 海报canvas -->
<canvas type="2d" style="width: 375px; height: 800px;" id="coverCanvas" class="canvas-img" />
<!-- 分享弹出 -->
<view class="sharePop {{shareSee ? 'active' : ''}}">
<view class="shareCont">
<button class="shareCont-label codeShare-button" open-type="share" hover-class="none">
<image src="https://cdn.shuiganying.com/images/2023/03/28/f8b773edc2fe6db8e45f96773b9a8dc4.png"></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="shareCont-label" bindtap="onCanvas">
<image src="https://cdn.shuiganying.com/images/2023/03/28/cfe0efbb53eaf7911ea5211923859c65.png"></image>
保存二维码
<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>
<view class="shareCancel" bindtap="shareTap">取消</view>
<!-- canvas海报 -->
<canvas class="canvas" type="2d" id="canvas" style="width: 550px; height: 900px;"></canvas>
</view>