<!-- 临时 -->
<!-- <view bindtap="followCode" style="position: fixed; z-index: 99999; background-color: #fff; width: 100%; top: 600rpx;">关注公众安号</view> -->

<!-- 参与流程 start -->
<block wx:if="{{type == 'flowPath'}}">
    <image class="recruit-title" src="https://cdn.shuiganying.com/images/2023/07/07/0ff31357e1b3c2237bbb797a07c9a418.png" mode="widthFix"></image>
    <view class="recruit">
        <image class="recruit-back" src="https://cdn.shuiganying.com/images/2023/07/07/a39118138469ebd5ca31eb316ff355aa.png" mode="widthFix"></image>
        <view class="recruit-cont">
            <view class="recruit-padding">
                <view class="recruit-block">
                    <view class="recruit-border">
                        <image class="recruit-img" src="https://cdn.shuiganying.com/images/2023/07/07/843c66b3a2cfcec3c1aff664029d32a8.png" mode="widthFix"></image>
                        <view class="recruit-white">
                            <view class="recruit-label">
                                <view class="recruit-title">
                                    <view class="recruit-name">招募人数</view>
                                    <view class="recruit-time">{{recruitData.total}}人</view>
                                </view>
                            </view>
                            <view class="recruit-label">
                                <view class="recruit-title">
                                    <view class="recruit-name">招募时间</view>
                                    <view class="recruit-time">{{recruitData.start_at}}</view>
                                </view>
                                <view class="recruit-text">即日起开始报名{{recruitData.total}}人，人满为止</view>
                            </view>
                            <view class="recruit-label">
                                <view class="recruit-title">
                                    <view class="recruit-name">招募时间</view>
                                </view>
                                <view class="recruit-text">剩余名额</view>
                                <view class="recruit-number">
                                    <view class="recruit-see" wx:for="{{recruitData.surplus.array}}" wx:key="surplus">
                                        <image class="recruit-see-img" src="https://cdn.shuiganying.com/images/2023/07/07/ffd0beb9825b9191c0ed2a17e07d57f4.png" mode="widthFix"></image>
                                        <text class="recruit-see-text">{{item}}</text>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </view>

                <!-- 流程 -->
                <view class="recruit-flow">
                    <image class="recruit-flow-img" src="https://cdn.shuiganying.com/images/2023/07/07/3f13e7baa0d18da70d40e632572dad84.png" mode="widthFix"></image>
                </view>
                <view class="recruit-block">
                    <view class="recruit-border">
                        <image class="recruit-img" src="https://cdn.shuiganying.com/images/2023/07/13/162f5eaa008fb1ea97fde41e16896076.png" mode="widthFix"></image>
                        <view class="recruit-unveil">
                            <navigator class="recruit-unveil-go" url="/pages/recruit/unveil/unveil" hover-class="none">申请体验官详细流程 > </navigator>
                        </view>
                    </view>
                </view>

                <!-- 按钮 -->
                <view class="recruit-btn">
                    <block wx:if="{{recruitData.is_show_button}}">
                        <image wx:if="{{recruitData.can.status == 3}}" class="recruit-btn-img {{recruitData.can.is_return != 0 ? 'active' : ''}}" src="https://cdn.shuiganying.com/images/2023/07/07/327b691cd8129d8945790fd2e7c34497.png" mode="widthFix"></image>
                        <image wx:else class="recruit-btn-img {{recruitData.can.status == 2 || recruitData.can.status == 4 || recruitData.can.status == 8 || recruitData.can.status == 9 || recruitData.can.status == 90 || recruitData.can.status == 91  || recruitData.can.status == 92 ? 'active' : ''}}" src="https://cdn.shuiganying.com/images/2023/07/07/327b691cd8129d8945790fd2e7c34497.png" mode="widthFix"></image>
                        <!-- 0可以申请  1需要面检测  2待审核  3驳回  4待发货  5签收-查看物流  6打卡  7第二次面  8兑换产品 9完成  90  未开始   91已结束  92活动关闭 -->
                        <view class="recruit-btn-text" wx:if="{{recruitData.can.status == 2 || recruitData.can.status == 4 || recruitData.can.status == 8 || recruitData.can.status == 9 || recruitData.can.status == 90 || recruitData.can.status == 91  || recruitData.can.status == 92 ? 'active' : ''}}">{{recruitData.can.text}}</view>
                        <view class="recruit-btn-text" wx:elif="{{recruitData.can.status == 3}}">
                            <view bindtap="editGo" wx:if="{{recruitData.can.is_return == 0}}">{{recruitData.can.text}}，重新编辑报名</view>
                            <view wx:else>{{recruitData.can.text}}</view>
                        </view>
                        <view class="recruit-btn-text" bindtap="applyGo" wx:else>{{recruitData.can.text}}</view>
                    </block>
                    <block wx:else>
                        <image class="recruit-btn-img active" src="https://cdn.shuiganying.com/images/2023/07/07/327b691cd8129d8945790fd2e7c34497.png" mode="widthFix"></image>
                        <view class="recruit-btn-text">暂无邀请人，无法申请体验</view>
                    </block>
                </view>
                <view class="reject-tips" bindtap="rejectGo" wx:if="{{recruitData.can.status == 3}}">查看驳回原因></view>
                <!--  <image src="/static/icons/rejectIcon.png" mode="widthFix"></image> -->
            </view>

            <view class="referto-tips" wx:if="{{recruitData.experience_notice != ''}}">
                <view class="referto-tips-name"><image src="https://cdn.shuiganying.com/images/2023/07/20/d0a4bd7fb4f923d4d1de8e868736dfa3.png" mode="widthFix"></image>温馨提示：</view>
                <view>{{recruitData.experience_notice}}</view>
            </view>

            <!-- 底部 -->
            <view class="recruit-bottom">
                <image class="recruit-bottom-img" src="https://cdn.shuiganying.com/images/2023/07/07/99bbdab2c12d05bb267fb43886f6a5b6.png" mode="widthFix"></image>
                <view class="recruit-bottom-text">水感应·好“雾”星球</view>
            </view>
        </view>
    </view>
