{extend name="common@index"}
{block name="css"}
<link href="__CSS__phone.css" type="text/css" rel="stylesheet">
{/block}
{block name="main"}
<div class="index clearfix">
    <div id="sidebar" class="pull-left">
        <a class="btn btn-block btn-danger btn-lg" href="javascript:;" rel="fast-add"><i class="fa fa-phone"></i> 免费登记电话号码</a>
        <div class="panel mt-sm pt-xs">
            {include file="block@sidebar"}
        </div>
    </div>
    <div id="content" class="pull-right">
        <div class="panel">
            <div class="pt-md pl-sm mr-xs">
                <h4 class="mb-sm">{$column.name}</h4>
                <hr>
            </div>
            <div class="row lazyload pt-md">
                {foreach $data as $v}
                <div class="col-sm-6 col-md-6 pb-md">
                    <div class="item">
                        <img data-src="{$v.thumb}" data-original="{$v.thumb}" class="thumb mr-md pull-left" title=""
                            data-toggle="tooltip">
                        <h4 class="mb-xs name overflow">
                            {$v.name}
                        </h4>
                        <b class="text-muted">{$v.phone}</b>
                        <div class="text-muted overflow">
                            {$v.address}
                        </div>
                    </div>
                </div>
                {/foreach}
            </div>
        </div>
        <div class="text-right mb-sm">
            {include file="cim@pager"}
        </div>
    </div>
</div>

{include file="block@fast_add_phone"}
{/block}
{block name="js"}
<script>
    require(['pages/phone'])
</script>
{/block}