zc100/template/pc/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">
        {eyou:include file='/template/pc/components/detail/cl.htm' /}
    </div>
</div>

{eyou:include file='/template/pc/common/include/footer.htm' /}
{eyou:include file='/template/pc/common/other/share.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;">网盘链接:</legend>
            <div class="layui-field-box" style="text-align: center;">
                {$eyou.field.wplj}
            </div>
        </fieldset>

        {eyou:if condition='(!empty($eyou.field.tqm))'}
            <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;">
                    {$eyou.field.tqm}
                </div>
            </fieldset>
        {/eyou:if}


        <!--<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: '600px;'
                    ,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: '{$eyou.field.wplj}'
                            ,target: '_blank'
                        });
                        btn.find('.layui-layer-btn1').click(function(){
                            let text = "{$eyou.field.wplj}";
                            let longPressTimer = null;

                            // 复制方法
                            // 关键
                            navigator.clipboard
                                .writeText(text)
                                .then(() => {
                                    window.alert("复制成功");
                                })
                                .catch((error) => {
                                    window.alert("复制失败", error);
                                });
                        });
                    }
                });
            }
            ,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>