templatesearch_mini.html 6.77 KB
<include file="public/layout"/>
<style>
    .te_le .dataTables_paginate {
        float: left;
    }

    .bot {
        float: right;
        padding: 15px 0;
    }

    .vdisib {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: middle;
    }

    .hDivBox li {
        float: left;
        width: 163px;
        margin-left: 10px;
        margin-top: 10px;
    }

    .imgli {
        height: 273px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }

    .imgmb {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        text-align: center;
        float: left;
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
    }

    .imgmb1 {
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        background: #f8f8f8;
        overflow: hidden;
        cursor: pointer;
    }

    .immediate {
        background-color: #44bb00;
        border-radius: 8px;
        padding: 3px 10px;

    }

    .widget-feature-template-filter {
        float: left;
        margin-left: 10px;
        line-height: 30px;
    }

    .widget-feature-template-filter li {
        display: inline-block
    }

    .widget-feature-template-filter li + li:before {
        content: '-';
        display: inline-block;
        color: #999;
        margin: 0 5px;
    }

    .widget-feature-template-filter a:hover, a:focus {
        color: #07d;
        text-decoration: none;
    }

    .widget-feature-template-filter a {
        color: #38f;
        text-decoration: none;
    }

    .widget-feature-template-filter li.active a {
        color: #333;
    }

    .laybox1 {
        position: fixed;
        z-index: 100;
        width: 200px;
        height: 230px;
        background: #fff;
        left: 50%;
        top: 50%;
        margin-left: -100px;
        margin-top: -115px;
        border-shadow: 0 0 15px #333;
        -moz-box-shadow: 0 0 15px #333;
        -webkit-box-shadow: 0 0 15px #333
    }

</style>
<body style="background-color: rgb(255, 255, 255); overflow: auto; cursor: default; -moz-user-select: inherit;">
<div class="page" style="padding: 0px 1% 0 1%;">
    <!-- 操作说明 -->
    <div class="flexigrid">
        <div class="mDiv">

            <ul class="widget-feature-template-filter" id="clicktypeid">
                <li
                <if condition="$gettypeid eq 0"> class="active"</if>
                data-type="0">
                <a href="javascript:;" class="js-filter">所有模板</a>
                </li>
                <foreach name="typelist" item="v" key="k">
                    <li
                    <if condition="$v.id eq $gettypeid"> class="active"</if>
                    data-type="{$v.id}">
                    <a href="javascript:;" class="js-filter">{$v.typename}</a>
                    </li>
                </foreach>

            </ul>
            <form class="navbar-form form-inline" id="search-form2" action="{:U('Weapp/templatesearch_mini')}"
                  method="get">
                <input type="hidden" value="{$gettypeid|default=0}" id="type_id" name="type_id">
                <div class="sDiv">
                    <div class="sDiv2">
                        <input size="30" name="keywords" value="{$keywords}" class="qsbox" placeholder="模板名称"
                               type="text">
                        <input class="btn" style="height: 27px" value="搜索" type="submit">
                    </div>
                </div>
            </form>
        </div>
        <!--数据-->
        <div class="hDiv">
            <ul class="hDivBox">
                <empty name="mList">
                    <div class="warning-option" style="background-color:white; line-height: 40px; text-align: center"><i
                            class="icon-warning-sign"></i><span>暂无符合条件的数据记录</span>
                    </div>
                <else/>
                    <foreach name="mList" item="v">
                        <li>
                            <div class="imgli" onclick="choose({$v.id})" style="height: 150px;">
                                <p class="imgmb1" style="height: 100%; line-height: 120px">{$v.page_title}</p>
                                <p class="imgmb">
                                    <span class="immediate">立即使用</span>
                                </p>
                            </div>
                        </li>
                    </foreach>
                </empty>
            </ul>
        </div>
        <div class="clear"></div>
        <!--分页位置-->
        <div class="te_le" style="float: right">
            {$page}
        </div>
        <if condition="$totalnum gt $pagenum">
            <div style="float:right; line-height: 30px; padding-top: 15px; font-size: 14px;">
                共{$pager->totalRows}条,每页{$pagenum}条&nbsp;&nbsp;</div>
        </if>

        <div style="height:40px;"></div>
    </div>
</div>

<!--模板的预览界面-->
<div class="laybox1 dn" onclick="closelaybox()">
    <dl style="text-align: center;color: #333;">
        <dt style="font-size: 16px;height: 30px; background: #f3f3f3;
        border-bottom: 1px solid #eee; line-height: 30px; cursor: pointer  "><span
                style="float: right;">×&nbsp;&nbsp;</span></dt>
        <dt style="font-size: 16px;margin-top: 10px">请用微信扫一扫预览</dt>
        <dd style="margin-top: 20px">
            <div class="ware_ewm1" style="margin: 0 35px">
                <div id="ewm_box11" class="ewm1">
                    <img id="ewm_box_img11" style="width: 100%; height: 100%" src="" alt=""/>
                </div>
            </div>
        </dd>
        <dt style="heihgt:10px">&nbsp;</dt>
    </dl>
</div>


<script>
    /*--选择--*/
    function choose(id) {
        javascript:window.parent.call_back(id);
    }

    // 点击刷新数据
    $('.fa-refresh').click(function () {
        location.href = location.href;
    });


    $('#clicktypeid').find('li').each(function () {
        $(this).click(function () {
            $("#type_id").val($(this).attr('data-type'));
            location.href = "/index.php/admin/Weapp/templatesearch_mini/type_id/" + $("#type_id").val();
        })

    })

    function show_pay(mid, money, days, type) {
        parent.show_pay(mid, money, days, type);
    }


    function showi(ob) {
        var html = "{:curHostURL()}" + $(ob).attr('b_href');
        var url = "/index.php?m=home&c=index&a=qr_code&data=" + encodeURIComponent(html);
        $("#ewm_box_img11").attr('src', url);
        $('.laybox1').fadeIn(3);
    }

    function closelaybox() {
        $('.laybox1').fadeOut(3);
        $("#ewm_box_img11").attr('src', '');
    }


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