{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">

    {include file="cim@breadcrumb"}
    <div class="panel p-lg">
        <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="/index/api/qr_code?content={$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>
    {include file="block@block" more_info="1"}
</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(['index']);
</script>
{/block}