2
0

index.php 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <?PHP
  2. include "../pcdl/html_head.php";
  3. ?>
  4. <body>
  5. <?php
  6. require_once("../pcdl/head_bar.php");
  7. ?>
  8. <script language="javascript" src="../collect/index.js"></script>
  9. <style>
  10. #main_tag span{
  11. margin: 2px;
  12. padding: 2px 12px;
  13. font-weight: 500;
  14. transition-duration: 0.2s;
  15. cursor: pointer;
  16. display: inline-flex;
  17. align-items: center;
  18. flex-wrap: nowrap;
  19. justify-content: center;
  20. font-size:110%;
  21. border: unset;
  22. border-radius: 0;
  23. border-bottom: 2px solid var(--nocolor);
  24. }
  25. #main_tag span:hover{
  26. background-color:unset;
  27. color:unset;
  28. border-color: var(--link-hover-color);
  29. }
  30. #main_tag .select{
  31. border-bottom: 2px solid var(--link-color);
  32. }
  33. tag{
  34. background-color: var(--btn-color);
  35. margin: 0 0.5em;
  36. padding: 3px 5px;
  37. border-radius: 6px;
  38. display:inline-flex;
  39. border: 1.5px solid;
  40. border-color: #70707036;
  41. }
  42. tag .icon:hover{
  43. background-color: silver;
  44. }
  45. </style>
  46. <?php
  47. //
  48. require_once "../path.php";
  49. require_once "../public/_pdo.php";
  50. require_once '../media/function.php';
  51. require_once '../public/function.php';
  52. ?>
  53. <div id='course_head_bar' style='background-color:var(--tool-bg-color1);padding:1em 10px 10px 10px;'>
  54. <div class='index_inner '>
  55. <div style='font-size:140%'>
  56. <span style="display:inline-block;width:20em;"><input type="input" placeholder='title or author' style="background-color:var(--btn-bg-color);" /></span>
  57. <button>搜索</button>
  58. </div>
  59. <div id="main_tag" style="">
  60. <span tag="sutta">Sila</span>
  61. <span tag="vinaya">Samathi</span>
  62. <span tag="abhidhamma">Panna</span>
  63. <span tag="mūla">Story</span>
  64. </div>
  65. <div id="tag_selected" class="" style="padding-bottom:5px;margin:0.5em 0;"></div>
  66. <div level="0" class="tag_others" style="padding-bottom:5px;">Author:</div>
  67. <div level="1" class="tag_others" style="padding-bottom:5px;">Language:</div>
  68. <div level="8" class="tag_others" style="padding-bottom:5px;">
  69. <select>
  70. <option>时间</option>
  71. <option>人气</option>
  72. </select>
  73. </div>
  74. </div>
  75. </div>
  76. <div id ="book_list" class='index_inner' style='display: flex;flex-wrap: wrap;'>
  77. </div>
  78. <div id="page_bottom" style="height:10em;">
  79. loading
  80. </div>
  81. <script>
  82. $(document).ready(function(){
  83. collect_load();
  84. });
  85. </script>
  86. <?php
  87. include "../pcdl/html_foot.php";
  88. ?>