fabufangyuanzufang.html 10.2 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>我要售房</title>
    <link rel="stylesheet" href="../css/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>