booklist.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. {extend name="layout/layout" /}
  2. {block name="title"}小说列表{/block}
  3. {block name="css"}
  4. <!-- 这里引入css -->
  5. <link href="{:asset('/css/frontend/common.css')}" rel="stylesheet" type="text/css">
  6. <link href="{:asset('/css/frontend/recently.css')}" rel="stylesheet" type="text/css">
  7. <link href="{:asset('/css/frontend/classify.css')}" rel="stylesheet" type="text/css">
  8. {/block}
  9. {block name="zepto"}
  10. <script type="text/javascript" src="{:asset('/libs/zepto/zepto.picLazyLoad.min.js')}"></script>
  11. {/block}
  12. {block name="main"}
  13. <style>
  14. .cg_title{
  15. height: .3rem;
  16. color: #494a4c;
  17. line-height: .3rem;
  18. position:relative;
  19. overflow: hidden;
  20. margin-left: .15rem;
  21. margin-top: .3rem;
  22. }
  23. .cg_title .redline{
  24. float: left;
  25. display: inline-block;
  26. width:.02rem;
  27. height:.24rem;
  28. margin-top: .03rem;
  29. margin-right: .04rem;
  30. background-color: red;
  31. }
  32. .cg_title h2{
  33. float: left;
  34. height: .3rem;
  35. line-height: .3rem;
  36. font-size: .18rem;
  37. font-weight: bold;
  38. margin-right: .08rem;
  39. }
  40. .cg_title .hot{
  41. float: left;
  42. height: .3rem;
  43. line-height: .3rem;
  44. font-size: .14rem;
  45. color:#7f7f7f;
  46. }
  47. </style>
  48. <!-- 这是正文 -->
  49. <div class="">
  50. <!-- body_sytle-->
  51. <div class="c_list_box">
  52. <div class="cg_title">
  53. <span class="redline"></span>
  54. <h2>新书抢鲜</h2>
  55. <span class="hot">24小时热销新书</span>
  56. </div>
  57. <ul class="r_img_ul">
  58. {foreach name="$booklist" item="data"}
  59. <li class="section-block">
  60. <a href="/kuaifen/index/bookinfo?book_id={:$data['id']}&uid={$uid}" class="section-data" data-book_id="{:$data['id']}">
  61. <div class="r_img">
  62. <img src="{:$data['image']}" data-original="" />
  63. </div>
  64. <div class="r_img_text">
  65. <h3>{:$data['name']}</h3>
  66. <p>{:$data['description']}</p>
  67. <div class="r_img_other">
  68. <i>{:$data['author']}</i>
  69. <strong>{:$data['read_num']}人在追</strong>
  70. </div>
  71. </div>
  72. </a>
  73. </li>
  74. {/foreach}
  75. </ul>
  76. </div>
  77. </div>
  78. {/block}