{extend name="common@index" /} {block name="title"}{$rs.name}_{$column.name}{/block} {block name="css"}
<link rel="stylesheet" type="text/css" href="__CSS__info.css">
<style>
.icon {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 30px;
    background: url(//img.58cdn.com.cn/ui8/house/detail/images/zufang-detail-icon.png) no-repeat center;
    background-size: auto 80px;
}
.house-disposal {
	width:100%;
	overflow:hidden;
	margin-top:40px;
	margin-bottom:27px
}
.house-disposal li {
	font-size:14px;
	color:#555;
	float:left;
	position:relative;
	width:117px;
	line-height:18px;
	text-align:center;
	padding-top:39px;
	margin-bottom:27px
}
.house-disposal li i {
	top:0
}
.house-disposal .bed i {
	width:35px;
	height:29px;
	background-position:-301px 0;
	left:42px
}
.house-disposal .chest i {
	width:25px;
	height:31px;
	background-position:-1878px 0;
	left:47px
}
.house-disposal .sofa i {
	width:34px;
	height:22px;
	background-position:-926px 0;
	left:42px
}
.house-disposal .telev i {
	width:33px;
	height:30px;
	background-position:-346px 0;
	width:33px;
	left:42px
}
.house-disposal .icebox i {
	width:25px;
	height:31px;
	background-position:-226px 0;
	left:46px
}
.house-disposal .washer i {
	width:25px;
	height:30px;
	background-position:-1259px 0;
	left:46px
}
.house-disposal .air-condition i {
	width:29px;
	height:29px;
	background-position:-580px 0;
	left:46px
}
.house-disposal .water-heater i {
	width:28px;
	height:30px;
	background-position:-861px 0;
	left:46px
}
.house-disposal .broadband i {
	width:28px;
	height:26px;
	background-position:-618px 0;
	left:46px
}
.house-disposal .central-heater i {
	width:16px;
	height:30px;
	background-position:-836px 0;
	left:48px
}
.house-disposal .fuel-gas i {
	width:26px;
	height:31px;
	background-position:-1980px 0;
	left:45px
}
.house-disposal .balcony i {
	width:31px;
	height:30px;
	background-position:-2016px 0;
	left:44px
}
.house-disposal .toilet i {
	width:31px;
	height:25px;
	background-position:-2133px 0;
	left:44px
}
</style>
{/block} {block name="main"}
<div class="view clearfix">
    <div id="content">
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li><a href="{$column.parent.url|default=$column.url}">{$column.parent.name|default=$column.name}</a></li>
            <li class="active"><a href="{$column.url}">{$column.name}</a></li>
        </ol>
        <div class="panel">
            <div class="panel-heading">
                <h3 class="mb-xs">
                    {if !empty($rs['behavior']) } {foreach $rs['behavior'] as $vv} {if $vv.name=='share_redpacket'}
                    <span class="iconfont pull-right icon-hongbao text-danger" data-key='{$vv.key}' data-cid='{$rs.column_id}' data-id='{$rs.id}' rel="redpacket" title="红包"></span>{/if} {/foreach} {/if} {$rs.name} </h3>
                <p class="text-muted">发布于 {$rs.time.from_now} <em rel="hits" data-id="{$rs.id}"></em>次浏览</p>
                <ul class="action pull-right text-center">
                    <li class="qrcode">
                        <i class="fa fa-qrcode"></i><br>
                        <span>扫一扫</span>
                        <div class="qrcode-wrap">
                            <img src="http://qr.liantu.com/api.php?text={$rs.url}" alt="{$rs.name}二维码" />
                            <p class="text-muted mb-sm">扫一扫在手机查看</p>
                        </div>
                    </li>
                    <li>
                        <i class="fa fa-share-alt"></i><br>
                        <span>分享</span>
                    </li>
                    <li>
                        <a href="{:url('index/index/manage', ['key'=>$column.key, 'id'=>$rs.id])}" class="text-muted">
                            <i class="fa fa-edit"></i><br>
                            <span>管理</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="panel-body mb-lg">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="preview">
                            {if !empty($rs.image)} <img src="{$rs.image[0]['url']|default='/static/img/nopic.gif'}" rel="preview" width="360" height="300">{/if}
                        </div>
                        {if !empty($rs.image)}
                        <div class="img-wrap">
                            <div class="swiper-container" id="small-img">
                                <div class="swiper-wrapper">
                                    {foreach $rs.image as $k=>$v}
                                    <div class="swiper-slide">
                                        <div class="swiper-zoom-container" data-index="{$k}"><img class="swiper-lazy" data-src="{$v.url}" alt="" width="90">
                                            <div class="swiper-lazy-preloader"></div>
                                        </div>
                                    </div>
                                    {/foreach}
                                </div>
                            </div>
                            <div class="button-prev fa fa-angle-left" rel="prev"></div>
                            <div class="button-next fa fa-angle-right" rel="next"></div>
                        </div>
                        {/if}
                    </div>
                    <div class="col-sm-8">
                        <div class="row">
                            <div class="col-sm-8">
                            </div>
                            <div class="col-sm-4 text-right">
                                <strong class="rent">
                                    {if !empty($rs.fields['jiage']['value'])}{$rs.fields['jiage']['value']}<small>{$rs.fields['jiage']['unit']}</small>{/if}
                                </strong>
                                <span>
                                   
                                </span>
                            </div>
                        </div>
                        <div class="row">
                            <ul class="house-disposal">
                                <li class="bed"><i class="icon"></i>床</li>
                <li class="chest"><i class="icon"></i>衣柜</li>
                <li class="sofa"><i class="icon"></i>沙发</li>
                <li class="telev"><i class="icon"></i>电视</li>
                <li class="icebox"><i class="icon"></i>冰箱</li>
                <li class="washer"><i class="icon"></i>洗衣机</li>
                <li class="air-condition"><i class="icon"></i>空调</li>
                <li class="water-heater"><i class="icon"></i>热水器</li>
                <li class="toilet"><i class="icon"></i>独立卫生间</li>
    </ul>
                        </div>
                        <div class="part detail mt-md mb-lg">
                            <h4 class="title mb-sm">描述</h4>
                            
                            <p>{$rs.info.content|nl2br|raw}</p>
                            {if $rs['end_time']!=0 && $rs['end_time']
                            <time()} <div class="invalid">
                                <img src="/static/img/info/stamp.gif">
                        </div>
                        {/if}
                    </div>
                    <div class="linkman clearfix">
                        <i class="fa fa-user-circle-o mr-sm"></i>{$rs.info.linkman}<strong class="ml-sm">{$rs.info.phone.hidden}</strong>
                        <button class="btn btn-theme mt-xs pull-right show-number">查看完整号码</button>
                    </div>
                    <p class="alert alert-warning mt-sm">
                        <i class="fa fa-info-circle"></i> 温馨提示：支付前任何索要定金、押金行为都是违法行为，请提高警惕！
                        <a rel="report" href="javascript:;" class="pull-right text-muted" data-id="{$rs.id}" data-cid="{$rs.column_id}"><i class="fa fa fa-flag pr-xs"></i>举报</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="panel mt-md others">
        <div class="panel-heading mb-md">
            <h4><a href="{$column.url}">{$rs.area.name}{$column.parent.name|default=''}{$column.name}信息</a></h4>
        </div>
        <ul class="media-list panel-body clearfix lazyload">
            {cim:data cid="$column.id" limit="10"}
            <li class="media col-2">
                <div class="media-left">
                    <a href="{$v.url}" target="_blank">
                        <img class="media-object" data-src="{$v.thumb}" data-original="{$v.thumb}" alt="" width="80" height="60">
                    </a>
                </div>
                <div class="media-body">
                    <a href="{$v.url}" target="_blank">
                        <h5 class="media-heading overflow mt-xs">{$v.name}</h5>
                    </a>
                    <div class="bottom">
                        <a href="{:url('index/index/column', ['key'=>$v.column.key, 'area'=>$v.area.id])}" class="text-muted">{$v.area.name}</a> - <a href="{$v.column.url}" class="text-muted">{$v.column.name} </a>
                        <span class="pull-right">{$v.time.from_now}</span>
                    </div>
                </div>
            </li>
            {/cim:data}
        </ul>
    </div>
</div>
<!-- <div id="sidebar" class="pull-right">
        <div class="panel">
            <div class="panel-heading">机构推荐</div>
            <div class="panel-body">
                <img src="/static/img/nopic.gif" alt="..." height="100">
                <img src="/static/img/nopic.gif" alt="..." height="100">
                <img src="/static/img/nopic.gif" alt="..." height="100">
                <img src="/static/img/nopic.gif" alt="..." height="100"> 
            </div>
        </div>
    </div> -->
</div>
{if !empty($rs.image)}
<div class="fullscreen">
    <div class="swiper-container full-view">
        <div class="swiper-wrapper">
            {foreach $rs.image as $v}
            <div class="swiper-slide">
                <div class="swiper-zoom-container"><img src="{$v.url}" alt=""></a>
                </div>
            </div>
            {/foreach}
        </div>
        <a href="javascript:;" class="fullscreen-close">&times;</a>
        <div class="swiper-pagination swiper-pagination-white"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
</div>
{/if}
<div id="phone" class="text-center" style="display:none">
    <p class="text-danger mt-lg"><i class="fa fa-phone pr-sm"></i><img src="{$rs.info.phone.image}" alt=""></p>
    <p class="text-muted mt-sm">联系我时，请一定说明在{$cim.name}看到的, 谢谢</p>
</div>
{/block} {block name="js"}
<script>
    require(['info']);
</script>
{/block}