zhangjing/cardtest
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[更新]

Browse Source
This commit is contained in:
zhangmanman
2021-08-09 15:57:37 +08:00
parent c661dd0e16
commit 540d76bdb8
158 changed files with 4914 additions and 788 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
pages/code/code.wxml
View File

@@ -1,48 +1,70 @@
<image class="codeTitle" src="/static/img/user-codeTitle.png"></image>
<view class="codeTitle">
<image src="/static/img/code_title.png" mode="widthFix"></image>
</view>
<view class="codeCont">
<image class="codeCont-gold" src="/static/img/user-codeGold.png"></image>
<image class="codeCont-tips" src="/static/img/user-codeTips-01.png" mode="widthFix"></image>
<view class="codeCont-tisp">
<text>每邀请一位好友注册成功后</text>
<text>您将获得30元消费红包奖励</text>
</view>
<view class="codeCont-text">
<image class="codeCont-avatar" src="{{userInfo.avatar}}" mode="aspectFill"></image>
<view class="codeCont-name">
{{userInfo.nickname}}
</view>
</view>
<image class="codeCont-words" src="/static/img/user-codeTips-02.png" mode="widthFix"></image>
<image class="codeCont-code" src="{{qrcode}}" mode="aspectFill"></image>
<view class="codeCont-code">
<view class="codeCont-title">
<view class="codeCont-title-text">邀好友享福利</view>
<view class="codeCont-title-tips">邀请好友加入本时生活</view>
</view>
<image class="codeCont-img" src="{{qrcode}}" mode="aspectFill"></image>
</view>
</view>
<view class="codeShare">
<button class="codeShare-label codeShare-button" open-type="share" hover-class="none">
<image src="/static/img/code_icon_00.png"></image>
微信好友
</button>
<view class="codeShare-label" bindtap="shareShow">
<image src="/static/img/code_icon_01.png"></image>
朋友圈
</view>
<view class="codeShare-label" bindtap="removeSaveImg" hover-class="none">
下载海报
<image src="/static/img/code_icon_02.png"></image>
生成海报
</view>
</view>
<!-- 海报canvas -->
<canvas class="canvasImg" canvas-id="qrcodeCard"></canvas>
<!-- 图片弹出层 -->
<view class="user-lay sign-img-lay" wx:if="{{isImgLay}}">
<view class="user-back">
<image class="user-back-img" src="/static/img/user-codeImg-active.png" mode="aspectFill"></image>
<image class="user-back-img" src="/static/img/code_share.png" mode="widthFix"></image>
<view class="user-back-cont">
<view class="user-back-avatar">
<image src="{{userInfo.avatar}}" mode="aspectFill"></image>
<view class="">
{{userInfo.nickname}}
</view>
</view>
<view class="user-back-yard">
<image src="{{qrcode}}" mode="aspectFill"></image>
<view class="codeBack-yard-name">
邀请好友扫码，即可绑定关系
</view>
<view class="codeBack-yard-name">
<view class="codeBack-yard-title">扫码享福利</view>
<view>识别二维码加入本时生活</view>
</view>
<image src="{{qrcode}}" mode="aspectFill"></image>
</view>
</view>
<button class="sign-img-btn" size="mini" bindtap="saveImg">保存到相册</button>
<button class="sign-img-btn remove-btn" size="mini" bindtap="removeSaveImg">取消</button>
</view>
<!-- 朋友圈提示弹出 -->
<view class="sharePop" wx:if="{{shareState}}" bindtap="shareShow">
<image class="sharePop-row" src="/static/img/code_share_01.png" mode="widthFix"></image>
<view class="shareList">
<view class="shareLabel">
<text>1</text>
点击右上角<image src="/static/img/code_share_00.png" mode="aspectFill"></image>打开菜单
</view>
<view class="shareLabel">
<text>2</text>
选择菜单<image src="/static/img/code_share_02.png" mode="aspectFill"></image>分享朋友圈
</view>
</view>
</view>