作者 王毅

个人中心模块

body,
ul,
li,
p,
h1,
h2,
h3,
h4,
dl,
dd,
form,
input,
textarea,
select {
padding: 0;
margin: 0;
}
body {
height: 100%;
background: #F9F9F9;
overflow-x: hidden;
}
a {
text-decoration: none
}
/* 模态框 */
.tx_mask {
display: none;
z-index: 999;
width: 100%;
height: 100%;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
}
/* 布局 */
.layer_star {
display: flex;
justify-content: flex-start;
align-items: center
}
.layer_nostar {
display: flex;
justify-content: flex-start;
}
.layer_center {
display: flex;
justify-content: center;
align-items: center
}
.layer_between {
display: flex;
justify-content: space-between;
align-items: center
}
.layer_nobetween {
display: flex;
justify-content: space-between;
}
.flex_center {
display: flex;
flex-direction: column;
align-items: center
}
.flex-warp {
display: flex;
flex-wrap: wrap
}
/*单行溢出*/
.one-txt-cut {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
/* -webkit-line-clamp: 2; */
-webkit-box-orient: vertical;
}
/* 我的 */
.index_top {
width: 100%;
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
padding: .46rem .32rem .32rem;
box-sizing: border-box
}
.index_top_img {
width: 1.04rem;
height: 1.04rem
}
.index_top_img img {
width: 100%;
height: 100%
}
.index_top_infor {
margin-left: .3rem
}
.index_top_name {
font-size: .36rem;
font-weight: bold;
color: rgba(255, 255, 255, 1);
}
.index_top_phone {
margin-top: .14rem;
font-size: .24rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
margin-bottom: .24rem
}
.index_top_labels {
font-size: .24rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
border: .02rem solid rgba(255, 255, 255, 1);
border-radius: .08rem;
padding: .06rem .1rem;
box-sizing: border-box;
margin-right: .2rem
}
.index_top_icon {
width: .4rem;
height: .4rem;
font-size: 0
}
.index_top_icon img {
width: 100%;
height: 100%
}
.index_top_set {
margin-left: .04rem;
line-height: .4rem;
font-size: .24rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
}
.index_tab {
margin-top: .24rem;
width: 100%;
background: rgba(255, 255, 255, 1);
box-shadow: 0 .12rem .36rem rgba(0, 0, 0, 0.04);
border-radius: .2rem;
padding: .32rem .66rem;
box-sizing: border-box
}
.index_tab_img {
width: .6rem;
height: .6rem;
font-size: 0
}
.index_tab_img img {
width: 100%;
height: 100%
}
.index_tab_title {
margin-top: .12rem;
font-size: .26rem;
font-weight: 400;
color: rgba(61, 68, 77, 1);
}
.index_sement {
margin: .08rem 0;
width: 100%;
height: 1.48rem;
}
.index_sement img {
width: 100%;
height: 100%
}
.index_list {
background: rgba(255, 255, 255, 1);
padding: 0 .32rem;
box-sizing: border-box
}
.index_list_one {
padding: .32rem 0 .36rem;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.index_list_box {
padding: 0 .44rem 0 .22rem;
box-sizing: border-box
}
.index_list_img {
width: .4rem;
height: .4rem;
font-size: 0
}
.index_list_img img {
width: 100%;
height: 100%
}
.index_list_title {
margin-left: .18rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.index_list_word {
font-size: .24rem;
font-weight: 400;
color: rgba(93, 141, 238, 1);
margin-right: .18rem
}
.index_list_icon {
width: .28rem;
height: .28rem;
font-size: 0
}
.index_list_icon img {
width: 100%;
height: 100%
}
/* 系统设置 */
.mineset_top {
width: 100%;
background: rgba(255, 255, 255, 1);
padding: .12rem .32rem;
box-sizing: border-box
}
.mineset_top_left {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineset_top_right {
width: 1.2rem;
height: 1.2rem;
font-size: 0
}
.mineset_top_right img {
width: 100%;
height: 100%;
}
.mineset_box {
margin-top: .2rem;
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.mineset_one {
padding: .34rem 0 .36rem 0;
box-sizing: border-box;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
}
.mineset_one_left {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineset_one_word {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
margin-right: .18rem
}
.mineset_btn {
padding: 0 .32rem;
box-sizing: border-box;
position: fixed;
bottom: .8rem;
width: 100%
}
.mineset_button {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .22rem 0;
box-sizing: border-box;
text-align: center
}
/* 我的消息 */
.minenew {
padding: 0 .32rem;
box-sizing: border-box
}
.minenew_one {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
margin-top: .24rem
}
.minenew_top {
padding: .4rem .44rem .12rem .42rem;
box-sizing: border-box
}
.minenew_bottom {
border-top: .01rem solid rgba(238, 238, 238, 1);
padding: .24rem .44rem .24rem .42rem;
box-sizing: border-box
}
.minenew_notice {
margin-bottom: .28rem
}
.minenew_notice_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.minenew_notice_time {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
.minenew_word {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin-bottom: .22rem
}
.minenew_bottom_left {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.minenew_bottom_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.minenew_bottom_right img {
width: 100%;
height: 100%;
}
/* 消息详情 */
.nodata {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.nonew_img {
width: 4.48rem;
height: 2.8rem
}
.nonew_img img {
width: 100%;
height: 100%
}
.nonew_title {
margin-top: .1rem;
font-size: .32rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
/* 发布房源 */
.minepublish {
background: #FDFDFD;
padding: 0 .32rem;
box-sizing: border-box
}
.minepublish_one {
border-bottom: .01rem solid rgba(238, 238, 238, 1);
padding: .2rem 0 .28rem;
box-sizing: border-box
}
.minepublish_img {
width: .6rem;
height: .6rem;
font-size: 0
}
.minepublish_img img {
width: 100%;
height: 100%;
}
.minepublish_title {
margin-left: .18rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minepublish_icon {
width: .3rem;
height: .3rem;
font-size: 0
}
.minepublish_icon img {
width: 100%;
height: 100%
}
/* 我的发布 */
.minerelease_top_label {
/* border-bottom: .01rem solid rgba(238, 238, 238, 1); */
padding: .38rem 0;
box-sizing: border-box;
/* position: fixed;
top: 0; */
background: #fff
}
.minerelease_top_labels {
width: 2rem;
background: rgba(249, 249, 249, 1);
border-radius: .32rem;
text-align: center;
padding: .12rem 0;
box-sizing: border-box;
font-size: .26rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin: .12rem .21rem;
}
.minerelease_top_labels_active {
background: rgba(93, 141, 238, 1);
color: rgba(255, 255, 255, 1);
}
.minerelease_left {
width: 2.2rem;
height: 2.2rem;
font-size: 0
}
.minerelease_left img {
width: 100%;
height: 100%
}
.minerelease_bottom {
border-top: .01rem solid rgba(238, 238, 238, 1);
padding: 0 .32rem;
box-sizing: border-box;
}
.minerelease_box {
margin: .2rem 0 .4rem
}
.minerelease_right {
margin-left: .54rem
}
.minerelease_one_word {
font-size: .16rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
background: rgba(93, 141, 238, 1);
padding: .05rem .1rem;
box-sizing: border-box
}
.minerelease_one_title {
margin-left: .2rem;
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.minerelease_right_two,
.minerelease_right_three,
.minerelease_right_four {
margin-top: .12rem
}
.minerelease_two_word {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minerelease_two_title {
margin-left: .4rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minerelease_three_word {
font-size: .24rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
background: rgba(249, 251, 254, 1);
text-align: center;
padding: .05rem .08rem;
box-sizing: border-box;
margin-right: .24rem
}
.minerelease_four_title {
font-size: .32rem;
font-weight: bold;
color: rgba(255, 90, 78, 1);
}
/* 我的订阅 */
.nosubscribe_img {
width: 5rem;
height: 3.16rem;
font-size: 0
}
.nosubscribe_img img {
width: 100%;
height: 100%
}
.nosubscribe_title {
margin-top: .1rem;
font-size: .32rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
/* 会员服务 */
.vip_contact_one {
display: none
}
.vip_contact_two {
display: none
}
.vip_tab {
width: 100%;
position: fixed;
top: 0
}
.vip_box {
background: rgba(255, 255, 255, 1);
padding: .26rem .86rem;
box-sizing: border-box
}
.vip_one {
font-size: .32rem;
font-weight: 400;
color: rgba(91, 94, 99, 1);
}
.vip_ones {
font-weight: bold;
color: rgba(6, 18, 30, 1);
position: relative
}
.vip_ones:after {
content: "";
width: .48rem;
height: .08rem;
background: rgba(93, 141, 238, 1);
border-radius: .48rem;
position: absolute;
bottom: -.15rem;
left: 50%;
transform: translate(-50%, 0);
}
.vip_contact {
background: rgba(76, 85, 115, 1);
margin-top: .5rem;
box-sizing: border-box;
padding-bottom: .56rem;
box-sizing: border-box
}
.vip_top {
width: 100%;
height: 2.4rem;
background-image: url('../img/sun_78.png');
background-size: cover;
background-repeat: no-repeat;
padding-top: .68rem;
box-sizing: border-box
}
.vip_title {
font-size: .48rem;
font-weight: bold;
color: rgba(255, 255, 255, 1);
text-align: center
}
.vip_center {
margin-top: -.58rem;
}
.vip_center_img {
width: 5.61rem;
height: .58rem;
font-size: 0
}
.vip_center_img img {
width: 100%;
height: 100%
}
.vip_card {
padding: 0 .32rem;
box-sizing: border-box
}
.vip_card_box {
padding: .2rem 0;
box-sizing: border-box
}
.vip_card_one {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .32rem .5rem;
box-sizing: border-box;
margin: .2rem 0
}
.vip_card_time {
font-size: .24rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
margin-right: .66rem;
position: relative
}
.vip_card_time:after {
content: "";
width: .03rem;
height: .7rem;
background: rgba(238, 238, 238, 1);
position: absolute;
top: -.11rem;
right: -.42rem
}
.vip_card_time span {
font-size: .32rem
}
.vip_card_price {
font-size: .32rem;
font-weight: bold;
color: rgba(93, 141, 238, 1);
}
.vip_card_word {
margin-top: .06rem;
font-size: .24rem;
font-weight: 300;
color: rgba(140, 145, 152, 1);
}
.vip_card_right {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
border-radius: .16rem;
font-size: .32rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .14rem .48rem;
box-sizing: border-box
}
.vip_state_img {
width: 100%;
height: 2.4rem;
font-size: 0
}
.vip_state_img img {
width: 100%;
height: 100%
}
.vip_privilege {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .3rem .32rem .4rem;
box-sizing: border-box;
margin-top: .4rem;
}
.vip_privilege_title {
font-size: .28rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
padding-left: .24rem;
box-sizing: border-box;
position: relative
}
.vip_privilege_title:before {
content: "";
width: .12rem;
height: .28rem;
background: rgba(93, 141, 238, 1);
border-radius: .04rem;
position: absolute;
top: .06rem;
left: 0
}
.vip_privilege_box {
margin-top: .28rem;
border-top: .01rem solid rgba(238, 238, 238, 1);
padding-top: .4rem;
box-sizing: border-box
}
.vip_privilege_one {
margin-bottom: .24rem
}
.vip_privilege_left {
width: .36rem;
height: .36rem;
font-size: 0
}
.vip_privilege_left img {
width: 100%;
height: 100%
}
.vip_privilege_right {
margin-left: .1rem
}
.vip_privilege_right_title {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.vip_privilege_right_word {
margin-top: .08rem;
font-size: .24rem;
font-weight: 300;
color: rgba(6, 18, 30, 1);
}
.vip_link {
margin-top: .4rem
}
.vip_link_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.vip_link_phone {
margin-top: .18rem;
border: .02rem solid rgba(238, 238, 238, 1);
border-radius: .16rem;
text-align: center;
font-size: .28rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
-webkit-text-stroke: 1 rgba(0, 0, 0, 0.00);
text-stroke: 1 rgba(0, 0, 0, 0.00);
padding: .18rem 0;
box-sizing: border-box
}
.vip_privilege_list {
margin-bottom: .2rem
}
.vip_privilege_listnum {
font-size: .24rem;
font-weight: 400;
color: rgba(255, 255, 255, 1);
background: rgba(93, 141, 238, 1);
border-radius: .04rem;
padding: .01rem .08rem;
box-sizing: border-box
}
.vip_privilege_listword {
margin-left: .22rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.tx_maskCon {
padding: 0 .64rem;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.tx_box {
background: rgba(255, 255, 255, 1);
border-radius: .25rem;
padding: .34rem .32rem .4rem;
box-sizing: border-box
}
.tx_title {
width: 100%;
font-size: .36rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
-webkit-text-stroke: 1 rgba(0, 0, 0, 0.00);
text-stroke: 1 rgba(0, 0, 0, 0.00);
margin-bottom: .3rem;
border-bottom: .01rem solid rgba(238, 238, 238, 1);
text-align: center;
padding-bottom: .28rem
}
.tx_word {
font-size: .28rem;
font-weight: 400;
line-height: .4rem;
color: rgba(140, 145, 152, 1);
text-align: left
}
.tx_button {
margin-top: .3rem
}
.tx_btn {
width: 2.14rem;
border-radius: .16rem;
text-align: center;
font-size: .28rem;
font-weight: 500;
padding: .2rem 0;
box-sizing: border-box;
margin: 0 .36rem
}
.tx_cancel {
background: rgba(238, 238, 238, 1);
color: rgba(140, 145, 152, 1);
}
.tx_sumbit {
background: linear-gradient(180deg, rgba(136, 165, 255, 1) 0%, rgba(93, 141, 238, 1) 100%);
color: rgba(255, 255, 255, 1);
}
/* 我的钱包 */
.minewallet {
padding: 0 .32rem;
box-sizing: border-box
}
.minewallet_top {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .48rem .32rem .44rem;
box-sizing: border-box;
margin-top: .26rem
}
.minewallet_top_title {
font-size: .28rem;
font-weight: 500;
color: rgba(6, 18, 30, 1);
}
.minewallet_contant {
margin-top: .22rem;
}
.minewallet_num {
font-size: .48rem;
font-weight: bold;
color: rgba(255, 90, 78, 1);
}
.minewallet_btn {
background: rgba(93, 141, 238, 1);
font-size: .28rem;
font-weight: 500;
color: rgba(255, 255, 255, 1);
padding: .08rem .72rem;
box-sizing: border-box;
border-radius: .16rem
}
.minewallet_bottom {
margin-top: .24rem;
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .4rem .32rem .4rem .4rem;
box-sizing: border-box
}
.minewallet_left {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.minewallet_right {
width: .3rem;
height: .3rem;
font-size: 0
}
.minewallet_right img {
width: 100%;
height: 100%
}
/* 我的订单 */
.mineorder_contant {
margin-top: .96rem;
padding: 0 .32rem;
box-sizing: border-box;
padding-top: .24rem;
display: none
}
.mineorder_box {
background: rgba(255, 255, 255, 1);
border-radius: .16rem;
padding: .4rem .44rem .36rem .42rem;
box-sizing: border-box;
margin-bottom: .24rem
}
.mineorder_top_num {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineorder_top_state1 {
font-size: .32rem;
font-weight: bold;
color: rgba(93, 141, 238, 1);
}
.mineorder_top_state2 {
font-size: .32rem;
font-weight: bold;
color: rgba(140, 145, 152, 1);
}
.mineorder_top {
margin-bottom: .22rem
}
.mineorder_word {
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
margin-bottom: .22rem;
}
.noorder_img {
width: 4.4rem;
height: 2.8rem;
font-size: 0
}
.noorder_img img {
width: 100%;
height: 100%;
}
.noorder_title {
margin-top: .1rem;
font-size: .32rem;
font-weight: 400;
color: rgba(140, 145, 152, 1);
}
/* 联系客服 */
.mineservice {
background: rgba(255, 255, 255, 1);
padding: .24rem .32rem 0;
box-sizing: border-box
}
.mineservice_top {
background: rgba(255, 255, 255, 1);
box-shadow: 0 .02rem .12rem rgba(0, 0, 0, 0.06);
padding: .44rem .48rem .5rem;
box-sizing: border-box;
position: relative;
}
.mineservice_top_title {
font-size: .36rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineservice_top_icon {
width: .52rem;
height: .52rem;
font-size: 0;
margin-bottom: .18rem;
margin-left: .02rem
}
.mineservice_top_icon img {
width: 100%;
height: 100%
}
.mineservice_word {
margin-top: .12rem;
font-size: .28rem;
font-weight: 400;
color: rgba(6, 18, 30, 1);
}
.mineservice_img {
width: 2.72rem;
font-size: 0;
position: absolute;
right: 0;
bottom: 0
}
.mineservice_img img {
width: 100%;
}
.mineservice_bottom {
margin-top: .72rem;
border-top: .01rem solid rgba(238, 238, 238, 1);
padding: .3rem 0;
box-sizing: border-box
}
.mineservice_bottom_title {
font-size: .32rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
margin-bottom: .1rem
}
.mineservice_bottom_word {
font-size: .28rem;
font-weight: 400;
line-height: .4rem;
color: rgba(6, 18, 30, 1);
}
/* 关于我们 */
.mineabout_box {
background: rgba(255, 255, 255, 1);
padding: .4rem .32rem;
box-sizing: border-box;
margin-bottom: .22rem
}
.mineabout_img {
width: 100%;
height: 3.92rem;
font-size: 0
}
.mineabout_img img {
width: 100%;
height: 100%
}
.mineabout_contant {}
.mineabout_title {
font-size: .36rem;
font-weight: bold;
color: rgba(6, 18, 30, 1);
}
.mineabout_word {
margin-top: .2rem;
font-size: .28rem;
font-weight: 400;
line-height: .4rem;
color: rgba(6, 18, 30, 1);
}
.mineabout_contant {
margin-top: .5rem
}
\ No newline at end of file
... ...

706 字节

641 字节

981 字节

773 字节

810 字节

807 字节

800 字节

874 字节

914 字节

496 字节

579 字节

562 字节

<!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="mineabout">
<div class="mineabout_box">
<div class="mineabout_img">
<img src="./img/about (1).png" alt="">
</div>
<div class="mineabout_contant">
<div class="mineabout_title">公司简介</div>
<div class="mineabout_word">致力于成为一家为社会创造最大价值的公司。自创立之初,秉持诚信经营的核心理念,倡导品质经济,成为中国备受消费者信赖的买房租房平台;</div>
</div>
</div>
<div class="mineabout_box">
<div class="mineabout_img">
<img src="./img/about (2).png" alt="">
</div>
<div class="mineabout_contant">
<div class="mineabout_title">发展历程</div>
<div class="mineabout_word">致力于成为一家为社会创造最大价值的公司。自创立之初,秉持诚信经营的核心理念,倡导品质经济,成为中国备受消费者信赖的买房租房平台;</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>
</script>
</html>
\ No newline at end of file
... ...
<!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>
\ No newline at end of file
... ...
<!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>
\ No newline at end of file
... ...
<!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>
\ No newline at end of file
... ...
<!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="minenew">
<div class="minenew_one">
<div class="minenew_top">
<div class="minenew_notice layer_between">
<div class="minenew_notice_title">发布结果通知</div>
<div class="minenew_notice_time">30分钟前</div>
</div>
<div class="minenew_word">房源标题:<span>黄岛 - 灵山卫区32厅1卫…</span></div>
<div class="minenew_word">房源类型:<span>房屋出租</span></div>
<div class="minenew_word">审核结果:<span>成功发布</span></div>
</div>
<div class="minenew_bottom layer_between">
<div class="minenew_bottom_left">查看详情</div>
<div class="minenew_bottom_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minenew_one">
<div class="minenew_top">
<div class="minenew_notice layer_between">
<div class="minenew_notice_title">发布结果通知</div>
<div class="minenew_notice_time">9月28日</div>
</div>
<div class="minenew_word">房源标题:<span>黄岛 - 灵山卫区32厅1卫…</span></div>
<div class="minenew_word">房源类型:<span>房屋出租</span></div>
<div class="minenew_word">审核结果:<span>成功失败</span></div>
</div>
<div class="minenew_bottom layer_between">
<div class="minenew_bottom_left">查看详情</div>
<div class="minenew_bottom_right">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minenew_one">
<div class="minenew_top">
<div class="minenew_notice layer_between">
<div class="minenew_notice_title">推荐房源</div>
<div class="minenew_notice_time">30分钟前</div>
</div>
<div class="minenew_word">房源标题:<span>黄岛 - 灵山卫区32厅1卫…</span></div>
<div class="minenew_word">房源类型:<span>房屋出租</span></div>
<div class="minenew_word">更新日期:<span>2019-11-21</span></div>
</div>
<div class="minenew_bottom layer_between">
<div class="minenew_bottom_left">查看详情</div>
<div class="minenew_bottom_right">
<img src="./img/yourow.png" alt="">
</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>
</script>
</html>
\ No newline at end of file
... ...
<!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="nodata">
<div class="flex_center">
<div class="nonew_img">
<img src="./img/sun_54.png" alt="">
</div>
<div class="nonew_title">暂无消息</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>
</script>
</html>
\ No newline at end of file
... ...
<!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="vip_tab">
<div class="vip_box layer_between">
<div class="vip_one vip_ones">全部</div>
<div class="vip_one">未完成</div>
<div class="vip_one">已完成</div>
</div>
</div>
<!-- 有数据显示 -->
<div class="mineorder_contant">
<div class="mineorder_box">
<div class="mineorder_top layer_between">
<div class="mineorder_top_num">订单号:<span>774539257</span></div>
<div class="mineorder_top_state1">已完成</div>
</div>
<div class="mineorder_word">订单类型:<span>业主会员</span></div>
<div class="mineorder_word">订单金额:<span>50.00</span></div>
<div class="mineorder_word">下单时间:<span>2019-11-18 23:33</span></div>
</div>
<div class="mineorder_box">
<div class="mineorder_top layer_between">
<div class="mineorder_top_num">订单号:<span>774539257</span></div>
<div class="mineorder_top_state2">未完成</div>
</div>
<div class="mineorder_word">订单类型:<span>业主会员</span></div>
<div class="mineorder_word">订单金额:<span>50.00</span></div>
<div class="mineorder_word">下单时间:<span>2019-11-18 23:33</span></div>
</div>
</div>
<!-- 无数据显示 -->
<div class="nodata">
<div class="noorder_box flex_center">
<div class="noorder_img">
<img src="./img/sun_84.png" alt="">
</div>
<div class="noorder_title">当前没有订阅消息</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>
// 切换tab
$(".vip_one").click(function() {
$(this).addClass("vip_ones").siblings().removeClass("vip_ones")
});
</script>
</html>
\ No newline at end of file
... ...
<!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="mine_phone_box">
<div class="mine_phone_top">
<input type="text" placeholder="请输入手机号">
</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>
</script>
</html>
\ No newline at end of file
... ...
<!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="minepublish">
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_67.png" alt="">
</div>
<div class="minepublish_title">二手房</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_68.png" alt="">
</div>
<div class="minepublish_title">出租房</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_69.png" alt="">
</div>
<div class="minepublish_title">写字楼</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_70.png" alt="">
</div>
<div class="minepublish_title">商铺</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_71.png" alt="">
</div>
<div class="minepublish_title">求租/求购</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="minepublish_one layer_between">
<div class="minepublish_left layer_star">
<div class="minepublish_img">
<img src="./img/sun_72.png" alt="">
</div>
<div class="minepublish_title">购买会员</div>
</div>
<div class="minepublish_right">
<div class="minepublish_icon">
<img src="./img/yourow.png" alt="">
</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>
</script>
</html>
\ No newline at end of file
... ...
<!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>
\ No newline at end of file
... ...
<!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="mineservice">
<div class="mineservice_top">
<div class="mineservice_top_box">
<div class="layer_star">
<div class="mineservice_top_title">联系客服</div>
<div class="mineservice_top_icon">
<img src="./img/sun_85 (1).png" alt="">
</div>
</div>
<div class="mineservice_word">为您提供优质客服服务</div>
</div>
<div class="mineservice_img">
<img src="./img/sun_85 (2).png" alt="">
</div>
</div>
<div class="mineservice_bottom">
<div class="mineservice_bottom_title">客服服务时间:</div>
<div class="mineservice_bottom_word">周一至周五:9:00 - 6:00</div>
<div class="mineservice_bottom_word">周日:12:00 - 6:00</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>
</script>
</html>
\ No newline at end of file
... ...
<!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="mineset_top layer_between">
<div class="mineset_top_left">
用户头像
</div>
<div class="mineset_top_right">
<img src="./img/touxiang.png" alt="">
</div>
</div>
<!-- 信息 -->
<div class="mineset_box">
<div class="mineset_one layer_between">
<div class="mineset_one_left">
用户昵称
</div>
<div class="mineset_one_right layer_star">
<div class="mineset_one_word">游客小李</div>
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="mineset_one layer_between">
<div class="mineset_one_left">
修改绑定手机
</div>
<div class="mineset_one_right layer_star">
<div class="mineset_one_word">183****232</div>
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="mineset_one layer_between">
<div class="mineset_one_left">
清除缓存
</div>
<div class="mineset_one_right layer_star">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
<div class="mineset_one layer_between">
<div class="mineset_one_left">
退出登录
</div>
<div class="mineset_one_right layer_star">
<div class="index_list_icon">
<img src="./img/yourow.png" alt="">
</div>
</div>
</div>
</div>
<!-- 退出登录 -->
<div class="mineset_btn">
<div class="mineset_button">退出登录</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>
</script>
</html>
\ No newline at end of file
... ...
<!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="nodata">
<div class="nosubscribe_box flex_center">
<div class="nosubscribe_img">
<img src="./img/sun_76.png" alt="">
</div>
<div class="nosubscribe_title">当前没有订阅消息</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>
</script>
</html>
\ No newline at end of file
... ...
<!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="minewallet">
<div class="minewallet_top">
<div class="minewallet_top_title">我的钱包金额(元)</div>
<div class="minewallet_contant layer_between">
<div class="minewallet_num">¥4000.05</div>
<div class="minewallet_btn">提现</div>
</div>
</div>
<div class="minewallet_bottom layer_between">
<div class="minewallet_left">收支明细</div>
<div class="minewallet_right">
<img src="./img/yourow.png" alt="">
</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>
</script>
</html>
\ No newline at end of file
... ...
<!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="tx_mask" onclick="$(this).hide()">
<div class="tx_maskCon" onclick="zZFun(this)">
<div class="tx_box flex_center">
<div class="tx_title">购买成功</div>
<div class="tx_word">立即联系代办过户客服,获取专属服务</div>
<div class="tx_word">客服电话:13828881888</div>
<div class="tx_button layer_center">
<div class="tx_btn tx_cancel">返回</div>
<div class="tx_btn tx_sumbit">购买会员</div>
</div>
</div>
</div>
</div>
<!-- 顶部导航 -->
<div class="vip_tab">
<div class="vip_box layer_between">
<div class="vip_one vip_ones">找房会员</div>
<div class="vip_one">房东会员</div>
<div class="vip_one">代办过户</div>
</div>
</div>
<!-- 内容 -->
<!-- 找房会员 -->
<div class="vip_contact vip_contact_one">
<div class="vip_contant">
<div class="vip_top">
<div class="vip_title">
成为找房会员
</div>
</div>
<div class="vip_center layer_center">
<div class="vip_center_img">
<img src="./img/sun_77.png" alt="">
</div>
</div>
</div>
<div class="vip_card">
<!-- 选择会员服务 -->
<div class="vip_card_box">
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>3</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">1000元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>2</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">600元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>1</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">400元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
</div>
<!-- 会员状态 -->
<div class="vip_state">
<div class="vip_state_img">
<img src="./img/sun_79.png" alt="">
</div>
</div>
<!-- 会员特权 -->
<div class="vip_privilege">
<div class="vip_privilege_title">找房会员专享特权</div>
<div class="vip_privilege_box">
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_81.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">每天查看30套房源</div>
<div class="vip_privilege_right_word">每日查看房源从3套增加至30套,房东电话随意拨打。</div>
</div>
</div>
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_82.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">新上热门房源抢先看</div>
<div class="vip_privilege_right_word">15内房源只对会员开放,房间抢先看</div>
</div>
</div>
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_83.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">二手房交易0中介费</div>
<div class="vip_privilege_right_word">协助您签定合同、贷款、缴税、产权过户等。</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 房东会员 -->
<div class="vip_contact vip_contact_two">
<div class="vip_contant">
<div class="vip_top">
<div class="vip_title">
成为房东会员
</div>
</div>
<div class="vip_center layer_center">
<div class="vip_center_img">
<img src="./img/sun_77.png" alt="">
</div>
</div>
</div>
<div class="vip_card">
<!-- 选择会员服务 -->
<div class="vip_card_box">
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>3</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">1000元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>2</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">600元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
<div class="vip_card_one layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>1</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">400元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right">购买</div>
</div>
</div>
<!-- 会员状态 -->
<div class="vip_state">
<div class="vip_state_img">
<img src="./img/sun_79.png" alt="">
</div>
</div>
<!-- 会员特权 -->
<div class="vip_privilege">
<div class="vip_privilege_title">房东会员</div>
<div class="vip_privilege_box">
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_81.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">展示精选标签,平台内置顶展示</div>
<div class="vip_privilege_right_word">精选优质展示,曝光量提升10倍</div>
</div>
</div>
<div class="vip_privilege_one layer_nostar">
<div class="vip_privilege_left">
<img src="./img/sun_82.png" alt="">
</div>
<div class="vip_privilege_right">
<div class="vip_privilege_right_title">免费查看求组客户信息</div>
<div class="vip_privilege_right_word">10万+找房客户,真实电话随意打</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 代办过户 -->
<div class="vip_contact">
<div class="vip_contant">
<div class="vip_top">
<div class="vip_title">
委托代办过户
</div>
</div>
<div class="vip_center layer_center">
<div class="vip_center_img">
<img src="./img/sun_77.png" alt="">
</div>
</div>
</div>
<div class="vip_card">
<!-- 选择会员服务 -->
<div class="vip_card_box vip_card_one" style="margin:.4rem 0">
<div class=" layer_between">
<div class="vip_card_left layer_star">
<div class="vip_card_time"><span>3</span>个月</div>
<div class="vip_card_infor">
<div class="vip_card_price">1000元</div>
<div class="vip_card_word">热销中!超值体验</div>
</div>
</div>
<div class="vip_card_right daban_pay">购买</div>
</div>
<div class="vip_link">
<div class="vip_link_title">联系方式</div>
<div class="vip_link_phone">13472619321</div>
</div>
</div>
<!-- 会员状态 -->
<div class="vip_state">
<div class="vip_state_img">
<img src="./img/sun_79.png" alt="">
</div>
</div>
<!-- 会员特权 -->
<div class="vip_privilege">
<div class="vip_privilege_title">代办过户会员特权</div>
<div class="vip_privilege_box">
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">1</div>
<div class="vip_privilege_listword">协助您签订合同</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">2</div>
<div class="vip_privilege_listword">协助您办理银行贷款</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">3</div>
<div class="vip_privilege_listword">协助您缴纳房屋税费</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">4</div>
<div class="vip_privilege_listword">协助您办理产权过户</div>
</div>
<div class="vip_privilege_list layer_star">
<div class="vip_privilege_listnum">5</div>
<div class="vip_privilege_listword">协助您办理房屋设施交接</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>
// 阻止冒泡
function zZFun(e) {
window.event ? (window.event.cancelBubble = true) : e.stopPropagation();
};
// 切换tab
$(".vip_one").click(function() {
$(this).addClass("vip_ones").siblings().removeClass("vip_ones")
});
// 代办购买
$(".daban_pay").click(function() {
$(".tx_mask").css("display", "block");
});
// 取消
$(".tx_cancel").click(function() {
$(".tx_mask").css("display", "none");
});
// 购买
$(".tx_sumbit").click(function() {
$(".tx_mask").css("display", "none");
});
</script>
</html>
\ No newline at end of file
... ...