You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
274 lines
9.2 KiB
HTML
274 lines
9.2 KiB
HTML
<extend name="Public/bases2" />
|
|
<block name="css">
|
|
<link rel="stylesheet" href="__CSS__/swiper.min.css">
|
|
<link href="__CSS__/game.css" rel="stylesheet" >
|
|
<link href="__CSS__/trade.css" rel="stylesheet" >
|
|
<script>var url = '{:U("Trade/search_list",array("is_app"=>I("is_app"),"token"=>I("token")))}';</script>
|
|
</block>
|
|
<block name="body" >
|
|
<script src="__JS__/lwx.js"></script>
|
|
<!--头部-->
|
|
<div class="">
|
|
|
|
<header class="s_header" style="border-bottom-width:2px;">
|
|
<section class="s_wrap">
|
|
<div class="s_searchbox">
|
|
<div class="search_input jssearch table" >
|
|
<span class="table-cell">
|
|
<a class="s_iconbox jssearchbtn" href="javascript:;">
|
|
<span class="table">
|
|
<span class="table-cell">
|
|
<i class="s_icon s_iconsearch"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
<a class="s_iconbox" id="jssearchdel" href="javascript:;">
|
|
<span class="table">
|
|
<span class="table-cell">
|
|
<i class="s_icon s_icondel"></i>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
<div class="s_inputgroup">
|
|
<input type="hidden" name="mark" value="1">
|
|
<input type="text" id="game_name" name="game_name" value="{:I('game_name')}" class="s_txt" placeholder="请输入游戏名称">
|
|
</div>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<a class="cancle_box" href="{$referer}">
|
|
<span class="table">
|
|
<span class="table-cell">取消</span>
|
|
</span>
|
|
</a>
|
|
</section>
|
|
</header>
|
|
<!-- 主要内容区域 begin-->
|
|
<section class="trunker">
|
|
<neq name="mark" value="1">
|
|
<section class="s_inner" id="tuijian">
|
|
<section class="content">
|
|
<div class="default_list">
|
|
<div class="new_recommend">
|
|
<div class="recommend_tit">
|
|
<span>热门推荐</span>
|
|
<a class="search_change" href="javascript:;" id="change">
|
|
<i class="icon_change"></i>换一批
|
|
</a>
|
|
</div>
|
|
<div class="recommend_content">
|
|
<!-- swiper begin! -->
|
|
<div class="swiper-container">
|
|
<div class="swiper-wrapper">
|
|
<volist name="reco" id="vo">
|
|
<div class="swiper-slide">
|
|
<div class="slider_item">
|
|
<a class="a_img" href="{:U('Trade/index',array('game_id'=>$vo['id']))}">
|
|
<img src="{$vo.icon|get_cover='path'}" alt="" height="" width="">
|
|
</a>
|
|
<a class="a_txt" href="{:U('Trade/index',array('game_id'=>$vo['id']))}">{$vo.game_name}</a>
|
|
</div>
|
|
</div>
|
|
</volist>
|
|
</div>
|
|
</div>
|
|
<!--end swiper-->
|
|
</div>
|
|
</div>
|
|
<div class="search_history" style="display:none;">
|
|
<div class="recommend_tit">
|
|
<span>搜索历史</span>
|
|
<a class="search_change" href="javascript:;" id="history_clear">
|
|
<i class="icon_empty"></i>清空
|
|
</a>
|
|
</div>
|
|
<div class="history_content">
|
|
<div class="hiscontent_list" id="search_result">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
<script>
|
|
$(function() {
|
|
var gamename = lwx.getItem('gamename');console.log(gamename);
|
|
if(gamename) {
|
|
gamename = gamename.split(',');
|
|
var html = '';
|
|
var urlt = url.replace('.html','');
|
|
for(var i=0,len=gamename.length;i<len;i++) {
|
|
html += '<a class="history_btn" href="'+(urlt+'/mark/1/game_name/'+gamename[i])+'">'+gamename[i]+'</a>';
|
|
}
|
|
$('#search_result').html(html).closest('.search_history').show();
|
|
}
|
|
|
|
$('#history_clear').click(function() {
|
|
$('#search_result').html('').closest('.search_history').hide();
|
|
lwx.removeItem('gamename');
|
|
return false;
|
|
});
|
|
|
|
});
|
|
</script>
|
|
<!-- 搜索搜索时页有数据 begin!-->
|
|
</neq>
|
|
<section class="s_inner" id="chaxun">
|
|
<section class="content">
|
|
<div class="hasdata_contain" >
|
|
<ul class="hasdata_ul" id="ajaxContainer" currentpage="{$page}" game_name="{:I('game_name','')}" maxpage="{$totalpage}">
|
|
<volist name="data" id="vo">
|
|
<li class="hasdata_li">
|
|
<php>$href_url = U('Trade/index',array('is_app'=>I('is_app'),token=>I('token'),game_id=>$vo['id']));</php>
|
|
<a class="hasdata_a" href="javascript:;" data-name="{$vo.game_name}" onclick="jumpurl(this,'{$href_url}')">
|
|
<span class="search_litit">{$vo.game_name}</span>
|
|
<gt name='vo.bind_recharge_discount' value='0'>
|
|
<lt name='vo.bind_recharge_discount' value='10'>
|
|
<span class="discount">{$vo.bind_recharge_discount}折</span>
|
|
</lt>
|
|
</gt>
|
|
</a>
|
|
</li>
|
|
</volist>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
</section>
|
|
|
|
|
|
<!-- end! 搜索搜索时页有数据-->
|
|
|
|
</section>
|
|
<!--end 主要内容区域-->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="popmsg pop-dialog"></div>
|
|
<div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div>
|
|
<script src="__JS__/common.js"></script>
|
|
<script src="__JS__/ajaxload.js"></script>
|
|
<script src="__JS__/pop.lwx.min.js"></script>
|
|
<script src="__JS__/swiper-3.3.1.jquery.min.js"></script>
|
|
<script type="text/javascript">
|
|
//---------------@author zwm--------------------//
|
|
//---------------date 2018-07-17-----------------//
|
|
//初始化 swiper
|
|
$(document).ready(function () {
|
|
var mySwiper = new Swiper ('.swiper-container', {
|
|
direction: 'horizontal',
|
|
loop: true,
|
|
slidesPerView : 4,
|
|
slidesPerGroup : 4, //在carousel mode下定义slides的数量多少为一组
|
|
});
|
|
|
|
$('#change').click(function() {
|
|
mySwiper.slideNext();
|
|
});
|
|
|
|
})
|
|
|
|
$(function(){
|
|
search();
|
|
var mobile = browser.versions.mobile;
|
|
var timer;
|
|
var kwv = $.trim($('#game_name').val());
|
|
//$('#game_name').val('').focus().val(kwv);
|
|
if (kwv&&kwv.length>0) {$('#jssearchdel').addClass('on');}
|
|
$('#game_name').bind('input propertychange', function() {
|
|
$('#ajaxContainer').attr('game_name',$("#game_name").val());
|
|
search();
|
|
});
|
|
$('#jssearchdel').click(function() {
|
|
$(this).removeClass('on');
|
|
$("#game_name").val('');
|
|
return false;
|
|
});
|
|
|
|
$('.jssearchbtn').click(function() {
|
|
var val = $.trim($('#game_name').val());
|
|
if(val) {
|
|
search();
|
|
}
|
|
return false;
|
|
});
|
|
|
|
function search(){
|
|
var ac = $('#ajaxContainer');
|
|
var popmsg = $('.loading').pop();
|
|
var is_app = "{:I('is_app','')}";
|
|
var token = "{:I('token','')}";
|
|
if(ac.attr('game_name') == ''){
|
|
$("#tuijian").show();
|
|
return false;
|
|
}
|
|
$.ajax({
|
|
url:'{:U("ajaxsearch_list")}',
|
|
type:"POST",
|
|
dataType:"json",
|
|
data:{game_name:ac.attr('game_name'),is_app:is_app,token:token},
|
|
success:function(data){
|
|
$("#tuijian").hide();
|
|
if(parseInt(data.status) == 1) {
|
|
ac.attr('currentpage',data.current);
|
|
ac.html("");
|
|
var html = '',d = data.lists;
|
|
for (var i in d) {
|
|
var item = d[i];
|
|
html += '<li class="hasdata_li">';
|
|
html += ' <a class="hasdata_a" href="javascript:;" data-name="'+item.game_name+'" onclick="jumpurl(this,''+item.url+'')">';
|
|
html += ' <span class="search_litit">'+item.game_name+'</span>';
|
|
if(item.bind_recharge_discount > 0 && item.bind_recharge_discount<10) {
|
|
html += ' <span class="discount">'+item.bind_recharge_discount+'折</span>';
|
|
}
|
|
html += ' </a>';
|
|
html += '</li>';
|
|
}
|
|
|
|
ac.append(html);
|
|
$('.loading').addClass('ms-none');
|
|
$('#moreBtn').removeClass('ms-none');loads=false;
|
|
} else {
|
|
$('.loading').addClass('ms-none');
|
|
popmsg.msg('已经到底了~');
|
|
}
|
|
},
|
|
error:function(){
|
|
|
|
}
|
|
})
|
|
}
|
|
|
|
|
|
|
|
$('.s_inner .content').css({'min-height':($(window).height()-$(".s_header").height()-$(".foot-nav").height()-7)});
|
|
//$(".no_data").css({'height':($('.s_inner:visible .content').height())});
|
|
$(".no_data").css({'height':($('.no_data').closest('.content').height())});
|
|
|
|
|
|
|
|
})
|
|
function jumpurl(ele,url) {
|
|
var that = $(ele),val = $.trim(that.attr('data-name'));
|
|
var gamename = lwx.getItem('gamename');
|
|
if(gamename) {
|
|
var arr = gamename.split(',');
|
|
if(arr.length>=5) {arr = arr.splice(0,4);}
|
|
for(var i=0,len=arr.length;i<len;i++) {
|
|
if((!arr[i] && typeof(arr[i]) != 0) || arr[i] == val) {arr.splice(i,1);}
|
|
}
|
|
arr.unshift(val);
|
|
val = arr.join(',');
|
|
}
|
|
|
|
lwx.setItem('gamename',val);
|
|
setTimeout(function() {
|
|
window.location.href = url;
|
|
|
|
},100);
|
|
|
|
}
|
|
</script>
|
|
</block>
|
|
|