mine_collection.html 6.2 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>
    <style>
        body {
            background: #fff
        }
    </style>
</head>

<body>
    <div class="minerelease">
        <div class="minerelease_top">
            <div class="minerelease_top_label layer_center flex-warp">
                <div class="minerelease_top_labels minerelease_top_labels_active">房屋出售</div>
                <div class="minerelease_top_labels">房屋出租</div>
                <div class="minerelease_top_labels">写字楼出租</div>
                <div class="minerelease_top_labels">商铺出租</div>
                <div class="minerelease_top_labels">房屋求购</div>
                <div class="minerelease_top_labels">房屋求租</div>
            </div>
        </div>
        <div class="minerelease_bottom">
            <div class="minerelease_box layer_star">
                <div class="minerelease_left">
                    <img src="./img/501280316.png" alt="">
                </div>
                <div class="minerelease_right">
                    <div class="minerelease_right_one layer_star">
                        <div class="minerelease_one_word">新上</div>
                        <div class="minerelease_one_title">首创路程西府海棠</div>
                    </div>
                    <div class="minerelease_right_two layer_star">
                        <div class="minerelease_two_word">120㎡</div>
                        <div class="minerelease_two_title">2元/㎡/天</div>
                    </div>
                    <div class="minerelease_right_three layer_star">
                        <div class="minerelease_three_word">品牌房企</div>
                        <div class="minerelease_three_word">临近地铁</div>
                    </div>
                    <div class="minerelease_right_four">
                        <div class="minerelease_four_title">5000元/月</div>
                    </div>
                </div>
            </div>
            <div class="minerelease_box layer_star">
                <div class="minerelease_left">
                    <img src="./img/501280316.png" alt="">
                </div>
                <div class="minerelease_right">
                    <div class="minerelease_right_one layer_star">
                        <div class="minerelease_one_word">新上</div>
                        <div class="minerelease_one_title">首创路程西府海棠</div>
                    </div>
                    <div class="minerelease_right_two layer_star">
                        <div class="minerelease_two_word">120㎡</div>
                        <div class="minerelease_two_title">2元/㎡/天</div>
                    </div>
                    <div class="minerelease_right_three layer_star">
                        <div class="minerelease_three_word">品牌房企</div>
                        <div class="minerelease_three_word">临近地铁</div>
                    </div>
                    <div class="minerelease_right_four">
                        <div class="minerelease_four_title">面议</div>
                    </div>
                </div>
            </div>
            <div class="minerelease_box layer_star">
                <div class="minerelease_left">
                    <img src="./img/501280316.png" alt="">
                </div>
                <div class="minerelease_right">
                    <div class="minerelease_right_one layer_star">
                        <div class="minerelease_one_word">新上</div>
                        <div class="minerelease_one_title">首创路程西府海棠</div>
                    </div>
                    <div class="minerelease_right_two layer_star">
                        <div class="minerelease_two_word">120㎡</div>
                        <div class="minerelease_two_title">2元/㎡/天</div>
                    </div>
                    <div class="minerelease_right_three layer_star">
                        <div class="minerelease_three_word">品牌房企</div>
                        <div class="minerelease_three_word">临近地铁</div>
                    </div>
                    <div class="minerelease_right_four">
                        <div class="minerelease_four_title">面议</div>
                    </div>
                </div>
            </div>
            <div class="minerelease_box layer_star">
                <div class="minerelease_left">
                    <img src="./img/501280316.png" alt="">
                </div>
                <div class="minerelease_right">
                    <div class="minerelease_right_one layer_star">
                        <div class="minerelease_one_word">新上</div>
                        <div class="minerelease_one_title">首创路程西府海棠</div>
                    </div>
                    <div class="minerelease_right_two layer_star">
                        <div class="minerelease_two_word">120㎡</div>
                        <div class="minerelease_two_title">2元/㎡/天</div>
                    </div>
                    <div class="minerelease_right_three layer_star">
                        <div class="minerelease_three_word">品牌房企</div>
                        <div class="minerelease_three_word">临近地铁</div>
                    </div>
                    <div class="minerelease_right_four">
                        <div class="minerelease_four_title">面议</div>
                    </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>
    $(".minerelease_top_labels").click(function() {
        $(this).addClass("minerelease_top_labels_active").siblings().removeClass("minerelease_top_labels_active")
    })
</script>

</html>