</block>
<!-- 参与流程 end -->

<image class="backImg" src="https://cdn.shuiganying.com/images/2023/07/11/e1dce03b6a99b3a437ae39c9e0139264.png" mode="widthFix"></image>


<!-- 打卡 start -->
<block wx:if="{{type == 'clockIn'}}">
    <image class="clockImg" src="https://cdn.shuiganying.com/images/2023/07/10/5637f19fb58750b06b1f07de3777318c.png" mode="widthFix"></image>
    <view class="clockIn">
        <view class="recruit-padding">
            <!-- 日历 -->
            <view class="recruit-block">
                <view class="clockIn-border recruit-border">
                    <view class="clockInTitle">
                        <view class="clockInTitle-user">Hi！</view>
                        <view class="clockInTitle-text">今天是你打卡的第<view class="clockInTitle-day"><text>{{signDayNumber}}</text></view>天</view>
                    </view>
                    <view class="clockInDate">
                        <image class="clockInDate-img" src="https://cdn.shuiganying.com/images/2023/07/10/af0716c8c3f5f54cf3be7e9e683a0e79.png" mode="widthFix"></image>
                        <view class="date">
                            <view class="arrow-left" bindtap="couponNumber" data-type="remove">
                                <image src="https://cdn.shuiganying.com/images/2023/07/10/49c72011750133f3eafd6be98d2b58e8.png" mode="widthFix"></image>
                            </view>
                            <view class="arrow-moon">{{selectMonth}}</view>
                            <view class="arrow-left arrow-right" bindtap="couponNumber" data-type="plus">
                                <image src="https://cdn.shuiganying.com/images/2023/07/10/49c72011750133f3eafd6be98d2b58e8.png" mode="widthFix"></image>
                            </view>
                        </view>
                        <view class="list">
                            <view class="week">
                                <view class="week-label">
                                    日
                                </view>
                                <view class="week-label">
                                    一
                                </view>
                                <view class="week-label">
                                    二
                                </view>
                                <view class="week-label">
                                    三
                                </view>
                                <view class="week-label">
                                    四
                                </view>
                                <view class="week-label">
                                    五
                                </view>
                                <view class="week-label">
                                    六
                                </view>
                            </view>
                            <view class="day">
                                <view class="day-label" wx:for="{{calendarData}}" wx:key="calendar">
                                    <block wx:if="{{item.isToday}}">
                                        <view class="label-block current">{{item.day}}</view>
                                    </block>
                                    <block wx:else>
                                        <view class="label-block {{item.isDisabled ? 'active' : ''}}" wx:if="{{!item.isSign}}">{{item.day}}</view>
                                        <image class="label-success" wx:else src="https://cdn.shuiganying.com/images/2023/07/12/e0609d68a04be6b3c0d2b4c8b41e7a9a.png" mode="widthFix"></image>
                                    </block>
                                </view>
                            </view>
                        </view>

                        <view class="total">
                            <view class="total-left">
                                <view class="total-left-text">每日打卡获得<text>{{signWaterNumber}}水滴</text>，累积打卡</view>
                                <view class="total-left-text">{{signDayCount}}天，可再次兑换1瓶水感应喷雾</view>
                            </view>
                            <block wx:if="{{recruitData.can.status == 6}}">
                                <view class="total-btn" bindtap="tapPop" wx:if="{{canSign}}">请打卡</view>
                                <view class="total-btn active" wx:else>已打卡</view>
                            </block>
                            <block wx:elif="{{recruitData.can.status == 7}}">
                                <view class="total-btn" bindtap="tapSecond">二次面检</view>
                            </block>
                            <block wx:elif="{{recruitData.can.status == 8}}">
                                <navigator class="total-btn" hover-class="none" url="/pages/recruit/exchange/exchange">兑换产品</navigator>
                            </block>
                            <block wx:else>
                                <view class="total-btn active">已完成</view>
                            </block>
                        </view>
                    </view>
                </view>
            </view>
            <!-- 对比 -->
            <view class="ratio" wx:if="{{recruitData.can.status == 8 || recruitData.can.status == 9}}">
                <view class="ratio-title">
                    <image src="https://cdn.shuiganying.com/images/2023/07/11/ba562256d9a11e2881c9d4627e5f083c.png" mode="widthFix"></image>
                </view>
                <view class="recruit-block">
                    <view class="clockIn-border recruit-border">
                        <view class="recruit-photo">
                            <view class="recruit-photo-img">
                                <image src="{{skinData.before.cover}}" mode="aspectFill"></image>
                            </view>
                            <view class="recruit-photo-text">VS</view>
                            <view class="recruit-photo-img">
                                <image src="{{skinData.after.cover}}" mode="aspectFill"></image>
                            </view>
                        </view>
                        <view class="recruit-data" wx:if="{{skinData.is_good}}">
                            <!-- 衰老度分析 -->
                            <view class="recruit-list" wx:if="{{skinData.params.senility}}">
                                <view class="recruit-list-name">衰老度分析</view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.forehead_wrinkle}}">
                                    <view class="recruit-list-label">抬头纹：{{skinData.params.senility.forehead_wrinkle.before}}</view>
                                    <view class="recruit-list-label">
                                        抬头纹：{{skinData.params.senility.forehead_wrinkle.after}}
                                        <image src="{{skinData.params.senility.forehead_wrinkle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.crows_feet}}">
                                    <view class="recruit-list-label">鱼尾纹：{{skinData.params.senility.crows_feet.before}}</view>
                                    <view class="recruit-list-label">
                                        鱼尾纹：{{skinData.params.senility.crows_feet.after}}
                                        <image src="{{skinData.params.senility.crows_feet.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.glabella_wrinkle}}">
                                    <view class="recruit-list-label">眉间纹：{{skinData.params.senility.glabella_wrinkle.before}}</view>
                                    <view class="recruit-list-label">
                                        眉间纹：{{skinData.params.senility.glabella_wrinkle.after}}
                                        <image src="{{skinData.params.senility.glabella_wrinkle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.nasolabial_fold}}">
                                    <view class="recruit-list-label">法令纹：{{skinData.params.senility.nasolabial_fold.before}}</view>
                                    <view class="recruit-list-label">
                                        法令纹：{{skinData.params.senility.nasolabial_fold.after}}
                                        <image src="{{skinData.params.senility.nasolabial_fold.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.fine_line.forehead_count}}">
                                    <view class="recruit-list-label">额头区域细纹：{{skinData.params.senility.fine_line.forehead_count.before}}</view>
                                    <view class="recruit-list-label">
                                        额头区域细纹：{{skinData.params.senility.fine_line.forehead_count.after}}
                                        <image src="{{skinData.params.senility.fine_line.forehead_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.fine_line.left_undereye_count}}">
                                    <view class="recruit-list-label">左眼部区域细纹：{{skinData.params.senility.fine_line.left_undereye_count.before}}</view>
                                    <view class="recruit-list-label">
                                        左眼部区域细纹：{{skinData.params.senility.fine_line.left_undereye_count.after}}
                                        <image src="{{skinData.params.senility.fine_line.left_undereye_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.fine_line.right_undereye_count}}">
                                    <view class="recruit-list-label">右眼部区域细纹：{{skinData.params.senility.fine_line.right_undereye_count.before}}</view>
                                    <view class="recruit-list-label">
                                        右眼部区域细纹：{{skinData.params.senility.fine_line.right_undereye_count.after}}
                                        <image src="{{skinData.params.senility.fine_line.right_undereye_count < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.wrinkle_count.forehead_count}}">
                                    <view class="recruit-list-label">额头区域深纹：{{skinData.params.senility.wrinkle_count.forehead_count.before}}</view>
                                    <view class="recruit-list-label">
                                        额头区域深纹：{{skinData.params.senility.wrinkle_count.forehead_count.after}}
                                        <image src="{{skinData.params.senility.wrinkle_count.forehead_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.wrinkle_count.left_undereye_count}}">
                                    <view class="recruit-list-label">左眼部区域深纹：{{skinData.params.senility.wrinkle_count.left_undereye_count.before}}</view>
                                    <view class="recruit-list-label">
                                        左眼部区域深纹：{{skinData.params.senility.wrinkle_count.left_undereye_count.after}}
                                        <image src="{{skinData.params.senility.wrinkle_count.left_undereye_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.senility.wrinkle_count.right_undereye_count}}">
                                    <view class="recruit-list-label">右眼部区域深纹：{{skinData.params.senility.wrinkle_count.right_undereye_count.before}}</view>
                                    <view class="recruit-list-label">
                                        右眼部区域深纹：{{skinData.params.senility.wrinkle_count.right_undereye_count.after}}
                                        <image src="{{skinData.params.senility.wrinkle_count.right_undereye_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                            </view>

                            <!-- 眼部分析 -->
                            <view class="recruit-list" wx:if="{{skinData.params.eye_bag}}">
                                <view class="recruit-list-name">眼部分析</view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.eye_bag.eye_pouch}}">
                                    <view class="recruit-list-label">眼袋：{{skinData.params.eye_bag.eye_pouch.before}}</view>
                                    <view class="recruit-list-label">
                                        眼袋：{{skinData.params.eye_bag.eye_pouch.after}}
                                        <image src="{{skinData.params.eye_bag.eye_pouch.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.black_eye}}">
                                    <view class="recruit-list-label">黑眼圈：{{skinData.params.black_eye.dark_circle.before}}</view>
                                    <view class="recruit-list-label">
                                        黑眼圈：{{skinData.params.black_eye.dark_circle.after}}
                                        <image src="{{skinData.params.black_eye.dark_circle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                            </view>

                            <!-- 敏感度分析 -->
                            <view class="recruit-list" wx:if="{{skinData.params.sensitiveness}}">
                                <view class="recruit-list-name">敏感度分析</view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.sensitiveness.sensitivity.sensitivity_area}}">
                                    <view class="recruit-list-label">敏感区域面积：{{skinData.params.sensitiveness.sensitivity.sensitivity_area.before}}%</view>
                                    <view class="recruit-list-label">
                                        敏感区域面积：{{skinData.params.sensitiveness.sensitivity.sensitivity_area.after}}%
                                        <image src="{{skinData.params.sensitiveness.sensitivity.sensitivity_area.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity}}">
                                    <view class="recruit-list-label">敏感程度：{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.before}}</view>
                                    <view class="recruit-list-label">
                                        敏感程度：{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.after}}
                                        <image src="{{skinData.params.sensitiveness.sensitivity.sensitivity_intensity.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                            </view>

                            <!-- 毛孔分析 -->
                            <view class="recruit-list" wx:if="{{skinData.params.pore}}">
                                <view class="recruit-list-name">毛孔分析</view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.forehead_count}}">
                                    <view class="recruit-list-label">额头毛孔数：{{skinData.params.pore.enlarged_pore_count.forehead_count.before}}</view>
                                    <view class="recruit-list-label">
                                        额头毛孔数：{{skinData.params.pore.enlarged_pore_count.forehead_count.after}}
                                        <image src="{{skinData.params.pore.enlarged_pore_count.forehead_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.chin_count}}">
                                    <view class="recruit-list-label">下巴毛孔数：{{skinData.params.pore.enlarged_pore_count.chin_count.before}}</view>
                                    <view class="recruit-list-label">
                                        下巴毛孔数：{{skinData.params.pore.enlarged_pore_count.chin_count.after}}
                                        <image src="{{skinData.params.pore.enlarged_pore_count.chin_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.left_cheek_count}}">
                                    <view class="recruit-list-label">左脸颊毛孔数：{{skinData.params.pore.enlarged_pore_count.left_cheek_count.before}}</view>
                                    <view class="recruit-list-label">
                                        左脸颊毛孔数：{{skinData.params.pore.enlarged_pore_count.left_cheek_count.after}}
                                        <image src="{{skinData.params.pore.enlarged_pore_count.left_cheek_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pore.enlarged_pore_count.right_cheek_count}}">
                                    <view class="recruit-list-label">右脸颊毛孔数：{{skinData.params.pore.enlarged_pore_count.right_cheek_count.before}}</view>
                                    <view class="recruit-list-label">
                                        右脸颊毛孔数：{{skinData.params.pore.enlarged_pore_count.right_cheek_count.after}}
                                        <image src="{{skinData.params.pore.enlarged_pore_count.right_cheek_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                            </view>

                            <!-- 黑头分析 -->
                            <view class="recruit-list" wx:if="{{skinData.params.blackhead.blackhead_count}}">
                                <view class="recruit-list-name">黑头分析</view>
                                <view class="recruit-list-item">
                                    <view class="recruit-list-label">黑头数：{{skinData.params.blackhead.blackhead_count.before}}</view>
                                    <view class="recruit-list-label">
                                        黑头数：{{skinData.params.blackhead.blackhead_count.after}}
                                        <image src="{{skinData.params.blackhead.blackhead_count.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                            </view>

                            <!-- 色素分析 -->
                            <view class="recruit-list" wx:if="{{skinData.params.pigment}}">
                                <view class="recruit-list-name">色素分析</view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pigment.closed_comedones.rectangle}}">
                                    <view class="recruit-list-label">闭口粉刺：{{skinData.params.pigment.closed_comedones.rectangle.before}}</view>
                                    <view class="recruit-list-label">
                                        闭口粉刺：{{skinData.params.pigment.closed_comedones.rectangle.after}}
                                        <image src="{{skinData.params.pigment.closed_comedones.rectangle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pigment.acne.rectangle}}">
                                    <view class="recruit-list-label">痤疮：{{skinData.params.pigment.acne.rectangle.before}}</view>
                                    <view class="recruit-list-label">
                                        痤疮：{{skinData.params.pigment.acne.rectangle.after}}
                                        <image src="{{skinData.params.pigment.acne.rectangle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pigment.brown_spot.rectangle}}">
                                    <view class="recruit-list-label">色斑：{{skinData.params.pigment.brown_spot.rectangle.before}}</view>
                                    <view class="recruit-list-label">
                                        色斑：{{skinData.params.pigment.brown_spot.rectangle.after}}
                                        <image src="{{skinData.params.pigment.brown_spot.rectangle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                                <view class="recruit-list-item" wx:if="{{skinData.params.pigment.mole.rectangle}}">
                                    <view class="recruit-list-label">痣：{{skinData.params.pigment.mole.rectangle.before}}</view>
                                    <view class="recruit-list-label">
                                        痣：{{skinData.params.pigment.mole.rectangle.after}}
                                        <image src="{{skinData.params.pigment.mole.rectangle.diff < 0 ? '/static/icons/drop.png' : '/static/icons/flat.png'}}" mode="widthFix"></image>
                                    </view>
                                </view>
                            </view>
                        </view>

                        <view class="recruit-data recruit-tips" wx:else>
                            <image class="recruit-data-img" src="https://cdn.shuiganying.com/images/2023/07/17/0d4647fca97e716664791bbbadca924a.png" mode="widthFix"></image>
                            <view class="recruit-data-text">请您继续使用我们的产品哦~</view>
                        </view>

                    </view>
                </view>
            </view>

            <!-- 按钮 -->
            <view class="clockIn-tool">
                <view class="clockIn-btn" bindtap="dailyBind">
                    <image class="clockIn-btn-img" src="https://cdn.shuiganying.com/images/2023/07/10/81929ad1ad773ad59bc461da4acff445.png" mode="widthFix"></image>
                    <view class="clockIn-btn-text">日常分享</view>
                </view>
                <navigator hover-class="none" url="/pages/recruit/writeList/writeList?experienceId={{recruitData.experience_id}}" class="clockIn-btn">
                    <image class="clockIn-btn-img" src="https://cdn.shuiganying.com/images/2023/07/10/c7a52b0906209823c68ca293946ae051.png" mode="widthFix"></image>
                    <view class="clockIn-btn-text">体验心得</view>
                </navigator>
            </view>

        </view>

        <!-- 底部 -->
        <view class="recruit-bottom">
            <image class="recruit-bottom-img" src="https://cdn.shuiganying.com/images/2023/07/07/99bbdab2c12d05bb267fb43886f6a5b6.png" mode="widthFix"></image>
            <view class="recruit-bottom-text">水感应·好“雾”星球</view>
        </view>
    </view>
