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.
 
 
 
 

161 lines
7.6 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  5. <title>{$tkd.title|parseTpl}</title>
  6. <meta name="keywords" content="{$tkd.keywords|parseTpl}">
  7. <meta name="description" content="{$tkd.description|parseTpl}">
  8. <link rel="stylesheet" href="{$kx.config.resurl}/template/kxmobileno1/css/global.css"/>
  9. <script src="{$kx.config.resurl}/template/kxmobileno1/js/flexible.min.js"></script>
  10. <link rel="shortcut icon" type="image/ico" href="/favicon.ico" />
  11. <meta name="author" content="www.ptcms.com">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  13. <meta name="renderer" content="webkit">
  14. <meta name="viewport" content="width=device-width" />
  15. <meta name="applicable-device" content="pc">
  16. <meta http-equiv="mobile-agent" content="format=html5; url={$kx.config.mobileurl}__SELF__">
  17. <meta http-equiv="Cache-Control" content="no-siteapp" />
  18. <meta http-equiv="Cache-Control" content="no-transform" />
  19. <link rel="canonical" href="{$kx.config.pcurl}__SELF__" />
  20. <style>
  21. .pt-search-icon{
  22. width:0.21rem;
  23. height:0.21rem;
  24. }
  25. .pt-leave-comment{
  26. width:100vw;
  27. height:0.44rem;
  28. line-height: 0.44rem;
  29. text-align: center;
  30. background-color: #fff;
  31. position: fixed;
  32. left:0;
  33. bottom:0;
  34. }
  35. .pt-comment{
  36. padding-left:0.05rem;
  37. /*padding-bottom: 0.15rem;*/
  38. padding-top: 0.15rem;
  39. }
  40. .pt-comment-title{
  41. margin-left:0.10rem;
  42. margin-bottom: 0.15rem;
  43. padding-left:0.05rem;
  44. border-left:0.02rem solid #FF5555;
  45. }
  46. .pt-comment-icon{
  47. width:0.45rem;
  48. height:0.45rem;
  49. border-radius: 0.45rem;
  50. }
  51. .pt-comment-cont{
  52. padding-top: 0.15rem;
  53. padding-bottom: 0.2rem;
  54. border-bottom: 0.01rem solid #F2F2F7;
  55. }
  56. </style>
  57. </head>
  58. <body>
  59. <!-- 头部 -->
  60. <div class="w100 bg-white flex-wrp flex-align-center flex-between lh100 plr15 ptb15">
  61. <img src="{$kx.config.resurl}/template/kxmobileno1/images/return.png" class="pt-return">
  62. <div class="size18 bold color37">评论区-{$novel.name}</div>
  63. <div>
  64. <img src="{$kx.config.resurl}/template/kxmobileno1/images/ellipsis.png" class="mr5 pt-ellipsis">
  65. </div>
  66. <div class="pt5 pb5 pt-tip">
  67. <a href="{link=novel.novel.index novelid=$novel.id pinyin=$novel.pinyin}" class="block color1 text-center pt-tip-item" title="{$novel.name}">回到书页</a>
  68. <a href="{link=index.index}" class="block color1 text-center pt-tip-item" title="{$kx.config.sitename}">前往首页</a>
  69. <a href="{link=novel.search.index}" class="block color1 text-center pt-tip-item">搜索小说</a>
  70. <a href="{link=user.mark.index}" class="block color1 text-center pt-tip-item" rel="nofollow">我的书架</a>
  71. <a href="{link=user.index.index}" class="block color1 text-center pt-tip-item" rel="nofollow">个人中心</a>
  72. </div>
  73. </div>
  74. <!-- 全部评论 -->
  75. <div class="w100 mb10 bg-white lh100 mt10 pt-comment">
  76. <div class="flex-wrp flex-between ">
  77. <div class="size14 color7 bold pt-comment-title">全部评论</div>
  78. <div class="size12 color4 mr15">当前共{$data.comment}条</div>
  79. </div>
  80. {block method="pagination" name="paginate" page=$page limit=$pagesize count=$data.comment maxpage=50 section=3}
  81. {block method="comment.list" name=commentlist type='novel' typeid=$novel.id userid=$userinfo.id num=$paginate.limit page=$paginate.current}
  82. {loop=commentlist}
  83. <div class="flex-wrp plr15 pt-comment-cont" data-comment-id="{$loop.id}">
  84. <img src="{$loop.user.avatar}" class="mr20 pt-comment-icon" alt="{$loop.name}">
  85. <div class="flex-item flex-wrp flex-cell flex-around">
  86. <div class="flex-wrp lh100 flex-between">
  87. <div class="size14 color4">{$loop.name}</div>
  88. <div class="size12 color4">{$loop.datetime|date="Y-m-d H:i:s"}</div>
  89. </div>
  90. <a href="{link=novel.comment.post novelid=$novel.id pinyin=$novel.pinyin commentid=$loop.id}">
  91. <div class="compulsory-row lh150 ptb10 size14 color32">{$loop.content}</div>
  92. </a>
  93. <div class="text-right lh100 comment-btn {$loop.rating|boolval|default='','disable'}">
  94. <div class="inline-block comment-btn-up {=$loop.rating=='good'?'active':''}">
  95. <img src="{$kx.config.resurl}/template/kxmobileno1/images/praise{=$loop.rating=='good'?'_hover':''}.png" alt="">
  96. <span class="size12 color4 number">{$loop.good_num}</span>
  97. </div>
  98. <div class="inline-block comment-btn-down {=$loop.rating=='good'?'active':''}">
  99. <img src="{$kx.config.resurl}/template/kxmobileno1/images/tread{=$loop.rating=='bad'?'_hover':''}.png" alt="">
  100. <span class="size12 color4 number">{$loop.bad_num}</span>
  101. </div>
  102. </div>
  103. </div>
  104. </div>
  105. {/loop}
  106. </div>
  107. {if $paginate.total > 1}
  108. <div class="flex-wrp flex-between bg-white ptb15 plr15 mt10" style="position: fixed;bottom: 0.44rem;width: 100%;">
  109. {if $paginate.first != $paginate.current}
  110. <div class="flex-wrp flex-around flex-center pt-page4">
  111. <a title="首页" href="{link=novel.comment.list novelid=$novel.id pinyin=$novel.pinyin page=$paginate.first}">
  112. <span class="size14 color2">首页</span>
  113. </a>
  114. </div>
  115. {/if}
  116. {if $paginate.prev}
  117. <div class="flex-wrp flex-around flex-center pt-page4">
  118. <a href="{link=novel.comment.list novelid=$novel.id pinyin=$novel.pinyin page=$paginate.prev}">
  119. <span class="size14 color2">上一页</span>
  120. </a>
  121. </div>
  122. {/if}
  123. {if $paginate.next}
  124. <div class="flex-wrp flex-around flex-center pt-page4">
  125. <a href="{link=novel.comment.list novelid=$novel.id pinyin=$novel.pinyin page=$paginate.next}">
  126. <span class="size14 color2">下一页</span>
  127. </a>
  128. </div>
  129. {/if}
  130. {if $paginate.last != $paginate.current}
  131. <div class="flex-wrp flex-around flex-center pt-page4">
  132. <a href="{link=novel.comment.list novelid=$novel.id pinyin=$novel.pinyin page=$paginate.last}">
  133. <span class="size14 color2">尾页</span>
  134. </a>
  135. </div>
  136. {/if}
  137. </div>
  138. {/if}
  139. <!-- 留言评论 -->
  140. <div class="size14 color2 pt-leave-comment">
  141. 留言评论
  142. </div>
  143. <div class="pt-comment-box" style="display: none;">
  144. <div class="size18 bold color37 text-center">留言评论</div>
  145. <!-- 内容 -->
  146. <div class="pt-content" style="margin: 0.1rem;">
  147. <textarea class="pt-text" style="height: 1rem;width: 100%;padding:0.1rem;border-radius: 0.05rem" placeholder="请在此输入评论内容" ></textarea>
  148. <div class="size14 color92 pt-sum text-right"><span class="pt-num">0</span>/<span class="pt-limit">200</span></div>
  149. </div>
  150. <div class="bg-red size16 color1 pt-submit" style="height: 0.4rem;text-align: center;line-height:0.4rem;margin: 0 0.3rem 0.2rem;border-radius: 0.2rem">发表评论</div>
  151. </div>
  152. <script>var __RATING_COMMENT='{link=novel.comment.rating}',__TYPE='novel',__TYPE_ID='{$novel.id}',__ADD_COMMENT='{link=comment.add}';</script>
  153. <!-- 底部版权 -->
  154. {include file="/system/footer"}
  155. <script src="{$kx.config.resurl}/template/kxmobileno1/js/layer/mobile/layer.js"></script>
  156. <script src="{$kx.config.resurl}/template/kxmobileno1/js/comment.js"></script>
  157. </body>
  158. </html>