<view class="Usetop">
    <!-- 双节 -->
    <!-- <image class="Usetop-back" mode="aspectFill" src="https://api.siyuankunlun.com/storage/images/2023/09/22/786a12e4d61acb22bcbb2e90cb7ce023.png"></image> -->

    <!-- 默认 -->
    <image class="Usetop-back" mode="aspectFill" src="http://cdn.siyuankunlun.com/materials/2022/10/14/uaer_back.jpg"></image>

    <view class="Usetop-range" style="padding-top:{{barHeight + jiaonangheight}}px;">
        <view class="Usetop-cont" wx:if="{{userLogin}}">
            <view class="Usetop-head {{identity.order == '1' ? 'active' : ''}}" bindtap="updImg">
                <image class="Usetop-head-avatar" src="{{avatar ? avatar : '../../static/imgs/default_myHead.png'}}" mode="aspectFill"></image>

                <!-- 双节 -->
                <!-- <image class="userTop-head-frame" src="https://api.siyuankunlun.com/storage/images/2023/09/22/e4e9b20fe4192e5617fa2eaa630afae8.png" mode=""></image> -->

                <!-- 默认 -->
                <image wx:if="{{identity.order == '1'}}" class="Usetop-head-ancrown" src="http://api.siyuankunlun.com/materials/2022/09/19/ancrown_pt.png" mode=""></image>
                <image wx:else class="Usetop-head-ancrown" src="http://api.siyuankunlun.com/materials/2022/09/14/ancrown.png" mode=""></image>
            </view>
            <view class="Usetop-text">
                {{nickName}}
                <image wx:if="{{identity.order == '1'}}" src="/static/icons/member_01.png" mode="widthFix"></image>
                <image wx:elif="{{identity.order == '2'}}" src="/static/icons/member_02.png" mode="widthFix"></image>
                <image wx:elif="{{identity.order == '3'}}" src="/static/icons/member_03.png" mode="widthFix"></image>
                <image wx:elif="{{identity.order == '4'}}" src="/static/icons/member_04.png" mode="widthFix"></image>
                <image wx:elif="{{identity.order == '5'}}" src="/static/icons/member_05.png" mode="widthFix"></image>
                <image wx:else src="/static/icons/member_06.png" mode="widthFix"></image>
            </view>
        </view>
        <view class="Usetop-cont" wx:else>
            <view class="Usetop-head active">
                <image class="Usetop-head-avatar" bindtap="updImg" src="../../static/imgs/default_myHead.png" mode="aspectFill"></image>
            </view>
            <navigator hover-class="none" url="../login/index" class="Usetop-text">
                请先登录
            </navigator>
        </view>
    </view>
    <view class="Usetop-see">
        <view bindtap="userNav" data-url="/pages/water/index" class="Usetop-see-label">
            <image class="Usetop-see-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/14/userSee_01.png"></image>
            <view class="nowrap Usetop-see-name">
                水滴
                <text>{{account.score.surplus ? account.score.surplus : '0'}}</text>
            </view>
        </view>
        <view bindtap="userNav" data-url="/pages/coupons/organize/index" class="Usetop-see-label">
            <image class="Usetop-see-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/14/userSee_02.png"></image>
            <view class="Usetop-see-name">
                券
                <text>{{count.coupon ? count.coupon : '0'}}</text>
            </view>
        </view>
        <view bindtap="userNav" data-url="/pages/account/index/index" class="Usetop-see-label">
            <image class="Usetop-see-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/14/userSee_03.png"></image>
            <view class="Usetop-see-name">
                余额
                <text>{{account.balance ? account.balance : '0'}}</text>
            </view>
        </view>
    </view>
</view>

<view class="matter">
    <view class="matter-text matter-left">
        <view class="matter-text-label">
            PH 7.8
        </view>
        <view class="matter-text-label">
            锶≥3<text>(mg/L)</text>
        </view>
        <view class="matter-text-label">
            镁≥100<text>(mg/L)</text>
        </view>
    </view>
    <image class="matter-center" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/14/userGif.gif"></image>
    <view class="matter-text matter-right">
        <view class="matter-text-label">
            钙≥200<text>(mg/L)</text>
        </view>
        <view class="matter-text-label">
            钾≥18<text>(mg/L)</text>
        </view>
        <view class="matter-text-label">
            钠≥100<text>(mg/L)</text>
        </view>
    </view>
