2
0

sentence.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <?PHP
  2. include "../pcdl/html_head.php";
  3. ?>
  4. <body>
  5. <link type="text/css" rel="stylesheet" href="../search/search.css"/>
  6. <?php
  7. require_once("../pcdl/head_bar.php");
  8. require_once("../search/toobar.php");
  9. ?>
  10. <style>
  11. #dt_pali , #dt_pali_1{
  12. border-bottom: 2px solid var(--link-hover-color);
  13. }
  14. #index_list{
  15. display:flex;
  16. }
  17. .main_view{
  18. padding: 0 1em;
  19. max-width: 1280px;
  20. margin-left: auto;
  21. margin-right: auto;
  22. }
  23. .fun_frame {
  24. border-bottom: 1px solid gray;
  25. margin-right: 10px;
  26. margin-bottom: 10px;
  27. }
  28. .fun_frame .title{
  29. padding:6px;
  30. font-weight: 700;
  31. }
  32. .fun_frame>.content{
  33. padding:6px;
  34. overflow-y: scroll;
  35. }
  36. .fixed{
  37. position:fixed;
  38. right: 0;
  39. top: 0;
  40. }
  41. .when_right_fixed{
  42. padding-right:20em;
  43. }
  44. #contents_view{
  45. display:flex;
  46. }
  47. #contents_div{
  48. flex:7;
  49. max-width: 70vw;
  50. }
  51. #contents{
  52. }
  53. #contents li{
  54. white-space: normal;
  55. }
  56. #right_pannal{
  57. flex:3;
  58. max-width:20em;
  59. }
  60. #head_bar{
  61. height:unset;
  62. }
  63. #contents_foot{
  64. margin-bottom: 70vh;
  65. }
  66. #pre_search_word_content{
  67. display:block;
  68. }
  69. @-webkit-keyframes spin {
  70. from {
  71. -webkit-transform: rotate(0deg);
  72. }
  73. to {
  74. -webkit-transform: rotate(360deg);
  75. }
  76. }
  77. @keyframes spin {
  78. from {
  79. transform: rotate(0deg);
  80. }
  81. to {
  82. transform: rotate(360deg);
  83. }
  84. }
  85. .icon_spin {
  86. -webkit-animation: spin 2.5s linear infinite;
  87. animation: spin 2.5s linear infinite;
  88. }
  89. </style>
  90. <style media="screen and (max-width:800px)">
  91. #index_list{
  92. display:block;
  93. }
  94. #contents_view{
  95. display:block;
  96. }
  97. #dict_ref_search_result{
  98. display:none;
  99. }
  100. #footer_nav{
  101. display: none;
  102. }
  103. #contents_foot {
  104. margin-bottom: 70vh;
  105. position: absolute;
  106. left: 0;
  107. width: 100vw;
  108. margin-bottom: 10vh;
  109. }
  110. #contents_nav{
  111. overflow-x: scroll;
  112. }
  113. .page_nav{
  114. display:flex;
  115. }
  116. .foot_div{
  117. margin-top:10vh;
  118. }
  119. </style>
  120. <script language="javascript" src="sentence.js"></script>
  121. <script>
  122. <?php
  123. if(isset($_GET["key"])){
  124. echo " _key_word = '{$_GET["key"]}';";
  125. }
  126. if(isset($_GET["page"])){
  127. echo " _page = '{$_GET["page"]}';";
  128. }
  129. ?>
  130. </script>
  131. <div id="main_view" class="main_view">
  132. <div id="contents_view">
  133. <div id="contents_div" style="padding: 0 1em 0 30px;">
  134. <div id="contents" >
  135. <div id="index_list">
  136. <div style="flex:3;margin:12px;">
  137. <div class="card" style="padding:10px;">
  138. <div>最近搜索</div>
  139. <div id="title_histray"></div>
  140. </div>
  141. </div>
  142. <div style="flex:3;margin:12px;">
  143. <div class="card" style="padding:10px;">
  144. <div>热搜</div>
  145. <div id="title_hot"></div>
  146. </div>
  147. </div>
  148. <div style="flex:3;margin:12px;">
  149. <div class="card" style="padding:10px;">
  150. <div id="guide_title_search_index"></div>
  151. </div>
  152. </div>
  153. </div>
  154. <div style="text-align: center;display:none;">
  155. <svg class='icon_spin' style='fill: saddlebrown;height: 4em;width: 4em; '>
  156. <use xlink='http://www.w3.org/1999/xlink' href='../studio/svg/icon.svg#dhammacakkha'></use>
  157. </svg>
  158. </div>
  159. </div>
  160. <div id="contents_foot">
  161. <div id="contents_nav" style="">
  162. </div>
  163. </div>
  164. </div>
  165. <div id="right_pannal">
  166. <div class="fun_frame">
  167. <div style="display:flex;justify-content: space-between;">
  168. <div class="title"><?php echo $_local->gui->real_declension; ?></div>
  169. <div id="case_tools" style="display:flex;">
  170. <div class="select_button" style="margin:auto 0" onclick="onWordFilterStart()"><?php echo $_local->gui->select; ?></div>
  171. <div class="filter" >
  172. <button onclick='word_search_filter()'><?php echo $_local->gui->filter; ?></button>
  173. <button onclick='filter_cancel()'><?php echo $_local->gui->cancel; ?></button>
  174. </div>
  175. </div>
  176. </div>
  177. <div id = "case_content" class="content" style="max-height:20em;">
  178. </div>
  179. </div>
  180. <div class="fun_frame">
  181. <div style="display:flex;justify-content: space-between;">
  182. <div class="title"><?php echo $_local->gui->book_name.$_local->gui->list; ?></div>
  183. <div id="book_tools" style="display:flex;">
  184. <div class="select_button" style="margin:auto 0" onclick="onBookFilterStart()"><?php echo $_local->gui->select; ?></div>
  185. <div class="filter">
  186. <button onclick='book_search_filter()'><?php echo $_local->gui->filter; ?></button>
  187. <button onclick='book_filter_cancel()'><?php echo $_local->gui->cancel; ?></button>
  188. </div>
  189. </div>
  190. </div>
  191. <div id="book_list" class="content" >
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. </div>
  197. <div id="dict_ref_search_result" style="background-color:white;color:black;display:none;">
  198. </div>
  199. <div id="index_list">
  200. <div style="flex:3;margin:12px;">
  201. <div class="card" style="padding:10px;">
  202. <div><?php echo $_local->gui->search.$_local->gui->history; ?></div>
  203. <div id="search_histray"></div>
  204. </div>
  205. </div>
  206. <div style="flex:3;margin:12px;">
  207. <div class="card" style="padding:10px;">
  208. <div><?php echo $_local->gui->top_search; ?></div>
  209. <div id="title_hot"></div>
  210. </div>
  211. </div>
  212. <div style="flex:3;margin:12px;">
  213. <div class="card" style="padding:10px;">
  214. <div id="guide_pali_search_index"></div>
  215. </div>
  216. </div>
  217. </div>
  218. <script>
  219. search_show_history();
  220. guide_get("pali_search_index");
  221. </script>
  222. <?php
  223. include "../pcdl/html_foot.php";
  224. ?>