<view class="navigation {{isFixedTop > 0 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
    <image bindtap="returnGo" class="navigation-arrow" src="/static/icons/returnBlue.png"></image>
</view>

<!-- 顶部背景 -->
<view class="top">
    <image class="top-back" src="https://cdn.shuiganying.com/images/2023/05/29/7b5b013190e9e9d4fcf2a69488547322.png" mode="widthFix"></image>
</view>

<view class="seeCont">
    <view class="seeBorder">
        <view class="seeTop">
            <view class="seeTop-img">
                <image class="seeTop-img-title" src="https://cdn.shuiganying.com/images/2023/04/04/778fe6a5624f8276a9bf7804ce1bc26a.png" mode="widthFix"></image>
                <image class="seeTop-img-line" src="/static/report/shareLine.png" mode="widthFix"></image>
            </view>
            <view class="seeTop-cont">
                <view class="seeTop-cont-name">水感应 | AI测肤</view>
                <view class="seeTop-cont-tips">基于强大人脸算法，深度图像学习能力，准确分析皮肤状态，针对性发现皮肤问题</view>
                <view class="seeTop-cont-text">肤质、肤色、肤龄、皱纹、毛孔、黑头等~</view>
            </view>
            <view class="seeTop-share">
                <view class="seeTop-share-title">
                    <view class="seeTop-share-name">参与测试成为VIP立享VIP权益！</view>
                    <view class="seeTop-share-text">活动火爆，先到先得哦~</view>
                </view>
                <view class="seeTop-share-code">
                    <image class="seeTop-share-img" src="{{inviteCode}}" mode="widthFix"></image>
                </view>
            </view>
        </view>
    </view>
    <view class="seeBtn">
        <button class="seeBtn-btn seeBtn-btn-border" open-type="share" hover-class="none">微信好友</button>
        <view class="seeBtn-btn" bindtap="onCanvas">保存海报</view>
    </view>
</view>

<!-- 海报canvas -->
<canvas type="2d" style="width: 375px; height: 800px;" id="coverCanvas" class="canvas-img" />