</block>
<!-- 打卡 end -->


<!-- 关注漂浮窗 -->
<block wx:if="{{userLogin}}">
    <view class="floating">
        <navigator hover-class="none" url="/pages/recruit/poster/poster" class="shareFloat">
            <image class="floating-img" src="https://cdn.shuiganying.com/images/2023/07/31/f9ff6ae69e773f265da11c6125017060.png" mode="widthFix"></image>
            <view class="floating-name">分享体验官</view>
        </navigator>
        <view class="followFloat" bindtap="followHide" wx:if="{{!recruitData.is_subscribe}}">
            <image class="floating-img" src="https://cdn.shuiganying.com/images/2023/07/14/43ab4bc418a12de6183e11d91cf3e518.png" mode="widthFix"></image>
            <view class="floating-name">关注公众号</view>
        </view>
    </view>
</block>

<!-- 公众号弹出 -->
<view class="followPop {{followState ? 'active' : ''}}" catchtouchmove='true'></view>
<view class="followCont {{followState ? 'active' : ''}}" catchtouchmove='true'>
    <view class="followOfficial" wx:if="{{isOfficial}}">
        <official-account style="width:100%;height:168rpx;"></official-account>
        <image class="weChat-close" src="/static/icons/uricacidClose.png" bindtap="tapGo" mode="widthFix"></image>
    </view>
    <view class="followText" wx:else>
        <view class="weChat-title">关注公众号</view>
        <image class="weChat-close" src="/static/icons/uricacidClose.png" bindtap="tapGo"></image>
        <image class="weChat-img" src="{{recruitData.official_code}}" mode="widthFix" show-menu-by-longpress="true" bindtap="previewImage"></image>
        <view class="weChat-text"><text>请关注”水感应“公众号</text><text>以便收到活动通知</text></view>
        <view class="weChat-tips"><text>请长按识别二维码关注公众号</text></view>
    </view>
