|
|
|
@ -12,105 +12,6 @@
|
|
|
|
|
</style>
|
|
|
|
|
<!--头部-->
|
|
|
|
|
<div class="zmarg_btm59">
|
|
|
|
|
|
|
|
|
|
<!--搜索框-->
|
|
|
|
|
<style>
|
|
|
|
|
.searchbox {
|
|
|
|
|
background: #E5E9EC;
|
|
|
|
|
padding: 1rem 0;
|
|
|
|
|
border-bottom: 1px solid #DCDDE0;
|
|
|
|
|
}
|
|
|
|
|
.searchbox .search {
|
|
|
|
|
margin: 0 6rem;
|
|
|
|
|
display: block;
|
|
|
|
|
position: relative;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.searchbox .search .text {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
-webkit-sizing: border-box;
|
|
|
|
|
width: 100%;
|
|
|
|
|
font-size: 1.8rem;
|
|
|
|
|
border: none;
|
|
|
|
|
background: #FFF;
|
|
|
|
|
border-radius: 4rem;
|
|
|
|
|
padding: .5rem 1.5rem .5rem 4rem;
|
|
|
|
|
height: 3.2rem;
|
|
|
|
|
}
|
|
|
|
|
.searchbox .search .btn {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 0.6rem;
|
|
|
|
|
left: 1.1rem;
|
|
|
|
|
}
|
|
|
|
|
.searchbox .search .btn .iconfont {
|
|
|
|
|
font-size: 2.4rem;
|
|
|
|
|
color: #bbb;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<div class="searchbox">
|
|
|
|
|
<form action="" method="post" class="search">
|
|
|
|
|
<span onclick="game_category()">
|
|
|
|
|
<input type="text" name="name" class="text" placeholder="请输入游戏名称" disabled>
|
|
|
|
|
</span>
|
|
|
|
|
<span class="btn searchbtn"><i class="iconfont icon-search"></i></span>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<script>
|
|
|
|
|
function game_category() {
|
|
|
|
|
window.location.href = "{:U('Category/index')}";
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<!--end 搜索框-->
|
|
|
|
|
<!-- start推荐产品 -->
|
|
|
|
|
<div class="hot-game-box">
|
|
|
|
|
<div class="box-title" style="margin-top:0;">
|
|
|
|
|
<span>推荐产品</span>
|
|
|
|
|
<a href="{:U('Rank/index',array('rank'=>'hot'))}">+更多</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="swiper-container swiper-container-hotGame">
|
|
|
|
|
<div class="swiper-wrapper">
|
|
|
|
|
<style>
|
|
|
|
|
.g-list li {
|
|
|
|
|
list-style: none;
|
|
|
|
|
width: 47.8%;
|
|
|
|
|
margin-bottom: .4rem;
|
|
|
|
|
position: relative;
|
|
|
|
|
float: left;
|
|
|
|
|
margin-right: 2.2%;
|
|
|
|
|
}
|
|
|
|
|
.g-list li span{
|
|
|
|
|
color: #333;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
margin: .2rem 0 .06667rem;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
}
|
|
|
|
|
.g-list li p{
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
color: #9c9c9c;
|
|
|
|
|
line-height: 1.4;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
display: -webkit-box;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<ul class="g-list">
|
|
|
|
|
<volist name="recommend" id="rec">
|
|
|
|
|
<li>
|
|
|
|
|
<a href="{:U('Game/detail?id='.$rec['id'])}" data-param=""><img src="{:get_cover($rec['cover'],'path')}">
|
|
|
|
|
<div class="rec-name">
|
|
|
|
|
<span>{:msubstr2($rec['relation_game_name'],0,10)}</span>
|
|
|
|
|
<p class="rec-p">{:msubstr2($rec['features'],0,10)}</p></div>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
</volist>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- end推荐产品 -->
|
|
|
|
|
|
|
|
|
|
<!-- start轮播banner -->
|
|
|
|
|
<div class="banner" style="width:100%;">
|
|
|
|
|
<div class="swiper-container swiper-container-banner" style="width:100%;">
|
|
|
|
|