|
|
<!DOCTYPE html>
|
|
|
<html lang="zh-CN">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>我要租赁-商品类别</title>
|
|
|
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper.min.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/common/buy_goods_category.css">
|
|
|
<script src="__TMPL__/public/assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="__TMPL__/public/assets/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="__TMPL__/public/assets/js/base.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<style>
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<div class="goods_box_top">
|
|
|
<img src="{:cmf_get_image_url($banner.pic)}" alt="">
|
|
|
</div>
|
|
|
<div class="category_search_box">
|
|
|
<input class="category_search_input" type="text" placeholder="专业电动医疗轮椅">
|
|
|
<img class="category_search_icon" src="__TMPL__/public/assets/images/search.png" alt="">
|
|
|
</div>
|
|
|
<div class="content_body">
|
|
|
<ul class="select_card con_title">
|
|
|
<volist name="cate" id="cate">
|
|
|
<li class="select_card_list">
|
|
|
<span>{$cate.name}</span>
|
|
|
</li>
|
|
|
</volist>
|
|
|
</ul>
|
|
|
<div class="con_all">
|
|
|
<eq name="Request.param.type" value="1">
|
|
|
<div class="con_warp">
|
|
|
<ul class="con_list_ul first_ul">
|
|
|
<a href="{:url('Rent/rentDetail',array('type'=>1,'vehicle_id'=>9))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车1222</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653cd2156c6e@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车2</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车3</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车3</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</eq>
|
|
|
<eq name="Request.param.type" value="2">
|
|
|
<div class="con_warp" >
|
|
|
<ul class="con_list">
|
|
|
<a href="{:url('Rent/vehicleDetail',array('type'=>2,'vehicle_id'=>3))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车4</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
<a href="{:url('Rent/vehicleDetail',array('type'=>2,'vehicle_id'=>4))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车5</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
<a href="{:url('Rent/vehicleDetail',array('type'=>2,'vehicle_id'=>13))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车6</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</eq>
|
|
|
<div class="con_warp" style="display: none">
|
|
|
<ul class="con_list">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车7</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车8</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车9</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="con_warp" style="display: none">
|
|
|
<ul class="con_list">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车10</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车11</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车12</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
<script>
|
|
|
$(document).ready(function() {
|
|
|
get_main_content();
|
|
|
|
|
|
var $menu_box = $('.content_body .con_title>li');
|
|
|
$menu_box.click(function() {
|
|
|
$(this).addClass('con_curr').siblings().removeClass('con_curr');
|
|
|
var index = $menu_box.index(this);
|
|
|
$('.con_all .con_warp').eq(index).show().siblings().hide();
|
|
|
});
|
|
|
})
|
|
|
// $('.con_list_li').on('click', function() {
|
|
|
// // window.location.href = "lease_goods_detail.html"
|
|
|
// })
|
|
|
|
|
|
// 搜索跳页
|
|
|
$('.category_search_icon').on('click', function() {
|
|
|
var find = $('.category_search_input').val();
|
|
|
var type = "{$Request.param.type}";
|
|
|
var url = "{:url('Rent/find')}";
|
|
|
url = url.split('.');
|
|
|
url = url[0] + '/type/' + type + '/find/' + find + ".html";
|
|
|
window.location.href = url;
|
|
|
// window.location.href = "search.html"
|
|
|
})
|
|
|
|
|
|
|
|
|
//分页
|
|
|
document.addEventListener('scroll', function() {
|
|
|
if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
|
|
|
pull_load();
|
|
|
}
|
|
|
// if (window.innerHeight + document.body.scrollTop === document.body.clientHeight) {
|
|
|
// // 当页面高度 + 滚动高度 === 文档整体高度时为滚动至底部 执行异步加载方法等等
|
|
|
// console.log(1)
|
|
|
// }
|
|
|
});
|
|
|
var page = '',
|
|
|
type = $('.con_curr').data('type');
|
|
|
var html = '';
|
|
|
|
|
|
function pull_load() {
|
|
|
page++
|
|
|
html += ` <li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车` + page + `</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥2000.00<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>`
|
|
|
$('.first_ul').append(html);
|
|
|
$.ajax({
|
|
|
type: '',
|
|
|
url: baseUrl + '',
|
|
|
data: {
|
|
|
token: localStorage.getItem('token'),
|
|
|
type: type,
|
|
|
page: page,
|
|
|
},
|
|
|
success: function(res) {
|
|
|
/* $('.con_list_ul').append(page);*/
|
|
|
},
|
|
|
error: function(res) {}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 分类事件
|
|
|
$('.select_card_list').removeClass('con_curr')
|
|
|
$('.select_card_list').eq(0).addClass('con_curr')
|
|
|
$('.select_card_list').click(function () {
|
|
|
$('.select_card_list').removeClass('con_curr')
|
|
|
$(this).addClass('con_curr')
|
|
|
})
|
|
|
</script>
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="zh-CN">
|
|
|
|
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
|
<title>我要租赁-商品类别</title>
|
|
|
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/swiper.min.css">
|
|
|
<link rel="stylesheet" href="__TMPL__/public/assets/css/common/buy_goods_category.css">
|
|
|
<script src="__TMPL__/public/assets/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="__TMPL__/public/assets/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<script src="__TMPL__/public/assets/js/base.js" type="text/javascript" charset="utf-8"></script>
|
|
|
<style>
|
|
|
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<div class="goods_box_top">
|
|
|
<img src="{:cmf_get_image_url($banner.pic)}" alt="">
|
|
|
</div>
|
|
|
<div class="category_search_box">
|
|
|
<input class="category_search_input" type="text" placeholder="专业电动医疗轮椅">
|
|
|
<img class="category_search_icon" src="__TMPL__/public/assets/images/search.png" alt="">
|
|
|
</div>
|
|
|
<div class="content_body">
|
|
|
<ul class="select_card con_title">
|
|
|
<volist name="cate" id="cate">
|
|
|
<li class="select_card_list">
|
|
|
<span>{$cate.name}</span>
|
|
|
</li>
|
|
|
</volist>
|
|
|
</ul>
|
|
|
<div class="con_all">
|
|
|
<eq name="Request.param.type" value="1">
|
|
|
<div class="con_warp">
|
|
|
<ul class="con_list_ul first_ul">
|
|
|
<a href="{:url('Rent/rentDetail',array('type'=>1,'vehicle_id'=>9))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车1222</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653cd2156c6e@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车2</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车3</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车3</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</eq>
|
|
|
<eq name="Request.param.type" value="2">
|
|
|
<div class="con_warp" >
|
|
|
<ul class="con_list">
|
|
|
<a href="{:url('Rent/vehicleDetail',array('type'=>2,'vehicle_id'=>3))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车4</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
<a href="{:url('Rent/vehicleDetail',array('type'=>2,'vehicle_id'=>4))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车5</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
<a href="{:url('Rent/vehicleDetail',array('type'=>2,'vehicle_id'=>13))}">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车6</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</a>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</eq>
|
|
|
<div class="con_warp" style="display: none">
|
|
|
<ul class="con_list">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车7</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/14994082982514idfz7@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车8</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车9</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="con_warp" style="display: none">
|
|
|
<ul class="con_list">
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车10</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车11</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
<li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车12</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥200.00/天<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</body>
|
|
|
<script>
|
|
|
$(document).ready(function() {
|
|
|
get_main_content();
|
|
|
|
|
|
var $menu_box = $('.content_body .con_title>li');
|
|
|
$menu_box.click(function() {
|
|
|
$(this).addClass('con_curr').siblings().removeClass('con_curr');
|
|
|
var index = $menu_box.index(this);
|
|
|
$('.con_all .con_warp').eq(index).show().siblings().hide();
|
|
|
});
|
|
|
})
|
|
|
// $('.con_list_li').on('click', function() {
|
|
|
// // window.location.href = "lease_goods_detail.html"
|
|
|
// })
|
|
|
|
|
|
// 搜索跳页
|
|
|
$('.category_search_icon').on('click', function() {
|
|
|
var find = $('.category_search_input').val();
|
|
|
var type = "{$Request.param.type}";
|
|
|
var url = "{:url('Rent/find')}";
|
|
|
url = url.split('.');
|
|
|
url = url[0] + '/type/' + type + '/find/' + find + ".html";
|
|
|
window.location.href = url;
|
|
|
// window.location.href = "search.html"
|
|
|
})
|
|
|
|
|
|
|
|
|
//分页
|
|
|
document.addEventListener('scroll', function() {
|
|
|
if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
|
|
|
pull_load();
|
|
|
}
|
|
|
// if (window.innerHeight + document.body.scrollTop === document.body.clientHeight) {
|
|
|
// // 当页面高度 + 滚动高度 === 文档整体高度时为滚动至底部 执行异步加载方法等等
|
|
|
// console.log(1)
|
|
|
// }
|
|
|
});
|
|
|
var page = '',
|
|
|
type = $('.con_curr').data('type');
|
|
|
var html = '';
|
|
|
|
|
|
function pull_load() {
|
|
|
page++
|
|
|
html += ` <li class="con_list_li">
|
|
|
<img class="con_list_img" src="__TMPL__/public/assets/images/5653ceba1a219@2x.png" alt="">
|
|
|
<div class="goods_box">
|
|
|
<p class="goods_title">HO56C手动轮椅车` + page + `</p>
|
|
|
<span class="goods_content">体积更小轻松放入汽车后备箱</span>
|
|
|
<p class="goods_money">¥2000.00<img class="goods_icon" src="__TMPL__/public/assets/images/goods_icon.png" alt=""></p>
|
|
|
</div>
|
|
|
</li>`
|
|
|
$('.first_ul').append(html);
|
|
|
$.ajax({
|
|
|
type: '',
|
|
|
url: baseUrl + '',
|
|
|
data: {
|
|
|
token: localStorage.getItem('token'),
|
|
|
type: type,
|
|
|
page: page,
|
|
|
},
|
|
|
success: function(res) {
|
|
|
/* $('.con_list_ul').append(page);*/
|
|
|
},
|
|
|
error: function(res) {}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// 分类事件
|
|
|
$('.select_card_list').removeClass('con_curr')
|
|
|
$('.select_card_list').eq(0).addClass('con_curr')
|
|
|
$('.select_card_list').click(function () {
|
|
|
$('.select_card_list').removeClass('con_curr')
|
|
|
$(this).addClass('con_curr')
|
|
|
})
|
|
|
</script>
|
|
|
</html> |
|
|
\ No newline at end of file |
...
|
...
|
|