haojiwen
/
new_sdk_wu


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>游戏详情</title>
    <link rel="stylesheet" href="__STATIC__/css/game/common.css">
    <link rel="stylesheet" href="__STATIC__/css/game/gameDetail.css">
    <link rel="stylesheet" href="__STATIC__/css/game/viewer.css">
    <script src="__STATIC__/js/game/jquery-3.6.4.min.js"></script>
    <script src="__STATIC__/js/game/viewer.js"></script>
    <!-- <script src="./js/jquery-viewer.min.js"></script> -->
    <script>
        (function () {
            function sizeGain() {
                document.documentElement.style.fontSize = (document.documentElement.clientWidth > 750 ? 750 : document.documentElement.clientWidth) / 750 * 100 + 'px'
            }
            sizeGain();
            window.addEventListener('resize', sizeGain())
        })()
    </script>
</head>

<body>

<div class="gameDetailPage">
    <div class="gameDetailPageContent">

        <!-- 返回按钮 -->
        <div class="backContent">
            <img src="__STATIC__/images/img/back_cut.png" alt="">
        </div>

        <!-- 图片展示  class=“active”  选中展示的图片  -->
        <ul id="viewer" class="swiperContent">

            {volist name="data['bigimage']" id="vo"}
            <li class="swiperItem ">
                <img data-original="{$vo}" src="{$vo}" alt="">
            </li>
            {/volist}
<!--            <li class="swiperItem">-->
<!--                <img data-original="__STATIC__/images/img/game_icon.png" src="__STATIC__/images/img/game_icon.png" alt="">-->
<!--            </li>-->
<!--            <li class="swiperItem">-->
<!--                <img data-original="__STATIC__/images/img/swiper_banner_1.png" src="__STATIC__/images/img/swiper_banner_1.png" alt="">-->
<!--            </li>-->

        </ul>


        <!-- 图片展示切换 class=“active” 选中的图片样式  -->
        <div class="swiperNavContent">
            <div class="navContent">
                {volist name="data['bigimage']" id="vo"}
                    <div class="nav_item  ">
                        <img src="{$vo}" alt="">
                    </div>
                {/volist}
<!--                <div class="nav_item">-->
<!--                    <img src="__STATIC__/images/img/game_icon.png" alt="">-->
<!--                </div>-->
<!--                <div class="nav_item">-->
<!--                    <img src="__STATIC__/images/img/swiper_banner_1.png" alt="">-->
<!--                </div>-->
            </div>
            <div class="moreCut">
                <img src="__STATIC__/images/img/more_icon.png" alt="">
                <span>1</span>
            </div>
        </div>


        <!-- 游戏基本信息 -->
        <div class="gameBasicDetail">
            <div class="game_icon">
                <!-- <img src="__STATIC__/images/img/game_icon.png" alt=""> -->
                <img src="{$data['mobileicon']}" alt="">
            </div>
            <div class="gameDetail">
                <div class="title">{$data['game_name']}</div>
                <div class="gameLable">游戏类型：{$data['type_str']} &nbsp;&nbsp;游戏标签：{$data['subject_str']}</div>
                <div class="updateTime">上线时间：{$data['create_time']} 上线</div>
            </div>
        </div>

        <!-- 游戏基本信息2 -->
        <div class="hintContent">
            <div>发行平台：祁盟游戏</div>
            <div>适龄信息：16周岁+</div>
        </div>


        <!-- 游戏详情 -->
        <div class="gameIntroductory">
            <div class="title">游戏介绍
                <img src="__STATIC__/images/img/sel_icon.png" alt="">
            </div>
            <div class="htmlContent">
                {$data['description']}
<!--                飞剑魔斩之诛仙魔斩魔斩是—款由正版授权的自动战斗手游，每局都将出阵8位成员，在丰富的场景下，不断为自己招募小伙伴，提升属性和战斗力，最终成为场上的嬴家!-->
<!--                飞剑魔斩之诛仙魔斩魔斩是—款由正版授权的自动战斗手游，每局都将出阵8位成员，在丰富的场景下...-->

<!--                <img src="__STATIC__/images/img/swiper_banner_1.png" alt="">-->
            </div>
        </div>

        <!-- 底部按钮 -->
        <div class="cutContent">
            <!-- <div class="shareCut">
                <div class="cut">
                    <div>
                        <img src="__STATIC__/images/img/share_icon.png" alt="">
                    </div>
                    <div>
                        分享
                    </div>
                </div>
            </div> -->
            <div class="download">
                <div class="cut" onclick="down('{$data["android_down_url"]}','{$data["ios_down_url"]}')">下载</div>
            </div>
        </div>


        <!-- 微信提示框 -->
        <div class="weixinHint">
            <img src="__STATIC__/images/img/weixinHint.png" alt="">
        </div>


    </div>
</div>

</body>


<script src="__STATIC__/js/game/gameDetail.js"></script>


<script type="text/javascript">
    function down(android_down_url,ios_down_url){
        weixinHint()
        if (which_device() == "Android") { //如果设备是安卓则直接下载
            if (android_down_url.length !== 0 && android_down_url !== "undefined") {

                // $('.btn-bxfr').attr("href", android_down_url);
                window.location.href=android_down_url
            } else {
                alert("暂无安卓版本")
            }
        } else if (which_device() == "iOS") { //如果设备是iOS

            if (ios_down_url.length !== 0 && ios_down_url !== "undefined") {
                // $('.btn-bxfr').attr("href", 'itms-services://?action=download-manifest&url=' + ios_down_url);
                window.location.href="itms-services://?action=download-manifest&url=" + ios_down_url
            } else {
                alert("暂无IOS版本")
            }

        } else {
            //除了这两种设备外的，如PC端，还是直接下载安卓的
            if (android_down_url.length !== 0 && android_down_url !== "undefined") {
                // console.log(android_down_url);
                // $('.btn-bxfr').attr("href", android_down_url);
                window.location.href=android_down_url
            } else {
                alert("暂无安卓版本")
            }
        }
        if (navigator.userAgent.match(/(iPhone|iPod|iPad|Android|ios)/i)) {

        } else {
        }
    }
    //判断是安卓还是iOS
    function which_device() {
        var ua = navigator.userAgent.toLowerCase();
        if (/android|adr/gi.test(ua)) {
            // 安卓
            return 'Android';
        } else if (/\(i[^;]+;( U;)? CPU.+Mac OS X/gi.test(ua)) {
            //苹果
            return 'iOS';
        } else if (/(Mac OS X)/i.test(ua)) {
            //苹果
            return 'iOS';
        } else if (/iPad/gi.test(ua)) {
            //ipad
            return 'iOS';
        }
    }
</script>
</html>