wangyong
/
card


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415
							<html>

<head>
    <title>个人中心</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_2056629_vzvl0jvb2q.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
    <style>
        .my-head {
            display: flex;
            flex-direction: row;
            justify-content: space-around;
            /* padding: 2rem 0.2rem; */
            height: 2rem;
            height: 5.8rem;
            /* margin: 2rem auto; */
            margin-top: 2rem;
            margin-bottom: 1rem;
        }

        .my-img {
            width: 25%;
            border-radius: 50%;
            height: 2rem;

        }

        .my-img img {
            width: 100%;
            border-radius: 50%;
        }

        .my-my {
            /* line-height: 0.7rem; */
            padding-top: 0.3rem;
        }

        .my-name {
            font-size: 22px;
            font-weight: bold;
        }

        .my-tel {
            font-size: 12px;
            color: rgb(150, 150, 150);
            margin: 0.7rem auto;
        }

        .my-sm {
            border: 1px solid #c4c9c6;
            padding: 2px;
            text-align: center;
            color: #adf3ca;
            font-size: 12px;
            width: 55%;
            border-radius: 5px;
        }

        .my-two {
            border-radius: 16px;
            background: linear-gradient(135deg, #ff768a, #ffa96e);
            font-size: 12px;
            line-height: 1.8;

            color: #fff;
            width: 90%;
            margin: 0.2rem auto;
            padding: 1rem 0;
        }

        .my-num {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            font-size: 12px;
        }

        .my-num span {
            font-weight: bold;
        }

        .my-h {
            height: 1px;
            width: 100%;
            background-color: #fff;
            margin: 1rem auto;
        }

        .my-but {
            width: 100%;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
        }

        .my-shu {
            width: 90%;
            margin: 1rem auto;
        }

        .my-shu-li {
            margin-top: 1rem;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .my-shu-tit {
            display: flex;
            justify-content: space-between;
            width: 100%;
            font-size: 12px;
            color: #626262;
        }

        .my-shu-num {
            width: 15%;
        }

        .my-shu-n-col {
            background: rgba(105, 226, 179, 0.2);
            color: rgb(45, 210, 127);
        }

        .my-shu-n-col1 {
            background: rgba(80, 160, 255, 0.2);
            color: rgb(80, 160, 255);
        }

        .my-shu-n-col2 {
            background: rgb(226 150 105 / 20%);
            color: rgb(223 71 25);
        }

        .my-shu-n-col3 {
            background: rgba(255, 169, 110, 0.2);
            color: rgb(255, 169, 110);
        }

        .my-shu-n {

            text-align: center;
            border-radius: 10px;
            width: 2.8rem;
            height: 2.8rem;
            font-size: 14px;
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: auto;

        }

        .my-shu-m {
            font-size: 12px;
            color: rgb(150, 150, 150);
            text-align: center;
            margin-top: 5px;
        }

        .my-shop-col {
            background-color: rgb(255, 118, 138);
            color: #fff;
        }

        .my-tc-col {
            background: linear-gradient(135deg, rgb(255, 118, 138), rgb(255, 169, 110));
            color: #fff;
        }

        .my-dl-col {
            background-color: rgb(105, 226, 179);
            color: #fff;
        }
    </style>
</head>

<body>

    <div class="my-body">

        <div class="my-head">
            <div class="my-img"><img src="static/images/tx/006upAugly1hm4tzlrw9gj314014043d.jpg" /></div>
            <div class="my-my">
                <div class="my-name">张三三66</div>
                <div class="my-tel">13111111111</div>
                <div class="my-sm">已实名</div>
            </div>
            <div style="line-height: 5rem;color: #7f7d7d;" class="jump" data-url="renzheng.html">账号设置</div>


        </div>
        <div class="my-two">
            <div class="my-num">
                <div>
                    <p>累计收益</p>
                    <p><span style="font-size: 1rem;">1000</span>元</p>
                </div>
                <div>
                    <p>可提现收益</p>
                    <p><span style="font-size: 1rem;">1000</span>元</p< /div>
                </div>
            </div>
            <div class="my-h"></div>
            <div class="my-but" data-url="tixian.html">立即提现</div>

        </div>
        <div class="my-shu">
            <div class="my-shu-tit">
                <p>数据统计</p>
                <p><i class="iconfont iconzhankai"></i></p>
            </div>
            <div class="my-shu-li">
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col">100</div>
                    <div class="my-shu-m">今日邀请</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col1">100</div>
                    <div class="my-shu-m">今日订单</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col2">100</div>
                    <div class="my-shu-m">今日激活</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col3">100</div>
                    <div class="my-shu-m">今日佣金</div>
                </div>
            </div>
            <div class="my-shu-li">
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col">100</div>
                    <div class="my-shu-m">本月邀请</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col1">100</div>
                    <div class="my-shu-m">本月订单</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col2">100</div>
                    <div class="my-shu-m">本月激活</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shu-n-col3">100</div>
                    <div class="my-shu-m">本月佣金</div>
                </div>
            </div>
        </div>

        <!-- <div class="my-shu">
            <div class="my-shu-tit">
                <p>商城管理</p>
                <p><i class="iconfont iconzhankai"></i></p>
            </div>
            <div class="my-shu-li">
                <div class="my-shu-num" data-url="goods.html">
                    <div class="my-shu-n my-shop-col"><i class="iconfont iconshangpin1"></i></div>
                    <div class="my-shu-m">商品管理</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shop-col"><i class="iconfont iconhaibaosheji"></i></div>
                    <div class="my-shu-m">商品海报</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shop-col"><i class="iconfont icona-pinzhengshangpin2"></i></div>
                    <div class="my-shu-m">商城直达</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-shop-col"><i class="iconfont iconkefu2"></i></div>
                    <div class="my-shu-m">客服管理</div>
                </div>
            </div>

        </div> -->

        <div class="my-shu">
            <div class="my-shu-tit">
                <p>套餐管理</p>
                <p><i class="iconfont iconzhankai"></i></p>
            </div>
            <div class="my-shu-li">
                <div class="my-shu-num" data-url="goods.html">
                    <div class="my-shu-n my-tc-col"><i class="iconfont icontaocan"></i></div>
                    <div class="my-shu-m">我的套餐</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-tc-col"><i class="iconfont iconhaibaosheji"></i></div>
                    <div class="my-shu-m">推广海报</div>
                </div>
                <div class="my-shu-num" data-url="fenpei.html">
                    <div class="my-shu-n my-tc-col"><i class="iconfont iconguize"></i></div>
                    <div class="my-shu-m">分配套餐</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-tc-col"><i class="iconfont icongenggai"></i></div>
                    <div class="my-shu-m">更改套餐</div>
                </div>
            </div>

        </div>

        <div class="my-shu" style="margin-bottom: 5rem;">
            <div class="my-shu-tit">
                <p>代理管理</p>
                <p><i class="iconfont iconzhankai"></i></p>
            </div>
            <div class="my-shu-li">
                <div class="my-shu-num" data-url="daili.html">
                    <div class="my-shu-n my-dl-col"><i class="iconfont iconyumingbaimingdan"></i></div>
                    <div class="my-shu-m">代理人员</div>
                </div>
                <div class="my-shu-num" data-url="adddl.html">
                    <div class="my-shu-n my-dl-col"><i class="iconfont icontianjia-"></i></div>
                    <div class="my-shu-m">添加代理</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-dl-col"><i class="iconfont iconyaoqinghaoyou"></i></div>
                    <div class="my-shu-m">邀请他人</div>
                </div>
                <div class="my-shu-num">
                    <div class="my-shu-n my-dl-col"><i class="iconfont iconlianxikefu"></i></div>
                    <div class="my-shu-m">联系上级</div>
                </div>
            </div>

        </div>


        <div class="uni-tabbar-bottom">
            <div class="uni-tabbar" style="background-color: rgb(255, 255, 255); backdrop-filter: none;">
                <div class="uni-tabbar-border" style="background-color: rgb(228, 231, 237);"></div>
                <div class="uni-tabbar__item">
                    <div class="uni-tabbar__bd" style="height: 50px;" data-url="index.html">
                        <div class="uni-tabbar__icon" style="width: 24px; height: 24px;">
                            <img src="static/images/home.png">
                        </div>
                        <div class="uni-tabbar__label"
                            style="color: rgb(50, 50, 50); font-size: 10px; line-height: normal; margin-top: 3px;">
                            首页
                        </div>
                    </div>
                </div>
                <div class="uni-tabbar__item"><!---->
                    <div class="uni-tabbar__bd" style="height: 50px;" data-url="order.html">
                        <div class="uni-tabbar__icon" style="width: 24px; height: 24px;"><img
                                src="static/images/order.png">
                        </div>
                        <div class="uni-tabbar__label"
                            style="color: rgb(150, 150, 150); font-size: 10px; line-height: normal; margin-top: 3px;">
                            订单 </div>
                        <!---->
                    </div>
                </div>
                <div class="uni-tabbar__item"><!---->
                    <div class="uni-tabbar__bd" style="height: 50px;" data-url="bill.html">
                        <div class="uni-tabbar__icon" style="width: 24px; height: 24px;"><img
                                src="static/images/income.png"></div>
                        <div class="uni-tabbar__label"
                            style="color: rgb(150, 150, 150); font-size: 10px; line-height: normal; margin-top: 3px;">
                            账单 </div><!---->
                    </div>
                </div>
                <div class="uni-tabbar__item"><!---->
                    <div class="uni-tabbar__bd" style="height: 50px;" data-url="my.html">
                        <div class="uni-tabbar__icon" style="width: 24px; height: 24px;"><img
                                src="static/images/my-act.png">
                        </div>
                        <div class="uni-tabbar__label"
                            style="color: rgb(150, 150, 150); font-size: 10px; line-height: normal; margin-top: 3px;">
                            我的 </div><!---->
                    </div>
                </div>
            </div>
            <div class="uni-placeholder" style="height: 50px;"></div>
        </div>


</body>

</html>
<script>
    $(document).ready(function () {

        $('.my-shu-num').click(function () {
            var url = $(this).data('url');
            window.location.href = url;
        });
        $('.uni-tabbar__bd').click(function () {
            var url = $(this).data('url');
            window.location.href = url;
        });
        
        $('.jump').click(function () {
            var url = $(this).data('url');
            window.location.href = url;
        });
        $('.my-but').click(function () {
            var url = $(this).data('url');
            window.location.href = url;
        });
        
    });
</script>