<!--猜你喜欢 S-->
<div class="depreciate-tit font28"><h2 class="font28 color-blue"><i class="h2-bo"></i>猜你喜欢
<a class="font24 color-gray fr change" data-id="1"><i class="change-icon"></i>换一换</a></h2>
</div>
<div class="tj-buy-car">
</div>
<script id="reduce-tem" type="text/html">
<%for(var i=1;i<=3;i++) {%>
<div class="list_<%=i%> reduce_info" style="display:<%if(i>1){%> none <%}%>;">
<ul class="clearfix">
<%for(var j in data.reduce) {%>
<%if(j>=(i-1)*4 && j<=(i*4)-1){%>
<li>
<a href="<?=Url::to(['choose-car/view'])?>?id=<%=data.reduce[j].model.id%>"
class="car">
<img src="<%='<?=$imageHost?>'+data.reduce[j].model.logo%>" class="img-responsive"/>
<strong class="font28 color-black"><%=data.reduce[j].name ? data.reduce[j].name :
data.reduce[j].model.name%></strong>
<p class="font24"><em class="color-red "><%=data.reduce[j].model.priceWanYuanMin%>-<%=data.reduce[j].model.priceWanYuanMax%>万</em><span
class="x-jt color-blue"><i
class="promotion-icon decline-icon"></i><%=data.reduce[j].reduce%>万</span></p>
</a>
<a class="font24 color-yellow btn-ask"
href="<?=Url::to(['choose-car/inquiry'])?>?id=<%=data.reduce[j].model.id%>">
询底价
</a>
</li>
<%}%>
<%}%>
</ul>
</div>
<%}%>
</script>
<script>
$(function () {
var url = '/rest-api/get-home-elements';
$.ajax({
type: 'get',
url: url,
dataType: 'json',
success: function (res) {
var reduce_html = template('reduce-tem', res);
$('.tj-buy-car').html(reduce_html);
$('.change').click(function () {
var id = $(this).attr('data-id');
var show_id = parseInt(id) + 1;
$(this).attr('data-id', show_id);
if (show_id > 3) {
show_id = 1;
$(this).attr('data-id', show_id);
}
$('.reduce_info').hide();
$('.list_' + show_id).show();
});
}
});
});
</script>