</view>

<!-- 会员 -->
<view class="member" catchtap="judge" style="display: none;">
    <image class="member-image" src="/static/imgs/member.png" mode="aspectFill"></image>
    <view class="member-text">
        <view class="member-text-top">
            <image class="member-text-top-icon" mode="widthFix" src="/static/ls/memberIcon.png"></image>
            <image class="member-text-top-title" mode="widthFix" src="/static/ls/memberTitle.png"></image>
        </view>
        <view class="member-text-tips">
            <view class="member-text-name" wx:if="{{userLogin}}">
                {{identity.id == '1' ? '开通锶享会员' : identity.name}}
            </view>
            <view class="member-text-name" wx:else>
                开通锶享会员
            </view>
            <view class="member-text-more">
                <text wx:if="{{!userLogin}}">立即登录</text>
                <text wx:elif="{{identity.id == '1'}}">立即开通</text>
                <text wx:else>查看权益</text>
                <image src="/static/ls/memberArrow.png" mode="widthFix"></image>
            </view>
            <view class="member-text-time" wx:if="{{userLogin}}">
                <block wx:if="{{identity.id != '1'}}">
                    <text>{{identityShow.times.serial}}</text>
                    有效期： {{identityShow.times.ended_at}}
                </block>
            </view>
        </view>
    </view>
</view>

<!-- 入口 -->
<view class="entry">
    <view bindtap="userNav" data-url="./collect/collect" class="entry-label entry-collect">
        <image class="entry-label-img" mode="aspectFill" src="http://cdn.siyuankunlun.com/materials/2022/10/14/entryBack_01.jpg"></image>
        <view class="entry-label-title">
            <view class="entry-label-english">collect</view>
            <text>探索 收藏</text>
            <view class="entry-label-more">
                查看收藏<image src="http://cdn.siyuankunlun.com/materials/2022/10/14/entryArr.png" mode="widthFix"></image>
            </view>
        </view>
    </view>
    <!-- <view bindtap="await" class="entry-label entry-goods"> -->
    <navigator hover-class="none" url="/pages/mall/goods/index" class="entry-label entry-goods">
        <image class="entry-label-img" mode="aspectFill" src="http://cdn.siyuankunlun.com/materials/2022/10/14/entryBack_02.jpg"></image>
        <view class="entry-label-title">
            <text>产品中心</text>
            <image class="entry-goods-icon" src="http://cdn.siyuankunlun.com/materials/2022/10/14/entryName.png" mode="widthFix"></image>
        </view>
        <image class="entry-goods-img" src="http://cdn.siyuankunlun.com/materials/2022/10/14/entryImg.png" mode="widthFix"></image>
    </navigator>
</view>

<!-- 每日任务 -->
<view class="task">
    <view class="taskCont">
        <view class="taskCont-tab">
            <text>水滴任务</text>
        </view>
        <!-- <view class="taskCont-tab">
            <view class="taskCont-tab-label {{listType == item.category_id ? 'active' : ''}}" bindtap="onTabs" data-type="{{item.category_id}}" wx:for="{{taskSort}}" wx:key="taskSort"><text>{{item.title}}</text></view>
        </view> -->

        <!-- 健康任务 -->
        <view class="taskCont-list">
            <!-- await 敬请期待 -->
            <block wx:if="{{taskArr.length > 0}}">
                <view class="taskCont-item" bindtap="JumpUrl" wx:for="{{taskArr}}" wx:key="taskArr" data-url="{{item.linker.path}}" data-type="{{item.linker.openType}}" data-state="{{item.user.finish}}" data-key="{{item.key}}">
                    <view class="taskCont-item-icon">
                        <image src="{{item.ico}}"></image>
                    </view>
                    <view class="taskCont-item-text">
                        <view class="taskCont-item-title">{{item.title}}</view>
                        <view class="taskCont-item-tips"><text>+</text>{{item.tips}}</view>
                    </view>
                    <view class="taskCont-item-go">
                        <view class="taskCont-item-number {{item.user.finish == 1 ? 'active' : ''}}">{{item.user.total}}/{{item.user.all}}</view>
                        <image class="taskCont-item-more" src=" {{item.user.finish == 1 ? '/static/ls/taskIcon_05_active.png' : '/static/ls/taskIcon_05.png'}}"></image>
                    </view>
                </view>
            </block>
            <view class="taskCont-no" wx:else>
                <image src="http://cdn.siyuankunlun.com/materials/2022/10/26/noContent.png"></image>
                <text>~暂无任务~</text>
            </view>
        </view>
    </view>
