Açıklama Yok
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

product_comment.htm 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <style type="text/css">
  2. .detail_row {
  3. border-bottom: 0;
  4. min-height: 45px;
  5. padding: 0 10px;
  6. display: block;
  7. font-size: 12px;
  8. }
  9. .detail_row.detail_row_cmt {
  10. position: relative;
  11. height: 45px;
  12. line-height: 45px;
  13. color: #262626;
  14. padding-left: 8px;
  15. margin-top: 3px;
  16. }
  17. .detail_row.detail_row_cmt:before {
  18. content: "";
  19. position: absolute;
  20. left: 0;
  21. top: 50%;
  22. -webkit-transform: translateY(-50%);
  23. transform: translateY(-50%);
  24. width: 3px;
  25. height: 15px;
  26. background-image: -webkit-gradient(linear, left top, left bottom, from(#f5503a), to(#fad1cb));
  27. background-image: -webkit-linear-gradient(top, #f5503a, #fad1cb);
  28. background-image: linear-gradient(180deg, #f5503a, #fad1cb)
  29. }
  30. .detail_row.detail_row_cmt h3.tit {
  31. min-width: 40px;
  32. color: #262626;
  33. font-weight: 700;
  34. font-size: 15px;
  35. padding: 0
  36. }
  37. .detail_row.detail_row_cmt .icon_promote {
  38. position: absolute;
  39. top: 50%;
  40. -webkit-transform: translateY(-50%);
  41. transform: translateY(-50%);
  42. width: 12px;
  43. height: 12px;
  44. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTCkpKSYmJiYmJiYmJiYmJiYmJjc3NycnJycnJyYmJicnJyYmJigoKCYmJiYmJvf3oVwAAAAPdFJOUwAl9LuPUdELdOulezpl3fSrByIAAABPSURBVAjXY2BgYGhqYIAB/T9w5vpvcKbQ/wswJvf/6TAm+/svcBXx/wVgTOb/BjAm4/+vcBX+37AwkRQgaUMYhmQFksVIzkFyJJLToR4CAPhWHjGm8cEOAAAAAElFTkSuQmCC) no-repeat;
  45. background-size: cover;
  46. margin-top: -1px;
  47. right: 0;
  48. }
  49. .detail_row.detail_row_cmt p.good {
  50. top: 0;
  51. color: #8c8c8c;
  52. right: 15px;
  53. font-size: 12px;
  54. position: absolute;
  55. height: 42px;
  56. line-height: 42px;
  57. }
  58. .detail_row.detail_row_cmt p.count {
  59. top: 2px;
  60. left: 45px;
  61. color: #8c8c8c;
  62. font-size: 12px;
  63. position: absolute;
  64. height: 42px;
  65. line-height: 42px;
  66. }
  67. .GetMoreData{
  68. font-size:.32rem; text-align:center; color:#888; padding: 0.25rem 0.24rem 0.4rem; clear:both;
  69. }
  70. .NoMoreData{
  71. font-size:.32rem; text-align:center; color:#888; padding: 0.25rem 0.24rem 0.4rem; clear:both; display: none;
  72. }
  73. </style>
  74. <div class="detail_row detail_row_cmt" >
  75. <h3 class="tit">评价</h3>
  76. <p class="good">评分 <strong>{$averageRating}</strong></p>
  77. <p class="count"><strong>{$totalScoreRows}</strong>条</p>
  78. <p class="cmt_none_tips" id="evalNone" style="display: none;">暂无评价,欢迎您购买之后留下宝贵的评价</p>
  79. </div>
  80. <div class="bgw appraise">
  81. <div id="view-more-appraise">
  82. <ul class="appraise-ul comList">{eyou:include file="system/comment_list.htm" /}</ul>
  83. <div class="morediv" id="view-more-appraise">
  84. {eyou:empty name="$Comment"}
  85. <div class="NoMoreData enkecor" style="display: block;">暂无评价</div>
  86. {eyou:else/}
  87. {eyou:egt name="$totalScoreRows" value="5"}
  88. <div class="GetMoreData"> <a href="javascript:void(0)" data-p="1" onclick="AjaxLoadMore(this);">查看更多</a> </div>
  89. <div class="NoMoreData"> <a href="javascript:void(0)">已加载全部评价</a> </div>
  90. {eyou:else/}
  91. <div class="NoMoreData" style="display: block;"> <a href="javascript:void(0)">已加载全部评价</a> </div>
  92. {/eyou:egt}
  93. {/eyou:empty}
  94. </div>
  95. </div>
  96. </div>