nianhui
/
frame.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <title>微信上墙首页</title>
    <link rel="stylesheet" href="/assets/css/normalize.css" >
    <link rel="stylesheet" href="/assets/plugs/icon/iconfont.css" type="text/css" />
    <link rel="stylesheet" href="/assets/css/index.css" >
    <!--弹幕样式-->
    <link rel="stylesheet" type="text/css" href="/assets/plugs/jquery.barrager.js/dist/css/barrager.css">
    <link rel="stylesheet" type="text/css" href="/assets/plugs/intro.js-master/minified/introjs.min.css">
    <style>
    {literal}
        .icon.iconfont ,.navbar-btn p{
            color: {/literal}{$menucolor}{literal};
        }
    {/literal}
    </style>
</head>
<body >

{if $showcountsign!=1}
<div class="Panel_Top" style="pointer-events: none;">
    <div class="top_menu">
        <!-- <img class="activity_logo" src="img/logo.png"> -->
        <div class="tp2">
            <div class="tp-1">
                <div class="tp-3" id="counter">参与人数：0人</div>
            </div>
        </div>
    </div>
</div>
{/if}
<iframe src="/wall/index.php" class="frames" id="frame-container"></iframe>
<div class="Panel Bottom">
    <div class="navbar clear">
        <div class="nav-items">
            {foreach $plugs as $item} {if $item['ismodule']==2}
            <div class="navbar-btn menu-item" data="{$item['name']}" >
                <div class="icon-div">
                    <span class=""></span>
                </div>
                <p>{$item['title']}</p>
            </div>
            {else} {if $item['url']!=''}
            <div class="navbar-btn menu-item" data="{$item['name']}" {if $item['name']=='lottery'} data-step='1' data-intro="抽奖包含了以下3个功能:<ol><li>3D抽奖<li>抽奖箱</li></li><li>砸金蛋</li></ol>"{/if}{if $item['name']=='game'} data-step='2' data-intro="摇一摇一共有9种主题，包含了：<ol><li>赛车</li><li>赛跑</li><li>赛艇</li><li>赛马</li><li>龙舟</li><li>小车</li><li>金猪送福</li><li>猴子爬树</li><li>数钱</li></ol>"{/if} >
                    <div class="icon-div">
                        <span class=""></span>
                    </div>
                    <p>{$item['title']}</p>
                </div>
            <!-- </a> -->
            {/if} {/if} {/foreach }
        </div>


        <div class="right">
            <div class="right-item navbar-btn z-s" style="cursor: default;padding-bottom: 1.45rem; ">
                <div >
                    <span class="icon iconfont iconfgf" style="height: 100%;font-size:1rem;padding-top:0.15rem;"></span>
                </div>
            </div>
            <div class="right-item  navbar-btn btn-danmu">
                <div class="icon-div">
                    <span class="icon iconfont icondmkq"></span>
                </div>
                <p>弹幕</p>
            </div>
            <div class="right-item  navbar-btn btn-qrcode">
                <div class="icon-div">
                    <span class="icon iconfont iconewm"></span>
                </div>
                <p>二维码</p>
            </div>
            <div class="right-item  navbar-btn btn-fullscreen">
                <div class="icon-div">
                    <span class="icon iconfont iconqp"></span>
                </div>
                <p>全屏</p>
            </div>
            <div class="right-item  navbar-btn btn-music">
                <div class="icon-div">
                    <span class="icon iconfont iconyinle"></span>
                </div>
                <p>背景音乐</p>
            </div>
            <div class="right-item  navbar-btn btn-admin">
                <div class="icon-div">
                    <span class="icon iconfont iconsz"></span>
                </div>
                <p>后台</p>
            </div>
        </div>
        </div>

        <ul class="subnav" style="display: none;">
            <li class="clear"></li>
        </ul>
    </div>

