mead
/
haoshengxin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
							<?php
use yii\helpers\Html;
use yii\helpers\Url;
?>
<?= Html::cssFile('@web/css/weui.min.css'); ?>
<?= Html::cssFile('@web/css/jquery-weui.min.css'); ?>
<?= Html::cssFile('@web/css/base.css'); ?>
<?= Html::cssFile('@web/iconfont/iconfont.css'); ?>
<?= Html::jsFile('@web/js/jquery.min.js'); ?>
<?= Html::jsFile('@web/js/jquery-weui.min.js'); ?>
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>搜索</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="list-box rb-list">
    <ul>
        <?php if(!empty($arrs)):?>
            <?php foreach($arrs as $arr):?>
            <li>
                <a href="<?=Url::toRoute(['building/detail','id'=>$arr->id])?>">
                    <div class="img">
                        <?php if(!empty($arr->all)):?>
                            <img src="<?=empty($arr->all->pic)?\common\models\Building::DEFAULT_PIC:Yii::getAlias('@imgdomain').'/'.$arr->all->pic?>"/>
                        <?php else:?>
                            <img src="<?=\common\models\Building::DEFAULT_PIC?>" />
                        <?php endif;?>
                        <div class="title">
                            <div class="left"><?=empty($arr->address)?'':$arr->address?></div>
                            <div class="right"><?=empty($arr->layout)?'':$arr->layout?>/<?=empty($arr->style)?'':$arr->style?>/<?=empty($arr->acreage)?'':$arr->acreage.'㎡'?></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <p class="rb-p">
                        距离:<?=empty($arr->distance)?'':sprintf("%.1f",$arr->distance/1000)?>km
                    </p>
                </a>
            </li>
            <?php endforeach;?>
        <?php endif?>
<!--        <li>-->
<!--            <a href="红包-样板房详情.html">-->
<!--                <div class="img">-->
<!--                    <img src="../images/img1.jpg" />-->
<!--                    <div class="title">-->
<!--                        <div class="left">美丽家园13号楼209室</div>-->
<!--                        <div class="right">两房一厅/美式/120㎡</div>-->
<!--                        <div class="clear"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <p class="rb-p">-->
<!--                    距离:1.25km-->
<!--                </p>-->
<!--            </a>-->
<!--            <i class="iconfont icon-hongbao rb-btn"></i>-->
<!--        </li>-->

    </ul>
</div>


<!--红包弹出层-->
<div class="redbag">
    <div class="title">
        <a href="#" class="close"><i class="iconfont icon-guanbi"></i></a>
        <h2>38.88 <span>元</span></h2>
        <p>预约后可领取该红包</p>
    </div>
    <div class="rb-info">
        <h2><a href="#">&nbsp;</a></h2>
        <p class="add">&nbsp;</p>
        <a href="javascript:;" class="yy-btn">立即预约</a>
        <p><a href="红包记录.html" class="notes">我的红包记录</a></p>
    </div>
</div>
<div class="p_bg"></div>

</div>

<script type="text/javascript">

    $('.rb-list .rb-btn').click(function () {
        $('.redbag,.p_bg').show();
        $('.redbag .title h2').empty();
        $('.redbag .title h2').html('38.28 <span>元</span>');
        $('.redbag .close').click(function () {
            $('.redbag,.p_bg').hide();
        });

        $('.redbag .yy-btn').click(function () {
            $('body').append('<div class="date"><input class="weui-input" id="time-inline" type="text" value="" readonly><div class="title">选择时间<span>(可预约时间:2017-07-07到2017-08-07)</span></div><div id="time-container"></div><div class="date-btn"><a href="#" class="close-date">取消</a><a href="javascript:;">马上预约</a></div></div>');
            $("#time-inline").datetimePicker({
                container: '#time-container',
                onChange: function (picker, values, displayValues) {
                    console.log(values);
                }
            });
            $('.date .close-date').click(function () {
                $('.date').remove();
            });
        });
    });


</script>
</body>
</html>