<view class="codeTitle">
    <image src="/static/img/code_title.png" mode="widthFix"></image>
</view>
<view class="codeCont">
    <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>
    <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/code_share.png" mode="widthFix"></image>
        <view class="user-back-cont">
            <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>