效果图如下: 前端页面用的是jsp
jsp代码:
<c:if test="${applyCommentList.size()>0}">
<div class="feedback-tittle-div"><div class="feedback-tittle-red"></div> <div class="feedback-tittle-text">用户试用评价</div></div>
<ul class="feedback-comment-content">
<c:forEach items="${applyCommentList}" var="item">
<li class="feedback-comment-item-list">
<div class="feedback-comment-appraise-item">
<div class="feedback-comment-user-head-div">
<c:choose>
<c:when test="${item.headImg!=null}">
<img src="${item.headImg}">
</c:when>
<c:otherwise>
<img src="http://images0.zaijiawan.com/wechat/ui/appraise_default0117.png@!ori">
</c:otherwise>
</c:choose>
</div>
<div class="feedback-comment-item-text-div">
<p class="feedback-comment-text-nickname">${item.name}</p>
<p class="feedback-comment-goods-text">${item.goodsName}</p>
</div>