webfront / mianzhongjie · 提交

转到一个项目

作者 lihongjuan
提交 e4ec67d4b924a004ae430954739cad19dbde5b25 1 个父辈 42b61d6a

2222

内嵌 并排对比
正在显示 51 个修改的文件 包含 3687 行增加 和 54 行删除
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
... ...
... ... @@ -48,3 +48,14 @@
z-index: 99;
top:1.1rem
}
.register1 {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
/*opacity: 0.3;*/
left: 0;
right: 0;
z-index: 99;
top:0;
}
... ...
... ... @@ -52,7 +52,6 @@
box-sizing: border-box;
width:6rem;
margin: 0.3rem auto 0;
border-bottom:0.01rem solid #f5f5f5
}
... ... @@ -494,7 +493,8 @@ img{
.moneyyue{
color:#FF5A4E;
font-size: 0.32rem;
margin-top:0.22rem
margin-top:0.22rem;
font-weight: bold;
}
.seemore{
color:#5D8DEE;
... ... @@ -751,17 +751,32 @@ img{
}
/*房源详情*/
.pagebox{
padding: 0.32rem;
box-sizing: border-box;
margin-bottom:1.2rem;
}
.detailfangtop{
color:#5D8DEE;
font-size: 0.24rem;
margin-top:0.2rem;
text-align: center;
width:6.16rem;
display:flex;
justify-content: center;
line-height: 1.4;
margin:0.2rem auto 0;
}
.detaifangimg{
width:6.86rem;
height:3.44rem;
font-size: 0;
margin:0.52rem auto 0;
border-radius: 0.16rem;
}
.detaifangimg img{
border-radius: 0.16rem;
}
.detaifangbotleft{
color:#8C9198;
... ... @@ -771,11 +786,13 @@ img{
display:flex;
align-items: center;
justify-content: space-between;
margin-top:0.32rem;
}
.detailfangrigleft{
width:0.36rem;
height:0.36rem;
font-size: 0;
margin-right:0.1rem
}
.detaifangbotright{
display:flex;
... ... @@ -785,3 +802,869 @@ img{
color:#8C9198;
font-size: 0.24rem;
}
.detailhousename{
color:#06121E;
font-size: 0.32rem;
font-weight: bold;
margin-top:0.32rem;
line-height: 1.4;
}
.xiaoshoukind{
display:flex;
align-items: center;
padding: 0.32rem 0.48rem;
box-sizing: border-box;
justify-content: space-between;
border-bottom:0.01rem solid #f5f5f5;
}
.xiaoshoukindtop{
color:#06121E;
font-size: 0.28rem;
}
.xiaoshoukindbottom{
color:#FF5A4E;
font-size: 0.32rem;
margin-top:0.1rem;
font-weight: bold;
}
.xiaoshoukinditem{
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.fangjialei{
display:flex;
padding: 0.24rem 0;
box-sizing: border-box;
border-bottom:0.24rem solid #F9F9F9;
}
.fangjialeitem{
display:flex;
align-items: center;
margin-bottom:0.16rem
}
.fangjaileiitemleft{
color:#8C9198;
font-size:0.24rem ;
}
.fangjaileiitemright{
color:#06121E;
font-size: 0.24rem;
margin-left:0.16rem;
}
.fangjialeiright{
margin-left:0.96rem;
}
.fangyuandescribe{
color:#06121E;
font-size: 0.28rem;
padding-left: 0.24rem;
padding-bottom: 0.32rem;
box-sizing: border-box;
position:relative;
border-bottom:0.01rem solid #f5f5f5;
margin-top:0.32rem;
}
.fangyuandescribe:before{
display:block;
content:'';
width:0.12rem;
height:0.28rem;
background:rgba(93,141,238,1);
opacity:1;
border-radius:0.04rem;
position: absolute;
left:0;
top:0.02rem
}
.describetext{
color:#5B5E63;
font-size: 0.28rem;
padding: 0.24rem;
box-sizing: border-box;
}
.fangyuanmiaoitem{
border-bottom:0.24rem solid #f9f9f9;
}
.fuwubianjie{
display:flex;
align-items: center;
}
.fuwubianjieleft{
width:3.32rem;
height:1.8rem;
font-size: 0;
position: relative;
}
.fuwubianjieright{
width:3.32rem;
height:1.8rem;
font-size: 0;
margin-left:0.2rem;
position: relative;
}
.huiyuanname{
color:#fff;
font-size:0.32rem ;
font-weight: bold;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
}
.fangzhuboxlistitem{
color:#3D444D;
font-size: 0.28rem;
margin-top:0.12rem
}
.fangzhubox{
margin-top:0.25rem
}
.moreershou{
color:#5D8DEE;
font-size: 0.32rem;
text-align: center;
padding-bottom: 0.34rem;
box-sizing: border-box;
}
.guesslike{
border-bottom:0.24rem solid #f9f9f9
}
.bangmai{
padding: 0.46rem 0;
box-sizing: border-box;
border-bottom:0.01rem solid #f5f5f5
}
.bangmaitop{
color:#3D444D;
font-size: 0.28rem;
font-weight: bold;
}
.bangmaibottom{
display:flex;
align-items: center;
}
.bangmaibottomleft{
color:#3D444D;
font-size: 0.24rem;
}
.bangmaibottomright{
width:2.46rem;
height:0.92rem;
font-size: 0;
}
.helpmaifang{
color:#5D8DEE;
font-size: 0.32rem;
padding: 0.24rem 0;
box-sizing: border-box;
text-align: center;
font-weight: bold;
border-bottom: 0.01rem solid #f5f5f5;
}
.fangyuandetailfoot{
display:flex;
align-items: center;
position: fixed;
bottom:0;
left:0;
}
.fangyuandetailfootleft{
width:1.08rem;
height:0.98rem;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #fff;
}
.fangyuandetailfootlefttop{
width:0.42rem;
height:0.4rem;
font-size: 0;
}
.fangyuandetailfootleftbottom{
color:#BDC4CE;
font-size: 0.22rem;
}
.fangyuandetailfootright{
display:flex;
align-items: center;
justify-content: center;
width:6.42rem;
height:0.98rem;
background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%);
opacity:1;
}
.fangyuandetailfootrightl{
width:0.4rem;
height:0.4rem;
font-size: 0;
}
.fangyuandetailfootr{
color:#fff;
font-size:0.32rem ;
margin-left:0.12rem
}
.lianxifangzhuinfo{
color:#5B5E63;
font-size: 0.28rem;
}
/*房源详情租房*/
.fangyuanmiaolist{
display:flex;
align-items: center;
padding: 0 0.38rem;
box-sizing: border-box;
flex-wrap: wrap;
}
.fangyuanbmaioitem{
width:1rem;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right:0.2rem;
margin-bottom:0.32rem
}
.fangyuanmiaoitemtop{
width:0.44rem;
height:0.44rem;
font-size: 0;
}
.fangyuanmiaoitemname{
color:#8C9198;
font-size: 0.24rem;
margin-top:0.12rem
}
.fangyuanmiaoitemnameac{
color:#5D8DEE;
font-size:0.24rem;
margin-top:0.12rem
}
/*求购详情*/
.qiugoudetailtop{
color:#06121E;
font-size: 0.32rem;
width:6.72rem;
display:flex;
justify-content: center;
line-height: 1.4;
font-weight: bold;
}
.qiugoubox{
display:flex;
align-items: center;
justify-content: space-between;
}
.qiugouhezi{
margin-top:0.2rem
}
.qiugouright{
margin-left:1.16rem
}
.yuyuewrap{
width:6.22rem;
height:3.63rem;
border-radius: 0.16rem;
opacity:1;
position: absolute;
top:2.24rem;
left:0.64rem;
padding: 0 0.32rem;
box-sizing: border-box;
background: #fff;
}
.yuyuewraptop{
color:#06121E;
font-size: 0.36rem;
font-weight: bold;
text-align: center;
padding: 0.34rem 0;
box-sizing: border-box;
border-bottom:0.01rem solid #f5f5f5;
}
.huiyuanonly{
color:#8C9198;
font-size: 0.28rem;
text-align: center;
margin-top:0.3rem
}
.yuyuebottom{
display:flex;
align-items: center;
justify-content: space-between;
margin-top:0.6rem;
padding: 0 0.28rem;
}
.yuyuebottomleft{
width:2.14rem;
height:0.8rem;
background:rgba(238,238,238,1);
opacity:1;
border-radius:0.16rem;
color:#8C9198;
font-size: 0.28rem;
text-align: center;
line-height: 0.8rem;
}
.yuyuebottomright{
width:2.14rem;
height:0.8rem;
background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%);
opacity:1;
border-radius:0.16rem;
color:#fff;
font-size: 0.28rem;
text-align: center;
line-height:0.8rem ;
}
/*一键纠错*/
.jiucuobox{
padding: 0 0.32rem;
box-sizing: border-box;
}
.jiucuotop{
padding: 0.24rem 0.52rem;
box-sizing: border-box;
}
.jiucuoboxtop{
color:#06121E;
font-size: 0.28rem;
}
.jiucuolist{
display:flex;
align-items: center;
flex-wrap: wrap;
}
.jiucuolistitem{
padding: 0.1rem 0.22rem;
box-sizing: border-box;
border:0.01rem solid #f5f5f5;
color:#06121E;
font-size:0.28rem;
text-align: center;
margin-right:0.28rem;
margin-top:0.2rem;
}
.writetext{
width: 6.84rem;
height:2.32rem;
border:0.01rem solid #eee;
margin-top:0.28rem;
}
.writetext textarea{
width:100%;
height:100%;
padding: 0.22rem 0.42rem;
box-sizing: border-box;
color:#06121E;
font-size: 0.28rem;
border:none;
outline:none;
resize: none;
}
.tianxie{
color:#06121E;
font-size: 0.28rem;
}
.jiucuoliyou{
color:#5D8DEE;
font-size: 0.24rem;
text-align: right;
margin-top:0.2rem
}
.lijijiucuo{
width:6.84rem;
height:0.88rem;
background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%);
opacity:1;
margin:2.52rem auto 0;
border-radius: 0.16rem;
color:#fff;
font-size:0.32rem ;
text-align: center;
line-height: 0.88rem;
}
/*我要售房*/
.shangtu{
color:#06121E;
font-size: 0.28rem;
font-weight: bold;
}
.shoufangbox{
padding: 0.26rem 0.34rem;
box-sizing: border-box;
}
.shanghcuanboxitem{
width:1.8rem;
height:1.8rem;
font-size: 0;
position: relative;
margin-right:0.2rem;
margin-top:0.2rem
}
.chahaoimg{
width:0.48rem;
height:0.48rem;
font-size:0;
position: absolute;
top:-0.4rem;
right:-0.15rem;
margin-top:0.2rem
}
.shangchuanbox{
margin-top:0.14rem;
display:flex;
align-items: center;
flex-wrap: wrap;
}
.addimg{
width:1.8rem;
height:1.8rem;
font-size: 0;
margin-top:0.2rem
}
.shangchuanimgbox{
display:flex;
align-items: center;
flex-wrap: wrap;
}
.piliangshangchuan{
color:#5D8DEE;
font-size: 0.24rem;
margin-top:0.18rem
}
.shoufangboxlist{
margin-top:0.4rem;
border-bottom:0.01rem solid #f5f5f5
}
.shoujiaitem{
display:flex;
align-items: center;
padding: 0.28rem 0;
box-sizing: border-box;
justify-content: space-between;
border-bottom: 0.01rem solid #f5f5f5;
}
.shoujiaitem:first-child{
border-top:0.01rem solid #f5f5f5
}
.shoujiaitemleft{
display:flex;
align-items: center;
}
.shoujiaitemleftname{
color:#06121E;
font-size: 0.24rem;
font-weight: bold;
width:1.42rem;
}
.shoujiaitemleftenter{
font-size: 0;
width:3rem;
}
.shoujiaitemleftenter input{
border:none;
outline:none;
color:#8C9198;
font-size: 0.24rem;
}
.entermoney{
color:#8C9198;
font-size: 0.24rem;
}
.shouitemrightclose{
width:0.35rem;
height:0.35rem;
font-size: 0;
}
.shouitemrightunit{
color:#FF5A4E;
font-size: 0.24rem;
margin-right: 0.22rem;
}
.shoujiaitemright{
display:flex;
align-items: center;
}
.youxuanze{
width:0.5rem;
height:0.47rem;
font-size: 0;
}
.huxingsel{
color:#8C9198;
font-size: 0.24rem;
}
.entermiaoshu{
width:5rem;
height:2rem;
}
.entermiaoshu textarea{
width:100%;
height:100%;
border:none;
outline:none
}
.fangmiao{
display:flex;
}
.tese{
color:#06121E;
font-size: 0.24rem;
font-weight: bold;
margin-top:0.28rem
}
.bianqianlist{
display:flex;
align-items: center;
flex-wrap: wrap;
}
.biaoqianitem{
padding: 0.1rem 0.2rem;
box-sizing: border-box;
color:#8C9198;
font-size: 0.24rem;
margin-top:0.18rem;
margin-right:0.24rem;
border:0.01rem solid #f5f5f5;
}
.querenfa{
width:6.84rem;
height:0.88rem;
background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%);
opacity:1;
border-radius:0.16rem;
color:#fff;
font-size:0.32rem ;
text-align: center;
line-height: 0.88rem;
margin:0.88rem auto 0;
}
.shouprice{
position: relative;
}
.shouprice:after{
display:block;
content:'*';
color:#FF5A4E;
font-size: 0.24rem;
position: absolute;
top:-0.1rem;
right:0
}
.peizhiname{
color:#06121E;
font-size: 0.24rem;
font-weight: bold;
}
.fangpeizhi{
padding: 0.28rem 0 0 0;
box-sizing: border-box;
}
.fangpeiboxlist{
margin-top:0.48rem
}
/*我要售房区域弹出层*/
.quyuwrapone{
width:7.5rem;
height:6rem;
background: #fff;
position: absolute;
bottom:0;
left:0;
/*z-index:99999;*/
}
.quyuonetop{
display:flex;
align-items: center;
padding: 0.28rem 0.32rem;
box-sizing: border-box;
border-bottom:0.01rem solid #f5f5f5;
justify-content: space-between;
}
.quyuonetopitem{
color:#5B5E63;
font-size: 0.32rem;
}
.zone{
color:#06121E;
font-size: 0.32rem;
font-weight: bold;
}
.quyuonebody{
padding: 0.34rem 1.02rem;
box-sizing: border-box;
display:flex;
height:2.8rem;
/*overflow-y: scroll;*/
}
.quyubodyleft{
height:2.8rem;
overflow-y: scroll;
}
.quyubodyright{
height:2.8rem;
overflow-y: scroll;
}
.quyubodyright{
margin-left:1.36rem
}
.quyubodyleftitem{
color:#5B5E63;
font-size: 0.28rem;
margin-top:0.2rem;
text-align: center;
}
.qurendian{
width:6.84rem;
height:0.88rem;
background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%);
opacity:1;
border-radius:0.16rem;
color:#fff;
font-size:0.32rem;
text-align: center;
line-height: 0.88rem;
margin:1.1rem auto 0;
}
/*楼层弹出层*/
.quyuonebodytwo{
padding: 0.34rem 0.9rem;
box-sizing: border-box;
display:flex;
height:2.8rem;
/*overflow-y: scroll;*/
justify-content: space-between;
}
.quyubodyleftlou{
height:2.8rem;
overflow-y: scroll;
}
.quyubodyseclou{
height:2.8rem;
overflow-y: scroll;
}
.quyubodythirdlou{
height:2.8rem;
overflow-y: scroll;
}
.quyuonebodythree{
display:flex;
justify-content: center;
}
.qiuzuox{
padding: 0.28rem 0.34rem;
box-sizing: border-box;
}
/*求租求购*/
.qiuzuboxhead{
display:flex;
align-items: center;
padding: 0.28rem 0;
box-sizing: border-box;
border-bottom: 0.01rem solid #f5f5f5;
}
.qiuzuboxheadright{
display:flex;
align-items: center;
}
.qiuzhuboxheadrightimg{
width:0.2rem;
height:0.2rem
}
.qiuzuboxhealdeft{
width:1.45rem;
color:#06121E;
font-size: 0.24rem;
}
.qiuzhuboxheadrightimg{
width:0.2rem;
height:0.2rem;
font-size: 0;
}
.qiuzuboxheadrightname{
color:#8C9198;
font-size: 0.24rem;
margin-left:0.12rem
}
.qiuzuboxheadright{
margin-left:0.12rem
}
.qiugouname{
margin-left:0.62rem
}
.xuqiu{
display:flex;
align-items: center;
}
.xuqiuxuan{
color:#8C9198;
font-size: 0.24rem;
}
.xuqiuyou{
width:0.45rem;
height:0.42rem;
font-size: 0;
}
.xuqiuhead{
display:flex;
justify-content: space-between;
}
.pingmi{
color:#FF5A4E;
font-size:0.24rem ;
}
.mianishu{
width:4.5rem;
display:flex;
align-items: center;
justify-content: space-between;
}
.mainjishuleft{
font-size: 0;
width:1rem;
}
.mainjishuleft input{
color:#8C9198;
font-size: 0.24rem;
width:100%;
border:none;
outline:none;
text-align: left;
}
.heangxian{
width:0.4rem;
height:0.03rem;
background:#BDC4CE ;
margin:0 0.15rem;
}
.mainjishuright{
font-size: 0;
width:1.5rem;
}
.mainjishuright input{
width:100%;
color:#8C9198;
font-size: 0.24rem;
border:none;
outline:none;
text-align: center;
}
.xuqiuxuan{
width:6rem;
}
.xuqiuxuan input{
color:#8C9198;
font-size: 0.24rem;
border:none;
outline:none;
}
.xinxibu{
width:6rem;
height:2rem;
/*padding: 0.2rem;*/
/*box-sizing: border-box;*/
}
.xinxibu textarea{
width:100%;
height:100%;
border:none;
outline: none;
resize: none;
}
.fabubiaoti{
display:flex;
padding: 0.28rem 0;
box-sizing: border-box;
border-bottom: 0.01rem solid #f5f5f5;
}
.querenfa{
width:6.84rem;
height:0.88rem;
background:linear-gradient(180deg,rgba(136,165,255,1) 0%,rgba(93,141,238,1) 100%);
opacity:1;
border-radius:0.16rem;
color:#fff;
font-size: 0.32rem;
text-align: center;
line-height: 0.88rem;
margin:2.62rem auto 0;
}
.tiactive{
position: relative;
}
.tiactive:after{
display:block;
content:"*";
color:#FF5A4E;
position: absolute;
top:-0.1rem;
right:0.23rem
}
.quyuselect{
color:#8C9198;
font-size: 0.24rem;
}
.chengactive{
color:#5D8DEE;
font-size: 0.32rem;
}
.quactive{
color:#5D8DEE;
font-size: 0.32rem;
}
.ershouwrap{
height:4.5rem;
}
.ershouthree{
height:1.8rem;
margin-top:0.6rem
}
.ershouthreelow{
height:1.8rem;
}
.erque{
margin-top:0.8rem
}
.ershouactive{
color:#5D8DEE;
font-size: 0.28rem;
}
.zuqiu{
display:none
}
.gouqiu{
display:none
}
... ...
... ... @@ -7,10 +7,37 @@
<title>房源</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/base.css">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
<!--二手房选择-->
<!--类型-->
<div class="register1 ershoubox" style="display:none">
<div class="quyuwrapone ershouwrap">
<!-- <div class="quyuonetop">-->
<!-- <div class="quyuonetopitem">取消</div>-->
<!-- <div class="quyuonetopitem zone">类型</div>-->
<!-- <div class="quyuonetopitem">确认</div>-->
<!-- </div>-->
<div class="quyuonebodythree ershouthree">
<div class="quyubodyleftlou ershouthreelow">
<div class="quyubodyleftitem ershouactive" data-id="1">二手房</div>
<div class="quyubodyleftitem" data-id="2">求租</div>
<div class="quyubodyleftitem" data-id="3">求购</div>
</div>
</div>
<div class="qurendian erque">确认</div>
</div>
</div>
<!--区域选择框-->
<div class="register" style="display:none">
<div class="diquwrap" style="display:none">
... ... @@ -73,7 +100,7 @@
</div>
<div class="fanghead">
<div class="fangheadleft">
<div class="fangheadleft xuanershou">
<div class="ershouname">二手房</div>
<div class="fangheadleftimg">
<img src="img/sun_30.png" alt="">
... ... @@ -128,7 +155,7 @@
</div>
</div>
<div class="fangyuanboxlist" style="display:none">
<div class="fangyuanboxlist" >
<div class="fangwubox">
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
... ... @@ -219,7 +246,7 @@
</div>
<!--求租-->
<div class="qiuzu" style="display:none">
<div class="qiuzu zuqiu" >
<div class="qiuzuitem">
<div class="qiuzuitemtop">求租的标题</div>
<div class="qiuzutext">期望区域：昌平</div>
... ... @@ -264,7 +291,7 @@
</div>
<!--求购-->
<div class="qiuzu" style="display:none">
<div class="qiuzu gouqiu" >
<div class="qiuzuitem">
<div class="qiuzuitemtop">求购的标题</div>
<div class="qiuzutext">期望区域：昌平</div>
... ... @@ -309,19 +336,19 @@
</div>
<div class="foot">
<div class="footitem">
<div class="footitem shouyejump">
<div class="footitemtop">
<img src="img/sun_09.png" alt="">
</div>
<div class="itembottom">首页</div>
</div>
<div class="footitem">
<div class="footitem fangyuanlist">
<div class="footitemtop">
<img src="img/sun_10.png" alt="">
</div>
<div class="itembottom1">房源</div>
</div>
<div class="footitem">
<div class="footitem fabufangyuango">
<div class="footitemtop">
<img src="img/sun_07.png" alt="">
</div>
... ... @@ -347,6 +374,62 @@
$(this).children(".fangyuantourimg").children("img").attr("src","img/sun_30.png");
$(this).siblings(".fangyuantouitem").children(".fangyuantourimg").children("img").attr("src","img/sun_31.png")
})
// 选择二手房
$(".xuanershou").click(function(){
$(".ershoubox").css("display","block")
})
// 二手房选择
$(".quyubodyleftitem").click(function(){
$(this).addClass("ershouactive").siblings(".quyubodyleftitem").removeClass("ershouactive");
var text=$(this).html()
console.log($(this).html())
let id=$(this).attr("data-id")
if(id==1){
$(".fangyuanboxlist").css("display","block");
$(".zuqiu").css("display","none");
$(".gouqiu").css("display","none");
$(".ershouname").html(text);
}else if(id==2){
$(".fangyuanboxlist").css("display","none");
$(".zuqiu").css("display","block");
$(".gouqiu").css("display","none");
$(".ershouname").html(text);
}else if(id=3){
$(".fangyuanboxlist").css("display","none");
$(".zuqiu").css("display","none");
$(".gouqiu").css("display","block");
$(".ershouname").html(text);
$
}
})
// 确认
$(".erque").click(function(){
$(".ershoubox").css("display","none")
})
//跳到首页
$(".shouyejump").click(function(){
window.location.href="index.html";
})
// 跳到房源页面
$(".fangyuanlist").click(function(){
window.location.href="fangyuan.html";
})
// 发布房源
$(".fabufangyuango").click(function(){
window.location.href='lufangzhuan.html'
})
</script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<!--区域弹层-->
<div class="register1 xuanzeone" style="display: none">
<div class="quyuwrapone">
<div class="quyuonetop">
<div class="quyuonetopitem">取消</div>
<div class="quyuonetopitem zone">区域</div>
<div class="quyuonetopitem xuanzeoneque">确认</div>
</div>
<div class="quyuonebody">
<div class="quyubodyleft">
<div class="quyubodyleftitem">东城区</div>
<div class="quyubodyleftitem">西城区</div>
<div class="quyubodyleftitem">朝阳区</div>
</div>
<div class="quyubodyright">
<div class="quyubodyleftitem">安定门</div>
<div class="quyubodyleftitem">安贞</div>
<div class="quyubodyleftitem">朝阳门内</div>
<div class="quyubodyleftitem">西直门</div>
<div class="quyubodyleftitem">东城门</div>
<div class="quyubodyleftitem">安定门</div>
<div class="quyubodyleftitem">安贞</div>
<div class="quyubodyleftitem">朝阳门内</div>
<div class="quyubodyleftitem">西直门</div>
<div class="quyubodyleftitem">东城门</div>
</div>
</div>
<div class="qurendian">确认</div>
</div>
</div>
<!--楼层弹出层-->
<div class="register1" style="display:none">
<div class="quyuwrapone">
<div class="quyuonetop">
<div class="quyuonetopitem">取消</div>
<div class="quyuonetopitem zone">楼层</div>
<div class="quyuonetopitem">确认</div>
</div>
<div class="quyuonebodytwo">
<div class="quyubodyleftlou">
<div class="quyubodyleftitem">底层</div>
<div class="quyubodyleftitem">中层</div>
<div class="quyubodyleftitem">高层</div>
</div>
<div class="quyubodyseclou">
<div class="quyubodyleftitem">共1层</div>
<div class="quyubodyleftitem">共2层</div>
<div class="quyubodyleftitem">共3层</div>
<div class="quyubodyleftitem">共4层</div>
<div class="quyubodyleftitem">共5层</div>
<div class="quyubodyleftitem">共3层</div>
<div class="quyubodyleftitem">共4层</div>
<div class="quyubodyleftitem">共5层</div>
</div>
<div class="quyubodythirdlou">
<div class="quyubodyleftitem">普通住宅</div>
<div class="quyubodyleftitem">公寓式住宅</div>
<div class="quyubodyleftitem">复式住宅</div>
<div class="quyubodyleftitem">跃层式住宅</div>
<div class="quyubodyleftitem">小户型住宅</div>
<div class="quyubodyleftitem">花园洋房式住宅</div>
</div>
</div>
<div class="qurendian">确认</div>
</div>
</div>
<!--户型弹出层-->
<div class="register1" style="display:none">
<div class="quyuwrapone">
<div class="quyuonetop">
<div class="quyuonetopitem">取消</div>
<div class="quyuonetopitem zone">户型</div>
<div class="quyuonetopitem">确认</div>
</div>
<div class="quyuonebodytwo">
<div class="quyubodyleftlou">
<div class="quyubodyleftitem">1室</div>
<div class="quyubodyleftitem">2室</div>
<div class="quyubodyleftitem">3室</div>
<div class="quyubodyleftitem">4室</div>
</div>
<div class="quyubodyseclou">
<div class="quyubodyleftitem">0厅</div>
<div class="quyubodyleftitem">1厅</div>
<div class="quyubodyleftitem">2厅</div>
<div class="quyubodyleftitem">3厅</div>
<div class="quyubodyleftitem">4厅</div>
<div class="quyubodyleftitem">5厅</div>
<div class="quyubodyleftitem">6厅</div>
<div class="quyubodyleftitem">7厅</div>
</div>
<div class="quyubodythirdlou">
<div class="quyubodyleftitem">0卫</div>
<div class="quyubodyleftitem">1卫</div>
<div class="quyubodyleftitem">2卫</div>
<div class="quyubodyleftitem">3卫</div>
<div class="quyubodyleftitem">4卫</div>
<div class="quyubodyleftitem">5卫</div>
</div>
</div>
<div class="qurendian">确认</div>
</div>
</div>
<!--装修-->
<div class="register1" style="display:none">
<div class="quyuwrapone">
<div class="quyuonetop">
<div class="quyuonetopitem">取消</div>
<div class="quyuonetopitem zone">装修</div>
<div class="quyuonetopitem">确认</div>
</div>
<div class="quyuonebodythree">
<div class="quyubodyleftlou">
<div class="quyubodyleftitem">毛坯</div>
<div class="quyubodyleftitem">普通装修</div>
<div class="quyubodyleftitem">精装修</div>
<div class="quyubodyleftitem">豪华装修</div>
<div class="quyubodyleftitem">毛坯</div>
<div class="quyubodyleftitem">普通装修</div>
<div class="quyubodyleftitem">精装修</div>
<div class="quyubodyleftitem">豪华装修</div>
<div class="quyubodyleftitem">毛坯</div>
<div class="quyubodyleftitem">普通装修</div>
<div class="quyubodyleftitem">精装修</div>
<div class="quyubodyleftitem">豪华装修</div>
</div>
</div>
<div class="qurendian">确认</div>
</div>
</div>
<!--类型-->
<div class="register1" style="display:none">
<div class="quyuwrapone">
<div class="quyuonetop">
<div class="quyuonetopitem">取消</div>
<div class="quyuonetopitem zone">类型</div>
<div class="quyuonetopitem">确认</div>
</div>
<div class="quyuonebodythree">
<div class="quyubodyleftlou">
<div class="quyubodyleftitem">出租</div>
<div class="quyubodyleftitem">整租</div>
<div class="quyubodyleftitem">合租</div>
<div class="quyubodyleftitem">出租</div>
<div class="quyubodyleftitem">整租</div>
<div class="quyubodyleftitem">合租</div>
<div class="quyubodyleftitem">出租</div>
<div class="quyubodyleftitem">整租</div>
<div class="quyubodyleftitem">合租</div>
<div class="quyubodyleftitem">出租</div>
<div class="quyubodyleftitem">整租</div>
<div class="quyubodyleftitem">合租</div>
<div class="quyubodyleftitem">出租</div>
<div class="quyubodyleftitem">整租</div>
<div class="quyubodyleftitem">合租</div>
</div>
</div>
<div class="qurendian">确认</div>
</div>
</div>
<div class="shoufangbox">
<div class="shangtu">上传图片</div>
<div class="shangchuanbox">
<div class="shangchuanimgbox">
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
</div>
<div class="addimg">
<img src="../img/addimg.png" alt="">
</div>
</div>
<div class="piliangshangchuan">可批量上传多张房源图片（第一张为封面）</div>
<div class="shoufangboxlist">
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname shoujiactive">
<text class="shouprice">售价:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写金额，留空为面议" aria-placeholder="entermoney">
</div>
</div>
<div class="shoujiaitemright">
<div class="shouitemrightunit">万元</div>
<div class="shouitemrightclose">
<img src="../img/chahao.png" alt="">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">户型:</div>
<div class="huxingsel">请选择户型</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">建筑面积:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写建筑面积" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">楼层/类型：</div>
<div class="huxingsel">请选择楼层/类型</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">装修：</div>
<div class="huxingsel">请选择装修情况</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem xuanzequyuname">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">区域：</text>
</div>
<div class="huxingsel">请选择区域</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">小区：：</div>
<div class="huxingsel">请选择小区/商圈</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">详细地址:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入详细地址" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">联系人:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">
手机:
</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人手机" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">发布标题:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入标题" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="fangmiao">
<div class="shoujiaitemleftname">房源描述:</div>
<div class="shoujiaitemleftenter entermiaoshu">
<textarea name="" id="" cols="30" rows="10" placeholder="请输入描述" aria-placeholder="entermoney"></textarea>
</div>
</div>
</div>
</div>
<div class="tese">特色标签：最多可选择三个特色标签s</div>
<div class="bianqianlist">
<div class="biaoqianitem">繁华地段</div>
<div class="biaoqianitem">学区房</div>
<div class="biaoqianitem">临近地铁</div>
<div class="biaoqianitem">临近医院</div>
</div>
<div class="querenfa">确认发布</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
<script>
$(".xuanzequyuname").click(function(){
$(".xuanzeone").css("display","block")
})
$(".xuanzeoneque").click(function(){
$(".xuanzeone").css("display","none")
})
</script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="shoufangbox">
<div class="shangtu">上传图片</div>
<div class="shangchuanbox">
<!-- <div class="shangchuanimgbox">-->
<!-- -->
<!-- </div>-->
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="addimg">
<img src="../img/addimg.png" alt="">
</div>
</div>
<div class="piliangshangchuan">可批量上传多张房源图片（第一张为封面）</div>
<div class="shoufangboxlist">
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname shoujiactive">
<text class="shouprice">月租金:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写金额，留空为面议" aria-placeholder="entermoney">
</div>
</div>
<div class="shoujiaitemright">
<div class="shouitemrightunit">万元</div>
<div class="shouitemrightclose">
<img src="../img/chahao.png" alt="">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">户型:</div>
<div class="huxingsel">请选择户型</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">面积:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写建筑面积" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">楼层：</div>
<div class="huxingsel">请选择楼层</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">装修：</div>
<div class="huxingsel">请选择装修情况</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">区域：</text>
</div>
<div class="huxingsel">请选择区域</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">小区：：</div>
<div class="huxingsel">请选择小区/商圈</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">详细地址:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入详细地址" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">联系人:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">
手机:
</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人手机" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">发布标题:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入标题" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="fangmiao">
<div class="shoujiaitemleftname">商圈描述:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入描述" aria-placeholder="entermoney">
</div>
</div>
</div>
</div>
<div class="tese">特色标签：最多可选择三个特色标签s</div>
<div class="bianqianlist">
<div class="biaoqianitem">繁华地段</div>
<div class="biaoqianitem">学区房</div>
<div class="biaoqianitem">临近地铁</div>
<div class="biaoqianitem">临近医院</div>
</div>
<div class="querenfa">确认发布</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="shoufangbox">
<div class="shangtu">上传图片</div>
<div class="shangchuanbox">
<div class="shangchuanimgbox">
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
</div>
<div class="addimg">
<img src="../img/addimg.png" alt="">
</div>
</div>
<div class="piliangshangchuan">可批量上传多张房源图片（第一张为封面）</div>
<div class="shoufangboxlist">
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname shoujiactive">
<text class="shouprice">月租金:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写金额，留空为面议" aria-placeholder="entermoney">
</div>
</div>
<div class="shoujiaitemright">
<div class="shouitemrightunit">万元</div>
<div class="shouitemrightclose">
<img src="../img/chahao.png" alt="">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">户型:</div>
<div class="huxingsel">请选择户型</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">面积:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写建筑面积" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">楼层：</div>
<div class="huxingsel">请选择楼层</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">装修：</div>
<div class="huxingsel">请选择装修情况</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">区域：</text>
</div>
<div class="huxingsel">请选择区域</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">小区：：</div>
<div class="huxingsel">请选择小区/商圈</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">详细地址:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入详细地址" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">联系人:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">
手机:
</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人手机" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">发布标题:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入标题" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="fangmiao">
<div class="shoujiaitemleftname">写字楼描述:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入描述" aria-placeholder="entermoney">
</div>
</div>
</div>
</div>
<div class="tese">特色标签：最多可选择三个特色标签s</div>
<div class="bianqianlist">
<div class="biaoqianitem">繁华地段</div>
<div class="biaoqianitem">学区房</div>
<div class="biaoqianitem">临近地铁</div>
<div class="biaoqianitem">临近医院</div>
</div>
<div class="querenfa">确认发布</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="shoufangbox">
<div class="shangtu">上传图片</div>
<div class="shangchuanbox">
<div class="shangchuanimgbox">
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
<div class="shanghcuanboxitem">
<img src="../img/shangchuan.png" alt="">
<div class="chahaoimg">
<img src="../img/sun_51.png" alt="">
</div>
</div>
</div>
<div class="addimg">
<img src="../img/addimg.png" alt="">
</div>
</div>
<div class="piliangshangchuan">可批量上传多张房源图片（第一张为封面）</div>
<div class="shoufangboxlist">
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname shoujiactive">
<text class="shouprice">月租金:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写金额，留空为面议" aria-placeholder="entermoney">
</div>
</div>
<div class="shoujiaitemright">
<div class="shouitemrightunit">万元</div>
<div class="shouitemrightclose">
<img src="../img/chahao.png" alt="">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">出租类型:</div>
<div class="huxingsel">请选择出租类型</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">户型:</div>
<div class="huxingsel">请选择户型</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">面积:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请填写面积" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">楼层/类型：</div>
<div class="huxingsel">请选择楼层/类型</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">装修：</div>
<div class="huxingsel">请选择装修情况</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">区域：</text>
</div>
<div class="huxingsel">请选择区域</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">小区：</div>
<div class="huxingsel">请选择小区/商圈</div>
</div>
<div class="youxuanze">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">详细地址:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入详细地址" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">联系人:</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">
<text class="shouprice">
手机:
</text>
</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入联系人手机" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="shoujiaitem">
<div class="shoujiaitemleft">
<div class="shoujiaitemleftname">发布标题:</div>
<div class="shoujiaitemleftenter">
<input type="text" placeholder="请输入标题" aria-placeholder="entermoney">
</div>
</div>
</div>
<div class="fangpeizhi">
<div class="peizhiname">房屋配置</div>
<div class="fangyuanmiaoitem fangyuanmiaolist fangpeiboxlist">
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_39(1).png" alt="">
</div>
<div class="fangyuanmiaoitemname">电视</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_40.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">冰箱</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_41.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">洗衣机</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_42.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">空调</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_43.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">热水器</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_44.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">床</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_45.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">暖气</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_46.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">宽带</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_47.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">衣柜</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_48.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">天然气</div>
</div>
</div>
</div>
</div>
<div class="tese">特色标签：最多可选择三个特色标签</div>
<div class="bianqianlist">
<div class="biaoqianitem">繁华地段</div>
<div class="biaoqianitem">学区房</div>
<div class="biaoqianitem">临近地铁</div>
<div class="biaoqianitem">临近医院</div>
</div>
<div class="querenfa">确认发布</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="detailfangtop">此房在XX签约大约节省70280元中介费</div>
<div class="detaifangimg">
<img src="../img/house.png" alt="">
</div>
<div class="detailfangbot">
<div class="detaifangbotleft">房屋编号 128747</div>
<div class="detaifangbotright">
<div class="detailfangrigleft">
<img src="../img/sun_31.png" alt="">
</div>
<div class="yijianfuzhu">一键复制</div>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="pagebox">
<div class="detailfangtop">此房在XX签约大约节省70280元中介费</div>
<div class="detaifangimg">
<img src="../img/housedetai.png" alt="">
</div>
<div class="detailfangbot">
<div class="detaifangbotleft">房屋编号 128747</div>
<div class="detaifangbotright">
<div class="detailfangrigleft">
<img src="../img/sun_32.png" alt="">
</div>
<div class="yijianfuzhu">一键复制</div>
</div>
</div>
<div class="detailhousename">西城区文家园小区128㎡，简单装修，采光好位
置也不错</div>
<div class="xiaoshoukind">
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">售价</div>
<div class="xiaoshoukindbottom">145万</div>
</div>
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">房型</div>
<div class="xiaoshoukindbottom">四室两厅</div>
</div>
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">建筑面积</div>
<div class="xiaoshoukindbottom">55.82㎡</div>
</div>
</div>
<div class="fangjialei">
<div class="fangjialeileft">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">单价：</div>
<div class="fangjaileiitemright">28946.8元/平</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">楼层：</div>
<div class="fangjaileiitemright">高楼层/6层</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">装修：</div>
<div class="fangjaileiitemright">精装修</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">小区：</div>
<div class="fangjaileiitemright">西城区文家园小区</div>
</div>
</div>
<div class="fangjialeiright">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">更新：</div>
<div class="fangjaileiitemright">2019.07.06</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">床型：</div>
<div class="fangjaileiitemright">普通住宿</div>
</div>
</div>
</div>
<!-- 房源描述-->
<div class="fangyuanmiaoitem fangyuanmiaolist">
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_39(1).png" alt="">
</div>
<div class="fangyuanmiaoitemname">电视</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_40.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">冰箱</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_41.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">洗衣机</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_42.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">空调</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_43.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">热水器</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_44.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">床</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_45.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">暖气</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_46.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">宽带</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_47.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">衣柜</div>
</div>
<div class="fangyuanbmaioitem">
<div class="fangyuanmiaoitemtop">
<img src="../img/sun_48.png" alt="">
</div>
<div class="fangyuanmiaoitemnameac">天然气</div>
</div>
</div>
<!--便捷服务 -->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">便捷服务</div>
<div class="fuwubianjie">
<div class="fuwubianjieleft">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">会员服务</div>
</div>
<div class="fuwubianjieright">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">代办过户</div>
</div>
</div>
</div>
<!-- 房主信息-->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">房主信息</div>
<div class="lianxifangzhuinfo">联系房主获取详细信息</div>
<div class="fangzhubox">
<div class="fangzhuboxlist">
<div class="fangzhuboxlistitem">联系人：李女士</div>
<div class="fangzhuboxlistitem">手机号：15543698172</div>
<div class="fangzhuboxlistitem">地址：西城区十三街梅花鹿家园3号楼5门402</div>
</div>
</div>
</div>
<!--地图-->
<div class="map"></div>
<!-- 猜你喜欢-->
<div class="guesslike">
<div class="fangyuandescribe">猜你喜欢</div>
<div class="fangwubox">
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft1">新上</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">面议</div>
</div>
</div>
</div>
<div class="moreershou">更多推荐二手房 ></div>
</div>
<!-- 帮我卖方 -->
<div class="bangmai">
<div class="bangmaitop">节省中介费 交易无忧愁</div>
<div class="bangmaibottom">
<div class="bangmaibottomleft">
房源好 服务好 找我们让您更放心
</div>
<div class="bangmaibottomright">
<img src="../img/sun_35.png" alt="">
</div>
</div>
</div>
<div class="helpmaifang">帮我租房</div>
</div>
<div class="fangyuandetailfoot">
<div class="fangyuandetailfootleft">
<div class="fangyuandetailfootlefttop">
<img src="../img/sun_36.png" alt="">
</div>
<div class="fangyuandetailfootleftbottom">关注</div>
</div>
<div class="fangyuandetailfootright">
<div class="fangyuandetailfootrightl">
<img src="../img/sun_37.png" alt="">
</div>
<div class="fangyuandetailfootr">拨打电话</div>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="pagebox">
<div class="detailfangtop">此房在XX签约大约节省70280元中介费</div>
<div class="detaifangimg">
<img src="../img/housedetai.png" alt="">
</div>
<div class="detailfangbot">
<div class="detaifangbotleft">房屋编号 128747</div>
<div class="detaifangbotright">
<div class="detailfangrigleft">
<img src="../img/sun_32.png" alt="">
</div>
<div class="yijianfuzhu">一键复制</div>
</div>
</div>
<div class="detailhousename">西城区文家园小区128㎡，简单装修，采光好位
置也不错</div>
<div class="xiaoshoukind">
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">售价</div>
<div class="xiaoshoukindbottom">145万</div>
</div>
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">房型</div>
<div class="xiaoshoukindbottom">四室两厅</div>
</div>
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">建筑面积</div>
<div class="xiaoshoukindbottom">55.82㎡</div>
</div>
</div>
<div class="fangjialei">
<div class="fangjialeileft">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">单价：</div>
<div class="fangjaileiitemright">28946.8元/平</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">楼层：</div>
<div class="fangjaileiitemright">高楼层/6层</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">装修：</div>
<div class="fangjaileiitemright">精装修</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">小区：</div>
<div class="fangjaileiitemright">西城区文家园小区</div>
</div>
</div>
<div class="fangjialeiright">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">更新：</div>
<div class="fangjaileiitemright">2019.07.06</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">床型：</div>
<div class="fangjaileiitemright">普通住宿</div>
</div>
</div>
</div>
<!-- 房源描述-->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">房源描述</div>
<div class="describetext">临近商圈、步行可达和平公园、鲁迅公园、1933老场坊、多伦路文化名人街，
乘车前往外滩、陆家嘴约十余分钟，房间配有无线上网服务。</div>
</div>
<!--便捷服务 -->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">便捷服务</div>
<div class="fuwubianjie">
<div class="fuwubianjieleft">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">会员服务</div>
</div>
<div class="fuwubianjieright">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">代办过户</div>
</div>
</div>
</div>
<!-- 房主信息-->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">房主信息</div>
<div class="lianxifangzhuinfo">联系房主获取详细信息</div>
<div class="fangzhubox">
<div class="fangzhuboxlist">
<div class="fangzhuboxlistitem">联系人：李女士</div>
<div class="fangzhuboxlistitem">手机号：15543698172</div>
<div class="fangzhuboxlistitem">地址：西城区十三街梅花鹿家园3号楼5门402</div>
</div>
</div>
</div>
<!--地图-->
<div class="map"></div>
<!-- 猜你喜欢-->
<div class="guesslike">
<div class="fangyuandescribe">猜你喜欢</div>
<div class="fangwubox">
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft1">新上</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">面议</div>
</div>
</div>
</div>
<div class="moreershou">更多推荐二手房 ></div>
</div>
<!-- 帮我卖方 -->
<div class="bangmai">
<div class="bangmaitop">节省中介费 交易无忧愁</div>
<div class="bangmaibottom">
<div class="bangmaibottomleft">
房源好 服务好 找我们让您更放心
</div>
<div class="bangmaibottomright">
<img src="../img/sun_35.png" alt="">
</div>
</div>
</div>
<div class="helpmaifang">帮我卖房</div>
</div>
<div class="fangyuandetailfoot">
<div class="fangyuandetailfootleft">
<div class="fangyuandetailfootlefttop">
<img src="../img/sun_36.png" alt="">
</div>
<div class="fangyuandetailfootleftbottom">关注</div>
</div>
<div class="fangyuandetailfootright">
<div class="fangyuandetailfootrightl">
<img src="../img/sun_37.png" alt="">
</div>
<div class="fangyuandetailfootr">拨打电话</div>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
<script>
</script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="pagebox">
<div class="detailfangtop">此房在XX签约大约省7000元中介费，（省的中介费金额是
一个月的租金）</div>
<div class="detaifangimg">
<img src="../img/housedetai.png" alt="">
</div>
<div class="detailfangbot">
<div class="detaifangbotleft">房屋编号 128747</div>
<div class="detaifangbotright">
<div class="detailfangrigleft">
<img src="../img/sun_32.png" alt="">
</div>
<div class="yijianfuzhu">一键复制</div>
</div>
</div>
<div class="detailhousename">西城区文家园小区128㎡，简单装修，采光好位
置也不错</div>
<div class="xiaoshoukind">
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">售价</div>
<div class="xiaoshoukindbottom">145万</div>
</div>
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">房型</div>
<div class="xiaoshoukindbottom">四室两厅</div>
</div>
<div class="xiaoshoukinditem">
<div class="xiaoshoukindtop">建筑面积</div>
<div class="xiaoshoukindbottom">55.82㎡</div>
</div>
</div>
<div class="fangjialei">
<div class="fangjialeileft">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">单价：</div>
<div class="fangjaileiitemright">28946.8元/平</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">楼层：</div>
<div class="fangjaileiitemright">高楼层/6层</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">装修：</div>
<div class="fangjaileiitemright">精装修</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">小区：</div>
<div class="fangjaileiitemright">西城区文家园小区</div>
</div>
</div>
<div class="fangjialeiright">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">更新：</div>
<div class="fangjaileiitemright">2019.07.06</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">床型：</div>
<div class="fangjaileiitemright">普通住宿</div>
</div>
</div>
</div>
<!-- 房源描述-->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">房源描述</div>
<div class="describetext">临近商圈、步行可达和平公园、鲁迅公园、1933老场坊、多伦路文化名人街，
乘车前往外滩、陆家嘴约十余分钟，房间配有无线上网服务。</div>
</div>
<!--便捷服务 -->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">便捷服务</div>
<div class="fuwubianjie">
<div class="fuwubianjieleft">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">会员服务</div>
</div>
<div class="fuwubianjieright">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">代办过户</div>
</div>
</div>
</div>
<!-- 房主信息-->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">房主信息</div>
<div class="lianxifangzhuinfo">联系房主获取详细信息</div>
<div class="fangzhubox">
<div class="fangzhuboxlist">
<div class="fangzhuboxlistitem">联系人：李女士</div>
<div class="fangzhuboxlistitem">手机号：15543698172</div>
<div class="fangzhuboxlistitem">地址：西城区十三街梅花鹿家园3号楼5门402</div>
</div>
</div>
</div>
<!--地图-->
<div class="map"></div>
<!-- 猜你喜欢-->
<div class="guesslike">
<div class="fangyuandescribe">猜你喜欢</div>
<div class="fangwubox">
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft1">新上</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">面议</div>
</div>
</div>
</div>
<div class="moreershou">更多推荐二手房 ></div>
</div>
<!-- 帮我卖方 -->
<div class="bangmai">
<div class="bangmaitop">节省中介费 交易无忧愁</div>
<div class="bangmaibottom">
<div class="bangmaibottomleft">
房源好 服务好 找我们让您更放心
</div>
<div class="bangmaibottomright">
<img src="../img/sun_35.png" alt="">
</div>
</div>
</div>
<div class="helpmaifang">帮我卖房</div>
</div>
<div class="fangyuandetailfoot">
<div class="fangyuandetailfootleft">
<div class="fangyuandetailfootlefttop">
<img src="../img/sun_36.png" alt="">
</div>
<div class="fangyuandetailfootleftbottom">关注</div>
</div>
<div class="fangyuandetailfootright">
<div class="fangyuandetailfootrightl">
<img src="../img/sun_37.png" alt="">
</div>
<div class="fangyuandetailfootr">拨打电话</div>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<!--立即开通会员-->
<div class="register1" style="display:none">
<div class="yuyuewrap">
<div class="yuyuewraptop">立即开通会员</div>
<div class="huiyuanonly">只有房东会员可以直接联系求购者</div>
<div class="yuyuebottom">
<div class="yuyuebottomleft">返回</div>
<div class="yuyuebottomright">购买会员</div>
</div>
</div>
</div>
<div class="pagebox">
<div class="qiugoudetailtop">求购西城区文家园小区房屋，简单装修，采光好
位置好 </div>
<div class="fangjialei qiugouhezi">
<div class="fangjialeileft ">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">期望区域：</div>
<div class="fangjaileiitemright">昌平</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">求购预期：</div>
<div class="fangjaileiitemright">50-80万</div>
</div>
</div>
<div class="fangjialeiright qiugouright">
<div class="fangjialeitem">
<div class="fangjaileiitemleft">更新日期：</div>
<div class="fangjaileiitemright">2019.07.06</div>
</div>
<div class="fangjialeitem">
<div class="fangjaileiitemleft">求购面积：</div>
<div class="fangjaileiitemright">50-80㎡</div>
</div>
</div>
</div>
<!-- 信息补充-->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">信息补充</div>
<div class="describetext">临近商圈、步行可达和平公园、鲁迅公园、1933老场坊、多伦路文化名人街，
乘车前往外滩、陆家嘴约十余分钟，房间配有无线上网服务。</div>
</div>
<!--便捷服务 -->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">便捷服务</div>
<div class="fuwubianjie">
<div class="fuwubianjieleft">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">会员服务</div>
</div>
<div class="fuwubianjieright">
<img src="../img/housedetai.png" alt="">
<div class="huiyuanname">代办过户</div>
</div>
</div>
</div>
<!-- 房主信息-->
<div class="fangyuanmiaoitem">
<div class="fangyuandescribe">房主信息</div>
<div class="lianxifangzhuinfo">联系房主获取详细信息</div>
<div class="fangzhubox">
<div class="fangzhuboxlist">
<div class="fangzhuboxlistitem">联系人：李女士</div>
<div class="fangzhuboxlistitem">手机号：15543698172</div>
<div class="fangzhuboxlistitem">地址：西城区十三街梅花鹿家园3号楼5门402</div>
</div>
</div>
</div>
<!--地图-->
<div class="map"></div>
<!-- 猜你喜欢-->
<div class="guesslike">
<div class="fangyuandescribe">猜你喜欢</div>
<div class="fangwubox">
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft1">新上</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">面议</div>
</div>
</div>
</div>
<div class="moreershou">更多推荐二手房 ></div>
</div>
<!-- 帮我卖方 -->
<div class="bangmai">
<div class="bangmaitop">节省中介费 交易无忧愁</div>
<div class="bangmaibottom">
<div class="bangmaibottomleft">
房源好 服务好 找我们让您更放心
</div>
<div class="bangmaibottomright">
<img src="../img/sun_35.png" alt="">
</div>
</div>
</div>
<div class="helpmaifang">帮我卖房</div>
</div>
<div class="fangyuandetailfoot">
<div class="fangyuandetailfootleft">
<div class="fangyuandetailfootlefttop">
<img src="../img/sun_36.png" alt="">
</div>
<div class="fangyuandetailfootleftbottom">关注</div>
</div>
<div class="fangyuandetailfootright">
<div class="fangyuandetailfootrightl">
<img src="../img/sun_37.png" alt="">
</div>
<div class="fangyuandetailfootr">拨打电话</div>
</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<!--区域选择-->
<div class="register1" style="display:none" >
<div class="quyuwrapone">
<div class="quyuonetop">
<div class="quyuonetopitem">取消</div>
<div class="quyuonetopitem zone">区域</div>
<div class="quyuonetopitem quyuque">确认</div>
</div>
<div class="quyuonebody">
<div class="quyubodyleft">
<div class="quyubodyleftitem xuancheng chengactive">东城区</div>
<div class="quyubodyleftitem xuancheng">西城区</div>
<div class="quyubodyleftitem xuancheng">朝阳区</div>
</div>
<div class="quyubodyright">
<div class="quyubodyleftitem xuanqu quactive">安定门</div>
<div class="quyubodyleftitem xuanqu">安贞</div>
<div class="quyubodyleftitem xuanqu">朝阳门内</div>
<div class="quyubodyleftitem xuanqu">西直门</div>
<div class="quyubodyleftitem xuanqu">东城门</div>
<div class="quyubodyleftitem xuanqu">安定门</div>
<div class="quyubodyleftitem xuanqu">安贞</div>
<div class="quyubodyleftitem xuanqu">朝阳门内</div>
<div class="quyubodyleftitem xuanqu">西直门</div>
<div class="quyubodyleftitem xuanqu">东城门</div>
</div>
</div>
<div class="qurendian">确认</div>
</div>
</div>
<div class="qiuzuox">
<div class="qiuzuboxhead">
<div class="qiuzuboxhealdeft">登记性质：</div>
<div class="qiuzuboxheadright">
<div class="qiuzhuboxheadrightimg">
<img src="../img/noselect.png" alt="">
</div>
<div class="qiuzuboxheadrightname">求租</div>
</div>
<div class="qiuzuboxheadright qiugouname">
<div class="qiuzhuboxheadrightimg">
<img src="../img/noselect.png" alt="">
</div>
<div class="qiuzuboxheadrightname">求购</div>
</div>
</div>
<div class="qiuzuboxhead xuqiuhead">
<div class="xuqiu xuanzexuqiuzone" >
<div class="qiuzuboxhealdeft">需求区域：</div>
<div class="quyuselect">请选择区域</div>
</div>
<div class="xuqiuyou">
<img src="../img/yourow.png" alt="">
</div>
</div>
<div class="qiuzuboxhead xuqiuhead">
<div class="qiuzuboxhealdeft">面积：</div>
<div class="mianishu">
<div class="mainjishuleft">
<input type="text" placeholder="最小">
</div>
<div class="heangxian"></div>
<div class="mainjishuright">
<input type="text" placeholder="最大">
</div>
</div>
<div class="pingmi">
平米
</div>
</div>
<div class="qiuzuboxhead xuqiuhead">
<div class="qiuzuboxhealdeft">租金范围：</div>
<div class="mianishu">
<div class="mainjishuleft">
<input type="text" placeholder="最少">
</div>
<div class="heangxian"></div>
<div class="mainjishuright">
<input type="text" placeholder="最多">
</div>
</div>
<div class="pingmi">
元/月
</div>
</div>
<div class="qiuzuboxhead xuqiuhead">
<div class="xuqiu">
<div class="qiuzuboxhealdeft">
<text class="tiactive">发布标题 ：</text>
</div>
</div>
<div class="xuqiuxuan">
<input type="text" placeholder="请输入标题" aria-placeholder="biaotishu">
</div>
<!-- <div class="xuqiuyou">-->
<!-- <img src="../img/yourow.png" alt="">-->
<!-- </div>-->
</div>
<div class="fabubiaoti">
<div class="qiuzuboxhealdeft">
信息补充
</div>
<div class="xinxibu">
<textarea name="" id="" cols="30" rows="10" placeholder="例如小区/楼层/位置/总价/租金/装修/朝向等
方面的要求" aria-placeholder="biaotishu"></textarea>
</div>
</div>
<div class="qiuzuboxhead xuqiuhead">
<div class="xuqiu">
<div class="qiuzuboxhealdeft">
<text class="tiactive">联系人 ：</text>
</div>
</div>
<div class="xuqiuxuan">
<input type="text" placeholder="请输入姓名" aria-placeholder="biaotishu">
</div>
<!-- <div class="xuqiuyou">-->
<!-- <img src="../img/yourow.png" alt="">-->
<!-- </div>-->
</div>
<div class="qiuzuboxhead xuqiuhead">
<div class="xuqiu">
<div class="qiuzuboxhealdeft">
<text class="tiactive">手机号 ：</text>
</div>
</div>
<div class="xuqiuxuan">
<input type="text" placeholder="请输入手机号" aria-placeholder="biaotishu">
</div>
<!-- <div class="xuqiuyou">-->
<!-- <img src="../img/yourow.png" alt="">-->
<!-- </div>-->
</div>
<div class="querenfa">确认发布</div>
</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
<script>
$(".quyuque").click(function(){
$(".register1").css("display","none")
})
$(".xuanzexuqiuzone").click(function(){
$(".register1").css("display","block")
})
$(".xuancheng").click(function(){
$(this).addClass("chengactive").siblings(".xuancheng").removeClass("chengactive")
})
$(".xuanqu").click(function(){
$(this).addClass("quactive").siblings(".xuanqu").removeClass("quactive")
})
</script>
</html>
... ...
<!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/common.css">
<link rel="stylesheet" href="../css/base.css">
<script type="text/javascript" src="../js/base.js"></script>
</head>
<body>
<div class="jiucuotop">
<div class="fangwuboxitem">
<div class="fangwuboxitemleft">
<img src="../img/house.png" alt="">
</div>
<div class="fangwuitemright">
<div class="fangitemritop">
<div class="fangitemtopleft">热门</div>
<div class="fangitemtoprightname">首创路程西府海棠</div>
</div>
<div class="room">
<div class="roomleft">三室两厅</div>
<div class="pingfang">120㎡</div>
</div>
<div class="kaojin">
<div class="kaojinleft">品牌房企</div>
<div class="kaojinright">临近地铁</div>
</div>
<div class="moneyyue">8000元/月</div>
</div>
</div>
</div>
<!--纠错理由-->
<div class="jiucuobox">
<div class="jiucuoboxtop">纠错理由</div>
<div class="jiucuolist">
<div class="jiucuolistitem">房源不存在</div>
<div class="jiucuolistitem">已出租或转租</div>
<div class="jiucuolistitem">价格不属实</div>
<div class="jiucuolistitem">面积不属实</div>
<div class="jiucuolistitem">其他理由</div>
</div>
<div class="writetext">
<textarea name="" id="" cols="30" rows="10" placeholder="请填写相关说明信息" aria-placeholder="tianxie"></textarea>
</div>
<div class="jiucuoliyou">纠错成功可奖励5次看铺次数</div>
</div>
<div class="lijijiucuo">立即纠错</div>
</body>
<script type="text/javascript" src="../js/jquery-2.1.4.js"></script>
</html>
... ...

