index.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <style>
  2. .panel-post {
  3. position: relative;
  4. }
  5. .btn-post {
  6. position: absolute;
  7. right: 0;
  8. bottom: 10px;
  9. }
  10. .img-border {
  11. border-radius: 3px;
  12. box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  13. }
  14. .embed-responsive img {
  15. position: absolute;
  16. object-fit: cover;
  17. width: 100%;
  18. height: 100%;
  19. border: 0;
  20. }
  21. .collection-content {
  22. padding: 15px;
  23. background: #efefef;
  24. color: #444;
  25. }
  26. </style>
  27. <div class="container mt-20">
  28. <div id="content-container">
  29. <div class="row">
  30. <div class="col-md-3">
  31. {include file="common/sidenav" /}
  32. </div>
  33. <div class="col-md-9">
  34. <div class="panel panel-default panel-user">
  35. <div class="panel-body">
  36. <div class="panel-post">
  37. <h2 class="page-header">我的收藏</h2>
  38. </div>
  39. {volist name='collectionList' id='item'}
  40. <div class="row">
  41. <div class="col-md-3 text-center">
  42. <a href="{$item.url}" target="_blank" class="img-thumb">
  43. <div class="embed-responsive embed-responsive-4by3 img-zoom">
  44. <img src="{$item.image}" class="embed-responsive-item" onerror="this.src='__CDN__/assets/addons/cms/img/noimage.jpg';this.onerror=null;">
  45. </div>
  46. </a>
  47. </div>
  48. <div class="col-md-9">
  49. <h4>
  50. <a href="{$item.url}" target="_blank">{$item.title}</a>
  51. </h4>
  52. <p class="text-muted">收藏于 {$item.createtime|datetime}</p>
  53. <div>
  54. <a class="btn btn-info" href="{:url('index/cms.collection/delete')}?id={$item.id}"><i class="fa fa-times"></i> 移除</a>
  55. </div>
  56. </div>
  57. </div>
  58. <hr>
  59. {/volist}
  60. {if $collectionList->total()==0}
  61. 未找到任何记录!
  62. {/if}
  63. <div class="pager">{$collectionList->render()}</div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>