Files
cardtest/pages/code/code.wxml
zhangmanman bc38362878 [更新]
2021-07-14 10:08:28 +08:00

49 lines
2.0 KiB
Plaintext

<image class="codeTitle" src="/static/img/user-codeTitle.png"></image>
<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-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>
<view class="codeShare">
<button class="codeShare-label codeShare-button" open-type="share" hover-class="none">
微信好友
</button>
<view class="codeShare-label" bindtap="removeSaveImg" hover-class="none">
下载海报
</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>
<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>
</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>