mine_index.html 6.5 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我的</title>
    <link rel="stylesheet" href="css/mine.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/swiper.min.css">

    <script type="text/javascript" src="js/base.js"></script>
</head>

<body>
    <!-- 顶部个人信息 -->
    <div class="index_top layer_nobetween">
        <div class="index_top_left layer_nostar">
            <div class="index_top_img">
                <img src="./img/touxiang.png" alt="">
            </div>
            <div class="index_top_infor">
                <div class="index_top_name">游客小李</div>
                <div class="index_top_phone">156****3241</div>
                <div class="index_top_label layer_star">
                    <div class="index_top_labels">找房会员</div>
                    <div class="index_top_labels">房东会员</div>
                </div>
            </div>
        </div>
        <div class="index_top_right layer_nostar">
            <div class="index_top_icon">
                <img src="./img/sun_56.png" alt="">
            </div>
            <div class="index_top_set">设置</div>
        </div>
    </div>
    <!-- 跳转tab -->
    <div class="index_tab layer_between">
        <div class="index_tab_one flex_center">
            <div class="index_tab_img">
                <img src="./img/sun_57.png" alt="">
            </div>
            <div class="index_tab_title">我的发布</div>
        </div>
        <div class="index_tab_one flex_center">
            <div class="index_tab_img">
                <img src="./img/sun_58.png" alt="">
            </div>
            <div class="index_tab_title">我的收藏</div>
        </div>
        <div class="index_tab_one flex_center">
            <div class="index_tab_img">
                <img src="./img/sun_59.png" alt="">
            </div>
            <div class="index_tab_title">浏览记录</div>
        </div>
        <div class="index_tab_one flex_center">
            <div class="index_tab_img">
                <img src="./img/sun_60.png" alt="">
            </div>
            <div class="index_tab_title">我的订阅</div>
        </div>
    </div>
    <!-- 广告 -->
    <div class="index_sement">
        <img src="./img/sun_55.png" alt="">
    </div>
    <!-- 列表 -->
    <div class="index_list">
        <div class="index_list_one">
            <div class="index_list_box layer_between">
                <div class="index_list_left layer_star">
                    <div class="index_list_img">
                        <img src="./img/sun_61.png" alt="">
                    </div>
                    <div class="index_list_title">查看次数</div>
                </div>
                <div class="index_list_right layer_center">
                    <div class="index_list_word">今天剩余5次</div>
                    <div class="index_list_icon">
                        <img src="./img/yourow.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="index_list_one">
            <div class="index_list_box layer_between">
                <div class="index_list_left layer_star">
                    <div class="index_list_img">
                        <img src="./img/sun_62.png" alt="">
                    </div>
                    <div class="index_list_title">会员服务</div>
                </div>
                <div class="index_list_right layer_center">
                    <div class="index_list_icon">
                        <img src="./img/yourow.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="index_list_one">
            <div class="index_list_box layer_between">
                <div class="index_list_left layer_star">
                    <div class="index_list_img">
                        <img src="./img/sun_63.png" alt="">
                    </div>
                    <div class="index_list_title">我的钱包</div>
                </div>
                <div class="index_list_right layer_center">
                    <div class="index_list_icon">
                        <img src="./img/yourow.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="index_list_one">
            <div class="index_list_box layer_between">
                <div class="index_list_left layer_star">
                    <div class="index_list_img">
                        <img src="./img/sun_64.png" alt="">
                    </div>
                    <div class="index_list_title">我的订单</div>
                </div>
                <div class="index_list_right layer_center">
                    <div class="index_list_icon">
                        <img src="./img/yourow.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="index_list_one">
            <div class="index_list_box layer_between">
                <div class="index_list_left layer_star">
                    <div class="index_list_img">
                        <img src="./img/sun_65.png" alt="">
                    </div>
                    <div class="index_list_title">联系客服</div>
                </div>
                <div class="index_list_right layer_center">
                    <div class="index_list_icon">
                        <img src="./img/yourow.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="index_list_one">
            <div class="index_list_box layer_between">
                <div class="index_list_left layer_star">
                    <div class="index_list_img">
                        <img src="./img/sun_66.png" alt="">
                    </div>
                    <div class="index_list_title">关于我们</div>
                </div>
                <div class="index_list_right layer_center">
                    <div class="index_list_icon">
                        <img src="./img/yourow.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>

<script>
    // 跳转设置
    $(".index_top_right").click(function() {
        window.location.href = "./mine_set.html";
    })
</script>

</html>