</view>

<!-- 右侧导航 -->
<view class="rightBack {{rightShow ? 'active' : ''}}" bindtap="rightBind"></view>
<view class="rightNav {{rightShow ? 'active' : ''}}">
    <image class="rightIcon" src="/static/ls/userTap.png" mode="widthFix" bindtap="rightBind"></image>
    <view class="rightCont" style="padding-top:{{barHeight + jiaonangheight}}px;">
        <view class="rightCont-text">
            <view class="rightCont-text-top">
                <image class="rightCont-top-img" mode="widthFix" src="http://cdn.siyuankunlun.com/materials/2022/10/11/guideLogo.png"></image>
                <view class="rightCont-top-name"><text>管理模块</text></view>
                <view class="rightCont-top-text">用户管理模块工具</view>
            </view>
            <scroll-view class="rightCont-text-label" style="height: calc(100vh - {{barHeight + jiaonangheight}}px - 240rpx);" scroll-y="true">
                <block wx:if="{{userLogin}}">
                    <view bindtap="userNav" data-url="/pages/stock/index" class="rightCont-text-item">
                        <image class="rightCont-text-icon" src="/static/ls/userIcon_01.png"></image>
                        <view class="rightCont-text-name">库存量</view>
                        <view class="rightCont-text-tips">库存量信息</view>
                        <view class="rightCont-text-number" wx:if="{{ caseOrder.residue}}">{{ caseOrder.residue}}</view>
                    </view>
                    <view bindtap="userNav" data-url="./code/code" class="rightCont-text-item">
                        <image class="rightCont-text-icon" src="/static/ls/userIcon_03.png"></image>
                        <view class="rightCont-text-name">邀请码</view>
                        <view class="rightCont-text-tips">邀请好友加入</view>
                    </view>
                </block>
                <view bindtap="userNav" data-url="/pages/order/list/index?listType=paid" class="rightCont-text-item">
                    <image class="rightCont-text-icon" src="/static/ls/taskIcon_12.png"></image>
                    <view class="rightCont-text-name">我的订单</view>
                    <view class="rightCont-text-tips">锶源昆仑纯净水</view>
                </view>
                <navigator hover-class="none" url="./about/about" class="rightCont-text-item">
                    <image class="rightCont-text-icon" src="/static/ls/userIcon_09.png"></image>
                    <view class="rightCont-text-name">锶源昆仑</view>
                    <view class="rightCont-text-tips">锶源昆仑纯净水</view>
                </navigator>

                <view class="rightCont-text-item">
                    <image class="rightCont-text-icon" src="/static/ls/userIcon_11.png"></image>
                    <button class="rightCont-text-name" bindtap="onKf">锶源客服</button>
                    <view class="rightCont-text-tips">企业微信客服</view>
                </view>

                <view class="rightCont-text-item" bindtap="outLogin" wx:if="{{userLogin}}">
                    <image class="rightCont-text-icon" src="/static/ls/userIcon_10.png"></image>
                    <view class="rightCont-text-name">退出登录</view>
                    <view class="rightCont-text-tips">清空数据缓存</view>
                </view>
            </scroll-view>
        </view>
    </view>
</view>