<%@ page language="java" contentType="text/html; charset=UTF-8"
|
pageEncoding="UTF-8"%>
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
<%@ taglib uri="/tags" prefix="mydate" %>
|
<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="utf-8" />
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<title>推荐详情</title>
|
<link rel="stylesheet" type="text/css" href="../client/css/mui.min.css"/>
|
<link rel="stylesheet" type="text/css" href="../client/css/tuijian-base.css" />
|
<link rel="stylesheet" type="text/css" href="../client/css/tuijian-style.css"/>
|
</head>
|
|
<body>
|
|
<!-- <header>
|
<h3><a href="#">返回</a>推荐详情</h3>
|
</header> -->
|
<div class="pos">
|
<div class="alert">
|
<h4>下载官方APP，给更多精彩推荐内容~</h4>
|
<div>
|
<span>
|
我再看看
|
</span>
|
<span>
|
立即下载
|
</span>
|
</div>
|
</div>
|
|
</div>
|
<img class="logo" src="../client/img/512.png"/>
|
<div class="down">
|
<ul>
|
<li>
|
<i class="appname">布心街</i>
|
</li>
|
<li>
|
<i class="msg">下载官方APP，更多精彩推荐~</i>
|
</li>
|
</ul>
|
</div>
|
<span class="clickdown">点击下载</span>
|
<div class="cont" style="padding-top: 1px;">
|
<div class="titie-pic">
|
<img src='<c:out value="${requestScope.recommendDetails.dynamicRecommend.userInfo.portrait}"/>' />
|
<div>
|
<strong><c:out value="${requestScope.recommendDetails.dynamicRecommend.userInfo.nickName}"/></strong>
|
<span>推荐</span>
|
</div>
|
</div>
|
<p class="text"><c:out value="${requestScope.recommendDetails.dynamicRecommend.reason}"/></p>
|
<div class="min-pic">
|
<i><span id="changeNum">1</span>/<span id="allNum"></span></i>
|
<div id="slider" class="mui-slider" >
|
<div class="mui-slider-group">
|
<c:forEach items="${requestScope.tbImgs }" var="tbimg" varStatus="status">
|
<%-- <c:if test="${status.first}">
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
<a href="#">
|
<img class="min-pic" src="${requestScope.tbImgs[] }"/>
|
</a>
|
</div>
|
</c:if> --%>
|
<div class="mui-slider-item">
|
<a href="#">
|
<img class="min-pic" src="${tbimg }"/>
|
</a>
|
</div>
|
<%-- <c:if test="${status.last}">
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
<a href="#">
|
<img class="min-pic" src="${requestScope.tbImgs[0] }"/>
|
</a>
|
</div>
|
</c:if> --%>
|
</c:forEach>
|
<!-- 最后一个节点是第一张轮播 -->
|
</div>
|
<div class="mui-slider-indicator">
|
<c:forEach items="${requestScope.tbImgs }" var="tbimg" varStatus="status">
|
<c:choose>
|
<c:when test="${status.first }">
|
<div class="mui-indicator mui-active">1</div>
|
</c:when>
|
<c:otherwise>
|
<div class="mui-indicator"><c:out value="${status.count }"/></div>
|
</c:otherwise>
|
</c:choose>
|
</c:forEach>
|
|
</div>
|
</div>
|
|
</div>
|
|
<div class="detil">
|
<img src='<c:out value="${requestScope.recommendDetails.dynamicRecommend.gPicUrl}"/>' />
|
<div>
|
|
<span class="txt">
|
<c:choose>
|
<c:when test="${requestScope.recommendDetails.dynamicRecommend.goodsType eq 1}">
|
<i class='tb'>淘宝</i>
|
</c:when>
|
<c:otherwise>
|
<i class='tm'>天猫</i>
|
</c:otherwise>
|
</c:choose>
|
<c:out value="${requestScope.recommendDetails.dynamicRecommend.gname}"/>
|
</span>
|
<p>
|
<span class="price">
|
￥<c:out value="${requestScope.recommendDetails.dynamicRecommend.zkPrice}"/>
|
</span>
|
<span class="fr">
|
送红包
|
<i><c:out value="${requestScope.recommendDetails.dynamicRecommend.hongbao}"/></i>
|
</span>
|
</p>
|
</div>
|
</div>
|
<a class="btn downApp" href="#">
|
<span>
|
<i></i>
|
<c:out value="${requestScope.recommendDetails.dynamicRecommend.likeCount}"/>
|
</span>
|
</a>
|
<!--<div class="line">
|
<h5>分享给朋友</h5>
|
</div>-->
|
<!--<ul class="cont-icon">
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
<li>
|
<a href="#"></a>
|
</li>
|
</ul>-->
|
</div>
|
<!--<div class="bar">
|
<div>
|
<span>1205</span>
|
<span>21</span>
|
</div>
|
<div>
|
<p class="inner"></p>
|
</div>
|
</div>-->
|
<div class="comment">
|
<div class="title">
|
<span>
|
评论
|
<i><c:out value="${requestScope.recommendDetails.dynamicRecommend.replyCount}"/></i>
|
</span>
|
<span class="downApp">
|
查看全部
|
</span>
|
</div>
|
<c:if test="${!empty requestScope.recommendDetails.recommendReplys}">
|
<c:forEach items="${requestScope.recommendDetails.recommendReplys }" var="reply">
|
<div class="list">
|
<img src="${reply.replier.portrait}" />
|
<div class="hed-txt">
|
<div>
|
<p>${reply.replier.nickName}</p>
|
<p><mydate:date value ="${reply.replyTime} "/></p>
|
</div>
|
<p class="txt"><c:out value="${reply.content }"/></p>
|
</div>
|
</div>
|
</c:forEach>
|
</c:if>
|
|
<div class="add downApp">
|
<i></i>添加你的回复
|
</div>
|
</div>
|
<div class="about">
|
<h4>相关推荐</h4>
|
<ul>
|
<c:forEach items="${requestScope.relateGoodsList }" var="relate">
|
<li>
|
<a class="relate" url="${relate.url}">
|
<img src="${relate.picUrl }" />
|
<i class="price">${relate.zkPrice }</i>
|
</a>
|
</li>
|
</c:forEach>
|
</ul>
|
</div>
|
</body>
|
|
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
<script type="text/javascript" src="../client/js/mui.min.js" ></script>
|
<script type="text/javascript" src="//g.alicdn.com/mtb/lib-applink/0.3.4/??callApp.js,linksdk.js"></script>
|
<script src="../client/js/tbsdk.js"></script>
|
<script type="text/javascript">
|
$(function(){
|
$('.cont-icon li a').height($('.cont-icon li a').width());
|
$('.relate img').height($('.relate img').width());
|
var imgW = $('.min-pic a').width();
|
$('.min-pic').height(imgW);
|
|
// var num = 0;
|
// var len = $('.min-pic a').length;
|
// $('#allNum').html(len);
|
// $('.min-pic').height($('.min-pic img').height());
|
var num = 0;
|
var len = ($('.min-pic a').length);
|
$('#allNum').html(len);
|
setInterval(function(){
|
$('#changeNum').html($('.mui-indicator.mui-active').html());
|
},400)
|
})
|
</script>
|
|
|
<script type="text/javascript">
|
|
$(".detil").bind("click",function(){
|
// var path='${requestScope.recommendDetails.dynamicRecommend.url}';
|
// location.href=path;
|
window.BC_SDK.goTaoke({
|
tkUrl : '${requestScope.recommendDetails.dynamicRecommend.url}',
|
params : {
|
pid: "mm_106929643_20324269_73400452", // 淘客必填
|
}
|
});
|
})
|
$(".min-pic").eq(0).bind("click",function(){
|
window.BC_SDK.goTaoke({
|
tkUrl : '${requestScope.recommendDetails.dynamicRecommend.url}',
|
params : {
|
pid: "mm_106929643_20324269_73400452", // 淘客必填
|
}
|
});
|
});
|
$(".relate").bind("click",function(){
|
url = $(this).attr("url");
|
window.BC_SDK.goTaoke({
|
tkUrl : url,
|
params : {
|
pid: "mm_106929643_20324269_73400452", // 淘客必填
|
}
|
});
|
});
|
|
$(".downApp").bind("click",function(){
|
$(".pos").addClass("active");
|
});
|
|
$(".clickdown").bind("click",function(){
|
location.href="http://file.sovideo.cn/buxinjie/recom.html";
|
});
|
|
$(".pos .alert span").eq(0).bind("click",function(){
|
$(".pos").removeClass("active");
|
});
|
$(".pos .alert span").eq(1).bind("click",function(){
|
// var ua = navigator.userAgent.toLowerCase();
|
// if (/iphone|ipad|ipod/.test(ua)) {
|
// location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.yeshi.ec.miduo";
|
// } else if (/android/.test(ua)) {
|
// alert("android");
|
location.href="http://file.sovideo.cn/buxinjie/recom.html";
|
// }
|
});
|
</script>
|
</html>
|