</view>

<!-- 日常分享弹出 -->
<view class="dailyBack {{dailyState ? 'active' : ''}}" catchtouchmove='true'></view>
<view class="dailyCont {{dailyState ? 'active' : ''}}" catchtouchmove='true'>
    <view class="dailyCont-img">
        <image src="https://cdn.shuiganying.com/images/2023/07/14/a6fcd5a3203623f969058c29dd854890.png" mode="widthFix"></image>
    </view>
    <view class="dailyCont-white">
        <view class="dailyCont-title">日常分享 <image src="/static/icons/reportColse.png" mode="widthFix" bindtap="dailyClose"></image>
        </view>
        <view class="dailyCont-list">
            <view class="dailyCont-label" wx:for="{{dailyData}}" wx:key="dailyData">
                <view class="dailyCont-icon">
                    <image src="{{item.cover}}" mode="widthFix"></image>
                </view>
                <view class="dailyCont-text">
                    <view class="dailyCont-text-name">{{item.title}}</view>
                    <view class="dailyCont-text-tips">
                        <image src="https://cdn.shuiganying.com/images/2023/07/14/3b0be0d084e44b38c54cd67e1e5cf808.png" mode="widthFix"></image>
                        <text>+1</text>分享链接成功可获得水滴
                    </view>
                </view>
                <view class="dailyCont-go" data-title="{{item.title}}" data-id="{{item.category_id}}" bindtap="shareTap" wx:if="{{item.can_share}}">分享</view>
                <view class="dailyCont-go active" wx:else>分享</view>
            </view>
            <view class="dailyCont-record">
                <view class="dailyCont-record-go" bindtap="recordTap">分享记录> </view>
            </view>
        </view>
    </view>
</view>


<!-- 日常管理连接地址弹框 -->
<view class="publicBack" wx:if="{{nameState}}" catchtouchmove='true'></view>
<view class="publicPop" wx:if="{{nameState}}" catchtouchmove='true'>
    <view class="publicPop-cont">
        <view class="free-title">{{dailyTitle}}分享地址</view>
        <form bindsubmit="freeform" class="site-form">
            <view class="free-input">
                <input placeholder="请输入您分享的地址" type="text" bindinput="bindinput" name="url"></input>
            </view>
            <view class="publicPop-btn">
                <view class="publicPop-btn-go publicPop-btn-border" bindtap="establish">暂不分享</view>
                <button class="publicPop-btn-go" form-type="submit" disabled="{{disabled}}">确定分享</button>
            </view>
        </form>
    </view>
</view>