185 字节

290 字节

245 字节

239 字节

251 字节

183 字节

250 字节

183 字节

203 字节

225 字节

221 字节

304 字节

182 字节

225 字节

232 字节

188 字节

226 字节

209 字节
... ... @@ -8,6 +8,7 @@
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/swiper.min.css">
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
... ... @@ -181,7 +182,7 @@
</div>
<div class="fangwubox">
<div class="fangwuboxitem">
<div class="fangwuboxitem remenhouse">
<div class="fangwuboxitemleft">
<img src="img/house.png" alt="">
</div>
... ... @@ -202,7 +203,7 @@
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitem remenhouse">
<div class="fangwuboxitemleft">
<img src="img/house.png" alt="">
</div>
... ... @@ -223,7 +224,7 @@
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitem remenhouse">
<div class="fangwuboxitemleft">
<img src="img/house.png" alt="">
</div>
... ... @@ -244,7 +245,7 @@
<div class="moneyyue">8000元/月</div>
</div>
</div>
<div class="fangwuboxitem">
<div class="fangwuboxitem remenhouse">
<div class="fangwuboxitemleft">
<img src="img/house.png" alt="">
</div>
... ... @@ -272,19 +273,19 @@
</div>
<div class="foot">
<div class="footitem">
<div class="footitem shouyejump">
<div class="footitemtop">
<img src="img/sun_05.png" alt="">
</div>
<div class="itembottom1">首页</div>
</div>
<div class="footitem">
<div class="footitem fangyuanlist">
<div class="footitemtop">
<img src="img/sun_06.png" alt="">
</div>
<div class="itembottom">房源</div>
</div>
<div class="footitem">
<div class="footitem fabufangyuango">
<div class="footitemtop">
<img src="img/sun_07.png" alt="">
</div>
... ... @@ -304,7 +305,6 @@
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
... ... @@ -320,5 +320,21 @@
$(".fangwulistitem").click(function(){
$(this).addClass("fangwuactive").siblings(".fangwulistitem").removeClass("fangwuactive")
})
//房源详情页面
$(".remenhouse").click(function(){
window.location.href="house/fangyuandetailershou.html"
})
// 跳到房源页面
$(".fangyuanlist").click(function(){
window.location.href="fangyuan.html";
})
// 发布房源
$(".fabufangyuango").click(function(){
window.location.href='lufangzhuan.html'
})
</script>
</html>
... ...
... ... @@ -3,3 +3,7 @@ var baseWidth = Length <= 1024 ? Length : 1024 < Length ? 750 : '';
document.documentElement.style.fontSize = baseWidth / 750 * 100 + 'px';
... ...
... ... @@ -33,4 +33,10 @@
<div class="zhucename">注册/登录即代表同意 <text class="mian">《免中介隐私政策》</text> 及 <text class="mian">《免中介用户服务协议》</text> 及</div>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script>
$(".lijideng").click(function(){
window.location.href="index.html"
})
</script>
</html>
... ...
... ... @@ -11,7 +11,7 @@
</head>
<body>
<div class="lufanglist">
<div class="lufangitem">
<div class="lufangitem faershou">
<div class="itemboxleft">
<div class="lufangitemleft">
<img src="img/sun_01.png" alt="">
... ... @@ -23,8 +23,7 @@
</div>
</div>
<div class="lufangitem">
<div class="lufangitem fachuzu">
<div class="itemboxleft">
<div class="lufangitemleft">
<img src="img/sun_02.png" alt="">
... ... @@ -36,7 +35,7 @@
</div>
</div>
<div class="lufangitem">
<div class="lufangitem faxiezi">
<div class="itemboxleft">
<div class="lufangitemleft">
<img src="img/sun_03.png" alt="">
... ... @@ -48,7 +47,7 @@
</div>
</div>
<div class="lufangitem">
<div class="lufangitem fashangcheng">
<div class="itemboxleft">
<div class="lufangitemleft">
<img src="img/sun_04.png" alt="">
... ... @@ -60,9 +59,72 @@
</div>
</div>
</div>
<div class="foot">
<div class="footitem shouyejump">
<div class="footitemtop">
<img src="img/sun_09.png" alt="">
</div>
<div class="itembottom">首页</div>
</div>
<div class="footitem fangyuanlist">
<div class="footitemtop">
<img src="img/sun_06.png" alt="">
</div>
<div class="itembottom">房源</div>
</div>
<div class="footitem">
<div class="footitemtop">
<img src="img/sun_11.png" alt="">
</div>
<div class="itembottom1">发布房源</div>
</div>
<div class="footitem">
<div class="footitemtop">
<img src="img/sun_08.png" alt="">
</div>
<div class="itembottom">我的</div>
</div>
</div>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
</body>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script>
<!-- 跳到首页-->
$(".shouyejump").click(function(){
window.location.href="index.html"
})
// 跳到房源页面
$(".fangyuanlist").click(function(){
window.location.href="fangyuan.html";
})
// 发布房源
$(".fabufangyuango").click(function(){
window.location.href='lufangzhuan.html'
})
// 发布二手
$(".faershou").click(function(){
window.location.href="house/fabufangyuanershou.html"
})
// 发布出租
$(".fachuzu").click(function(){
window.location.href="house/fabufangyuanzufang.html"
})
// 发布写字楼
$(".faxiezi").click(function(){
window.location.href="house/fabufangyuanxiezilou.html"
})
// 发布商城
$(".fashangcheng").click(function(){
window.location.href="house/fabufangyuanshangquan.html"
})
</script>
</html>
... ...