<!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8" > <link rel="shortcut icon" href=""> <title>{$data.relation_game_name}</title> <meta name="keywords" content=""> <meta name="description" content=""> <link href="__CSS__/swiper-4.3.3.min.css" rel="stylesheet"> <link href="__CSS__/game.css" rel="stylesheet"> <script src="__JS__/jquery.min.js"></script> <script src="__JS__/swiper-4.3.3.min.js"></script> <style> .swiper-container { width: 100%; } .swiper-slide img{ height:100%;width:100%; } .icontable {display:table;width:100%;height:100%;background:#ededed;color:#999;} .icontable .iconcell{display:table-cell;vertical-align:middle;text-align:center;} .swiper-slide .icontable {width:80%;} .main .top .icontable {border-radius:16px;} .main .top .rebate .rebatetxt {text-align:center;} .main .top .game {width:70%;} .main .top .game .title .name {display:inline-block;width:auto;max-width:74%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .main .top .game .title img {vertical-align:top;margin-top:8px;} .main .bottom {margin-top:4px;} @media screen and (max-width:640px) { .main .top .game {width:60%;} .main .top .game .title{white-space:nowrap;} .main .top .game .title .name {font-size:18px;margin-right:3px;} .main .top .game {font-size:13px;} .main .top .game .voic {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .main .top .rebate .rebatetxt {font-size:12px;left:0;bottom:8px;text-align:center;} .main .top .game .title .name {max-width:60%;} .main .top .icon{margin-right:15px;} } @media screen and (max-width:400px) { .main .top .game {width:55%;} .main .top .game .title .name {font-size:16px;} .main .top .game {font-size:12px;} .main .top .game .title .name {max-width:56%;} .main .top .icon{margin-right:10px;} } .download a {position:relative;max-height:98.97px;display:block;width:100%;height:15vw;border:1px solid #D8F4FF;background:#E6F8FF;border-radius:12px;overflow:hidden;} .download .text {height:100%;font-size:15px;text-indent:18%;color:#18B1EA;display:table;width:100%;} .download .text span {display:table-cell;width:100%;height:100%;vertical-align:middle;} .swiper-wrapper .icontable {min-height:200px;} </style> <lt name="data.ratio" value="0"> <style> .main .top .game {width:83%;} @media screen and (max-width:640px) { .main .top .game {width:72%;} } @media screen and (max-width:400px) { .main .top .game {width:68%;} } </style> </lt> </head> <body> <div class="header"> <div class="inner"> <h1 class="title">{$data.relation_game_name}</h1> </div> </div> <div class="main"> <div class="inner"> <div class="top clearfix"> <div class="icon"> <notempty name='data.icon'> <img src="{$data['icon']}" style="width: 80px;height: 80px"> <else /> <span class="icontable"><span class="iconcell">{:C('APP_NAME')}</span></span> </notempty> </div> <div class="game"> <h4 class="title"><span class="name">{$data.relation_game_name}</span> <for start="0" end="$data.game_score"> <img src="__IMG__/star.png" ></for><notempty name="data.half"><img src="__IMG__/half.png" ></notempty> </h4> <div class="data"><span>{$data.game_size}</span><span style="color:#666;display:inline-block;height:12px;background:transparent;width:0;border:none;border-left:1px solid #666;vertical-align:middle;margin:-3px 3px 0;"></span><span>{$data.dow_num}人下载</span></div> <p class="voic" title="{$data['features']}">{$data['features']}</p> </div> <gt name="data.ratio" value="0"> <div class="rebate"> <img src="__IMG__/rebate.png" > <span class="rebatetxt">返利{$data.ratio}%</span> </div> </gt> </div> <div class="bottom"> <div class="screenshot clearfix"> <div class="swiper-container"> <div class="swiper-wrapper"> <notempty name="data.screenshot"> <volist name="data.screenshot" id="vo"> <div class="swiper-slide"> <notempty name="vo"> <if condition="is_file(ROOT_DIR . str_replace('http://'.$_SERVER['HTTP_HOST'],'',$vo))"> <img src="{$vo}"> <else /> <span class="icontable"><span class="iconcell"> </span></span> </if> <else /> <span class="icontable"><span class="iconcell"> </span></span> </notempty> </div> </volist> <else /> <div class="swiper-slide"> <span class="icontable"><span class="iconcell"> </span></span> </div> <div class="swiper-slide"> <span class="icontable"><span class="iconcell"> </span></span> </div> </notempty> </div> </div> </div> <div class="description"> <h4 class="title">游戏介绍</h4> <p class="content"> {$data.introduction} </p> </div> <div class="download"> <if condition="get_devices_type() eq 1"> <a href="{:U('Down/android_app_down')}"> <else/> <a href="itms-services://?action=download-manifest&url={$ios.plist_url}" > </if> <?php $down = get_cover(C('WAP_APP_ICON'),'path'); ?> <img src="{$down}" style="width:11%;height:63%;top:17%;left:4.4%;border-radius:7px;position:absolute;" > <span class="text"><span>{:C('APP_DOWNLOAD_DESCRIBE')}</span></span> <div class="download2"> <span></span> <span></span> <span></span> <span></span> </div> </a> </div> </div> </div> </div> <div class="footer"> </div> <script src="__STATIC__/layer/layer.js"></script> <script> $(function() { if(parseInt($(window).width())<500) { var mySwiper = new Swiper ('.swiper-container', { direction: 'horizontal', loop: true, spaceBetween:15, slidesPerView:2, //页面分组显示,这里显示为3组 }) } else { var mySwiper = new Swiper ('.swiper-container', { direction: 'horizontal', loop: true, spaceBetween:20, slidesPerView:3, //页面分组显示,这里显示为3组 }) } }); </script> </body> </html>