kkc-shop
/
kkc-go


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>易租租-用户</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/api/static/css/index.css">
    <link rel="stylesheet" href="/api/static/css/user.css">
</head>
<body>
<div class="user-page">
    <div style="position: fixed;top: 0;width: 100%;height: 100%;left: 0;right: 0;z-index:-1">
        <img src="/api/static/image/user-page-back.png" style="width: 100VW;height: 100%"/>
    </div>
    <div class="user-page-login">
        <div class="user-info-show">
            <div class="user-info-show-avatar">
                <img src="/api/static/image/def_image.png"/>
            </div>
            <div class="user-info-show-name">
                <div class="user-info-show-name-text">名称</div>
                <div class="user-info-show-name-button">完善资料 ></div>
            </div>
        </div>

    </div>
    <div class="user-page-handler">
        <div class="user-handler-info">
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number">0</div>
                <div class="user-handler-info-item-remark">积分</div>
            </div>
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number">0</div>
                <div class="user-handler-info-item-remark">卡券</div>
            </div>
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number">0.00</div>
                <div class="user-handler-info-item-remark">账户余额</div>
            </div>
            <div class="user-handler-info-item">
                <div class="user-handler-info-item-number">0.00</div>
                <div class="user-handler-info-item-remark">累计收益</div>
            </div>
        </div>

        <div class="user-handler-other">
            <div class="user-handler-other-header">
                <div class="title">我的订单</div>
                <div class="more-btn">全部</div>
            </div>
            <div class="user-handler-other-bottom">
                <div class="user-handler-other-bottom-item">
                    <div class="icon">
                        <img src="/api/static/image/bar/wallet.svg"/>
                    </div>
                    <div class="label">待付款</div>
                </div>
                <div class="user-handler-other-bottom-item">
                    <div class="icon">
                        <img src="/api/static/image/bar/wallet.svg"/>
                    </div>
                    <div class="label">待付款</div>
                </div>
                <div class="user-handler-other-bottom-item">
                    <div class="icon">
                        <img src="/api/static/image/bar/wallet.svg"/>
                    </div>
                    <div class="label">待付款</div>
                </div>
                <div class="user-handler-other-bottom-item">
                    <div class="icon">
                        <img src="/api/static/image/bar/wallet.svg"/>
                    </div>
                    <div class="label">待付款</div>
                </div>
                <div class="user-handler-other-bottom-item">
                    <div class="icon">
                        <img src="/api/static/image/bar/wallet.svg"/>
                    </div>
                    <div class="label">待付款</div>
                </div>
                <div class="user-handler-other-bottom-item">
                    <div class="icon">
                        <img src="/api/static/image/bar/wallet.svg"/>
                    </div>
                    <div class="label">待付款</div>
                </div>
            </div>
        </div>
        <div class="user-handler-service"></div>
        <div class="user-handler-publicize"></div>
        <div class="user-handler-goods-recommend">
            <div class="user-handler-goods-recommend-header">
                <div class="title">我的订单</div>
                <div class="more-btn">全部</div>
            </div>
            <div class="user-handler-goods-recommend-skus">
                <div class="sku-item">
                    <div class="image">
                        <img src="/api/static/image/def_image.png"/>
                    </div>
                    <div class="name">100钻石</div>
                </div>
                <div class="sku-item">
                    <div class="image">
                        <img src="/api/static/image/def_image.png"/>
                    </div>
                    <div class="name">100钻石</div>
                </div>
                <div class="sku-item">
                    <div class="image">
                        <img src="/api/static/image/def_image.png"/>
                    </div>
                    <div class="name">100钻石</div>
                </div>
                <div class="sku-item">
                    <div class="image">
                        <img src="/api/static/image/def_image.png"/>
                    </div>
                    <div class="name">100钻石</div>
                </div>
                <div class="sku-item">
                    <div class="image">
                        <img src="/api/static/image/def_image.png"/>
                    </div>
                    <div class="name">100钻石</div>
                </div>
            </div>

        </div>
    </div>

</div>
<div class="router-bar-view" id="router-bar-view">
    <div class="view-header">
        <div class="view-header-back-btn">
            <div class="header-return" id="header-return"></div>
            <div class="header-title">标题</div>
        </div>
    </div>
    {{template "user_info.tmpl" . }}
    <!--    用户信息-->
    <div class="router-bar-user-info-view"></div>
    <!--    用户设置-->
    <div class="router-bar-user-setting-view" id="router-user-setting"></div>
    <!--    用户优惠券-->
    <div class="router-bar-user-coupon-view" id="router-user-coupon"></div>
    <!--    用户余额-->
    <div class="router-bar-user-balance-view" id="router-user-balance"></div>
    <!--    用户收益-->
    <div class="router-bar-user-earnings-view" id="router-user-earnings"></div>
    <!--    订单-->
    <div class="router-bar-user-order-view" id="router-user-order"></div>
</div>
{{template "FooterBar.tmpl" .}}
</body>
<script>
    setTimeout(function () {
        let imgs = document.getElementsByTagName("img");
        if (imgs) {
            for (let i = 0; i < imgs.length; i++) {
                if (!imgs[i].getAttribute("src")) {
                    imgs[i].setAttribute("src", "/api/static/image/def_image.png")
                }
            }
        }
    }, 100)

    document.getElementById("header-return").addEventListener("click", function () {
        showOrNoneUserReturn()
    })
    let showRouteNameList = ["router-user-info", "router-user-setting", "router-user-coupon", "router-user-balance", "router-user-earnings", "router-user-order"]
    let showRouteName = ""

    function init() {
        //打开用户信息页面
        let userInfo = document.getElementsByClassName("user-info-show-name-text");
        let avatar = document.getElementsByClassName("user-info-show-avatar")
        for (let i = 0; i < userInfo.length; i++) {
            userInfo[i].addEventListener("click", function () {
                showOrNoneUserReturn()
                showRouteName = "router-user-info"
            })
        }for (let i = 0; i < avatar.length; i++) {
            avatar[i].addEventListener("click", function () {
                showOrNoneUserReturn()
                showRouteName = "router-user-info"
            })
        }


    }

    function showOrNoneUserReturn() {
        let page = document.getElementById("user-page");
        let bar = document.getElementById("router-bar-view");
        if (bar.style.display) {
            bar.style.display = ""
            page.style.display = "none"
            showRouteName = ""
        } else {
            bar.style.display = "none"
            page.style.display = ""
        }
        for (let i = 0; i < showRouteNameList.length; i++) {
            let res = showRouteNameList[i] === showRouteName
            document.getElementById(showRouteName).style.display = res ? "" : "none"
        }

    }
</script>
</html>