</div>
<div class="Panel Bottom">
    <div class="navbar clear navbar-s" style="display: none;" data-step="3" data-intro="鼠标移到这个区域，可以看到开始和重玩游戏的按钮。" >
        <div class="navbar-btn z-s btn-start">
            <div>
                <span title="开始" class="icon iconfont iconks"></span>
            </div>
        </div>
        <div class="navbar-btn z-s btn-reset">
            <div>
                <span title="重玩" class="icon iconfont iconcw"></span>
            </div>
        </div>
    </div>
</div>
<!--页面加载动画-->
<div class="load-container">
    <div class="load4">
        <div class="loader1"></div>
    </div>
</div>
<!--页面加载动画 结束-->
<!--背景音乐-->
<div style="display: none;">
    <audio controls="controls" id="bgmusic" loop="true" {if $bgmusic['bgmusicstatus']==1} autoplay="autoplay" {/if}>
        <source src="/wall/themes/meepo/assets/music/Radetzky_Marsch.mp3" type="audio/mpeg" /> 您的浏览器不支持音乐播放，您可以下载这个谷歌浏览器， https://pan.baidu.com/s/1bp0MHFx，效果和性能会好一点哦
    </audio>
</div>
<!--背景音乐 结束-->
<!--登陆窗口-->
<div class="loginformbg">
    <div class="loginform" style="z-index:100">
        <div class="activity_title">现场活动大屏幕系统</div>
        <div>
            <input id="password" class="password" placeholder="请输入活动的管理密码" type="password" autocomplete="new-password">
        </div>
        <div class="submitline">
            <button class="button-login">开启</button>
        </div>
    </div>
</div>
<!--登陆窗口 结束-->
<!--可拖拽二维码-->
<!-- 可以拖拽缩放的二维码 -->
<div id="box" class="box" style="z-index:999;position: absolute;">
    <span>{$wall_config['qrcodetoptext']}</span>
    <img src="" alt="活动二维码" title="活动二维码" class="qrcode">
    <div id="coor" class="coor coor-right-bottom"></div>
    <div class="coor coor-bottom"></div>
    <div class="coor coor-right"></div>
</div>
<!--可以拖拽缩放的二维码 结束-->
<!--背景视频-->
<div class="bgvideo" style="width: 100%;height: 100%;position: absolute;left:0;top: 0;z-index: -1;">
    <video src="" style="object-fit:fill;" autoplay="autoplay" autobuffer autoloop loop width="100%" height="100%"></video>
</div>
<!--背景视频 结束-->
<div class="audio" style="display: none;">
    <audio controls="controls" id="helperaudio" loop="false" >
        <source src="/assets/sounds/step3.m4a" type="audio/mpeg" /> 您的浏览器不支持音乐播放，您可以下载这个谷歌浏览器， https://pan.baidu.com/s/1bp0MHFx，效果和性能会好一点哦
    </audio>
</div>
<script type="text/javascript">
var PLUGS = {$plugsjson};
var customqrcode = "{$weixin_config['erweima']}";
var MUSIC = {$musicjson};
var CURRENTPLUG = "qdq";
var BACKGROUNDIMAGE = {$backgroundimagejson};
var SHOWCOUNTSIGN = {$showcountsign};
var QRCODEPOS = {$qrcodepos};
var danmuconfig = {$danmuconfig};
// window.storedata=window.sessionStorage;
{literal}
var icons={'qdq':'icon iconfont iconqiandao','threedimensionalsign':'icon iconfont icon3dqd','wall':'icon iconfont iconwxsq',
'vote':'icon iconfont icontp','xyh':'icon iconfont iconxyhm','xysjh':'icon iconfont iconxysjh','ddp':'icon iconfont iconduiduipeng',
'xiangce':'icon iconfont iconxc','kaimu':'icon iconfont iconkmq','bimu':'icon iconfont iconbmq','ydj':'icon iconfont iconydj',
'importlottery':'icon iconfont icondrcj','lottery':'icon iconfont iconcj','game':'icon iconfont iconyouxi','redpacket':'icon iconfont iconhby'};
{/literal}
</script>
<script type="text/javascript" src="/assets/js/require.min.js" data-main="/assets/js/frame.min.js"></script>
</body>
</html>