zc100/template/mobile/view_zczygz_cl.htm

{eyou:assign name='page' value='cl_detail' /}
{eyou:include file='/template/pc/common/main/param.htm' /}
{eyou:include file='/template/pc/common/include/top.htm' /}
{eyou:include file='/template/pc/common/other/background.htm' /}
{eyou:include file='/template/pc/common/include/header.htm' /}

<div id="cl_detail">
    <div id="mask"></div>

    {eyou:include file='/template/pc/components/nav/style_1.htm' /}

    <?php

    /*    echo "<pre>";
        var_dump($eyou['field']);
        echo "</pre>";*/

    ?>


    <div class="container">
        <div class="part">
            <div class="bar clearfix">
                <h1 class="tt"> {$eyou.field.title} </h1>
                <div class="r-intro fr"> <span class="data fr"> <small class="info"><i class="fa fa-clock-o"></i>{$eyou.field.update_time|MyDate="Y-m-d",###}</small>                     <small class="info"><i class="fa fa-eye"></i>
                        {$eyou.field.click}
                    </small> </span> </div>
            </div>
            <div class="items">
                <div class="row post-single">
                    <div class="col-xs-12 col-sm-12 col-md-8">
                        <div class="pic fl">
                            <div class="blur blur-layer" style="background: transparent url({$eyou.field.litpic}) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;animation: rotate 20s linear infinite;"> </div>
                            <img class="img-cover" src="{$eyou.field.litpic}" alt="{$eyou.field.title}" title="{$eyou.field.title}"> </div>
                        <div class="list">
                            <p>产品名称：{$eyou.field.title}</p>
                            <p class="cate">所属分类：<a href="" class="mcolor">产品购买</a></p>
                            <p class="site">官方网址：<a href="" title="{$eyou.field.title}" >{$web_domain}{$web_url}</a></p>
                            <p class="cate">产品价格：
                                <span class="mod_price" style="margin: 0px 0px;">
                                    <i>¥</i>
                                    <span class="more2_info_price_txt">{$eyou.field.users_price}.<span class="more2_info_price_txt-decimal">00</span>
                                     </span>
                                </span>
                            </p>
                            <p class="seo">

                                <!--SEO查询： <a rel="nofollow" class="" href="javascript:;" target="_self"><i class="fa fa-bar-chart"></i></a>
                                <a rel="nofollow" class="pczz" href="javascript:;" target="_self"><i class="fa fa-bar-chart"></i></a> <a rel="nofollow" class="mzz" href="javascript:;" target="_self"><i class="fa fa-bar-chart"></i></a> -->

                                产品简介： {$eyou.field.seo_description|msubstr=###,0,65,true}

                            </p>

                            <a class="btn transition layui-btn-s" target="_self" data-method="notice" href="javascript:;" rel="nofollow">
                               购买产品
                                <i class="fa fa-chevron-circle-right"></i>
                            </a>



                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="part">
            <p class="tt"><span>文档介绍</span></p>
            <div class="items">
                <div class="art-main">
                    {$eyou.field.content_5}
                </div>
            </div>
        </div>



        <!-- 广告位AD3  -->
        <div class="part related">
            <p class="tt"><span>相关推荐</span></p>
            <div class="items">
                <div class="row">


                    <?php
                    $where = " typeid=".$tid." and is_del=0 and status=1 and is_recom=1 and province_id=0 ";
                    $sql = "select aid from ey_archives where $where order by update_time desc limit 0,6";
                    ?>
                    {eyou:sql sql='$sql' cachetime='3600' id="listSql"}
                    {eyou:arcview aid='$listSql.aid'}

                    <?php
                    $ar_url = get_tid_url_2($field['arcurl'],$field['typeid'],$field['stypeid'],'0','',0,0,0);
                    ?>
                    <div class="col-xs-6 col-sm-4 col-md-2 font-563-active-{$i}">
                        <div class="item art-item transition">
                            <a class="art-a" href="{$ar_url}" title="" >
                                <img class="img-cover" src="{$field.litpic}" alt="" title="">
                            </a>
                            <h3 class="art-title" style="">
                                {eyou:if condition='((int)$field.is_recom === 1)'}
                                <i class="more2_info_self">推荐</i>
                                {/eyou:if}

                                <a class="" href="{$ar_url}" title="{$field.title}" >
                                    {$field.title|msubstr=###,0,30,true}
                                </a>
                            </h3>
                            <div class="mod_price">
                                <i>¥</i>
                                <span class="more2_info_price_txt">{$field.users_price}.<span class="more2_info_price_txt-decimal">00</span>
                                 </span>
                            </div>
                        </div>
                    </div>


                    {/eyou:arcview}
                    {/eyou:sql}


                </div>
            </div>
        </div>
    </div>

</div>

{eyou:include file='/template/pc/common/include/footer.htm' /}
{eyou:include file='/template/pc/common/include/bottom.htm' /}

<div id="buy" style="display: none;">
    <div style="padding: 50px  15px 40px 15px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">

        <fieldset class="layui-elem-field" style="width:100%;text-align: center;">
            <legend style="font-size: 17px;margin-left:0px;">第一步: 扫一扫{eyou:global name='web_attrname_30' /}</legend>
            <div class="layui-field-box" style="text-align: center;">
                <img src="{eyou:global name='web_attr_30' /}" style="width: 150px;"/>
            </div>
        </fieldset>

        <fieldset class="layui-elem-field" style="width:100%;text-align: center;">
            <legend style="font-size: 17px;margin-left:0px;">第二步: 付款截图发送客服领取</legend>
            <div class="layui-field-box" style="text-align: center;">

                <img src="{eyou:global name='web_attr_26' /}" style="width: 150px;"/>
            </div>
        </fieldset>




    </div>
</div>

<script>
    layui.use('layer', function(){ //独立版的layer无需执行这一句
        var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句

        //触发事件
        var active = {
            setTop: function(){
                var that = this;
                //多窗口模式，层叠置顶
                layer.open({
                    type: 2 //此处以iframe举例
                    ,title: '当你选择该窗体时，即会在最顶端'
                    ,area: ['390px', '260px']
                    ,shade: 0
                    ,maxmin: true
                    ,offset: [ //为了演示，随机坐标
                        Math.random()*($(window).height()-300)
                        ,Math.random()*($(window).width()-390)
                    ]
                    ,content: 'http://layer.layui.com/test/settop.html'
                    ,btn: ['继续弹出', '全部关闭'] //只是为了演示
                    ,yes: function(){
                        $(that).click();
                    }
                    ,btn2: function(){
                        layer.closeAll();
                    }

                    ,zIndex: layer.zIndex //重点1
                    ,success: function(layero){
                        layer.setTop(layero); //重点2
                    }
                });
            }
            ,confirmTrans: function(){
                //配置一个透明的询问框
                layer.msg('大部分参数都是可以公用的<br>合理搭配，展示不一样的风格', {
                    time: 20000, //20s后自动关闭
                    btn: ['明白了', '知道了', '哦']
                });
            }
            ,notice: function(){
                //示范一个公告层
                layer.open({
                    type: 1
                    ,title: false //不显示标题栏
                    ,closeBtn: false
                    ,area: '300px;'
                    ,shade: 0.8
                    ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
                    //,btn: ['火速围观', '残忍拒绝']
                    ,btn: ['关闭']
                    ,btnAlign: 'c'
                    ,moveType: 1 //拖拽模式，0或者1
                    ,content: $('#buy').html()
                    ,success: function(layero){
                        /*var btn = layero.find('.layui-layer-btn');
                        btn.find('.layui-layer-btn0').attr({
                            href: 'http://www.layui.com/'
                            ,target: '_blank'
                        });*/
                    }
                });
            }
            ,offset: function(othis){
                var type = othis.data('type')
                    ,text = othis.text();

                layer.open({
                    type: 1
                    ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                    ,id: 'layerDemo'+type //防止重复弹出
                    ,content: '<div style="padding: 20px 100px;">'+ text +'</div>'
                    ,btn: '关闭全部'
                    ,btnAlign: 'c' //按钮居中
                    ,shade: 0 //不显示遮罩
                    ,yes: function(){
                        layer.closeAll();
                    }
                });
            }
        };

        $('.layui-btn-s').on('click', function(){
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });

    });
</script>