photo.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <!-- Google tag (gtag.js) -->
  5. <script async src="https://www.googletagmanager.com/gtag/js?id=G-YTS6SPES1T"></script>
  6. <script>
  7. window.dataLayer = window.dataLayer || [];
  8. function gtag() { dataLayer.push(arguments); }
  9. gtag('js', new Date());
  10. gtag('config', 'G-YTS6SPES1T');
  11. </script>
  12. <meta charset="UTF-8" />
  13. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalabel=0">
  15. <title>The Best Sexy</title>
  16. <link rel="shortcut icon" href="/Public/bibidd/images/favicon.ico">
  17. <script src="/Public/bibidd/js/app.js"></script>
  18. <link rel="stylesheet" href="/Public/bibidd/css/app.css" />
  19. <link rel="stylesheet" href="/Public/bibidd/css/photo.css" />
  20. <link rel="stylesheet" href="/Public/bibidd/css/jquery.pagination.css" />
  21. <script src="/Public/bibidd/js/jquery-3.6.0.js"></script>
  22. <script src="/Public/bibidd/js/jquery.pagination.min.js"></script>
  23. <script src="/Public/bibidd/js/load.js"></script>
  24. <script src="/Public/bibidd/js/photo.js"></script>
  25. <!-- <link rel="shortcut icon" href="./images/favicon.ico">
  26. <script src="./js/app.js"></script>
  27. <link rel="stylesheet" href="./css/app.css" />
  28. <link rel="stylesheet" href="./css/photo.css" />
  29. <link rel="stylesheet" href="./css/jquery.pagination.css" />
  30. <script src="./js/jquery-3.6.0.js"></script>
  31. <script src="./js/jquery.pagination.min.js"></script>
  32. <script src="./js/load.js"></script>
  33. <script src="./js/photo.js"></script> -->
  34. </head>
  35. <body>
  36. <div class="quanpinghei"></div>
  37. <div class="loginBox">
  38. <div class="loginCenterBox">
  39. <div id="register" class="accountRightText">My Collection</div>
  40. <div id="login" class="accountRightText">login</div>
  41. <img class="guanbi" src="/Public/bibidd/images/guanbi.png" alt="">
  42. </div>
  43. </div>
  44. <!-- 账户信息 & 热门搜索 -->
  45. <div class="header">
  46. <!-- 账户 -->
  47. <div class="account">
  48. <div class="accountLeft">
  49. <img class="logo" src="/Public/bibidd/images/logo.png" alt="" />
  50. </div>
  51. <div class="accountRight">
  52. <img class="userImg" src="/Public/bibidd/images/user.png" alt="" />
  53. </div>
  54. </div>
  55. <!-- 导航 -->
  56. <ul class="nav">
  57. <li>
  58. <img src="/Public/bibidd/images/new.png" alt="" />
  59. <p class="navText">Newest</p>
  60. </li>
  61. <li>
  62. <img src="/Public/bibidd/images/hot.png" alt="" />
  63. <p class="navText">Hot</p>
  64. </li>
  65. <li>
  66. <img src="/Public/bibidd/images/tuijian.png" alt="" />
  67. <p class="navText">Recommend</p>
  68. </li>
  69. <li>
  70. <img src="/Public/bibidd/images/search.png" alt="" />
  71. <p class="navText">Hot search</p>
  72. </li>
  73. </ul>
  74. <!-- 搜索 -->
  75. <div class="search">
  76. <div class="searchLeft">
  77. <img class="searchImg" src="/Public/bibidd/images/ss.png" alt="" />
  78. </div>
  79. <div class="searchInputContent">
  80. <input class="searchInput" type="text" placeholder="Search Picture" />
  81. <img class="clearTextImg" src="/Public/bibidd/images/guanbi.png" alt="">
  82. </div>
  83. <div class="searchBtn">Search</div>
  84. </div>
  85. </div>
  86. <!-- 视频内容 -->
  87. <div class="main">
  88. <div class="videopage">
  89. <!-- 标题 -->
  90. <h2>Newest pictures</h2>
  91. <!-- 视频内容 -->
  92. <div class="video">
  93. </div>
  94. <!-- 加载中logo -->
  95. <div class="bottomLoadContent">
  96. <div class="quanWrap">
  97. <p class="quanText">Loading……</p>
  98. <img class="quanquan" src="/Public/bibidd/images/loading.gif" alt="">
  99. </div>
  100. </div>
  101. </div>
  102. <!-- 热门标签 -->
  103. <div class="labelpage">
  104. <div class="hotLabel">
  105. <div class="label">
  106. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  107. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  108. </div>
  109. <div class="label">
  110. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  111. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  112. </div>
  113. <div class="label">
  114. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  115. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  116. </div>
  117. <div class="label">
  118. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  119. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  120. </div>
  121. <div class="label">
  122. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  123. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  124. </div>
  125. <div class="label">
  126. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  127. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  128. </div>
  129. <div class="label">
  130. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  131. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  132. </div>
  133. <div class="label">
  134. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  135. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  136. </div>
  137. <div class="label">
  138. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  139. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  140. </div>
  141. <div class="label">
  142. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  143. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  144. </div>
  145. <div class="label">
  146. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  147. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  148. </div>
  149. <div class="label">
  150. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  151. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  152. </div>
  153. <div class="label">
  154. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  155. <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
  156. </div>
  157. </div>
  158. </div>
  159. <div class="box">
  160. <div class="firstPage">
  161. <a class="firstPageText">1</a>
  162. </div>
  163. <div id="pagination3" class="page fl"></div>
  164. <div class="info fl">
  165. </div>
  166. </div>
  167. </div>
  168. <!-- 提示弹框 -->
  169. <div id="tip" class="tip">
  170. <div class="textwrap">
  171. <div class="tiptext">Please login first</div>
  172. </div>
  173. </div>
  174. <!-- 返回顶部 -->
  175. <div class="backToTop">
  176. <img class="backToTopImg" src="/Public/bibidd/images/Vector.png" alt="">
  177. </div>
  178. <!-- 底部标签栏 -->
  179. <ul class="tabbar">
  180. <li>
  181. <img src="/Public/bibidd/images/Group.png" alt="" />
  182. <span>Video</span>
  183. </li>
  184. <!-- <li>
  185. <img src="/Public/bibidd/images/novel.png" alt="" />
  186. <span>Novel</span>
  187. </li> -->
  188. <li>
  189. <img src="/Public/bibidd/images/photosel.png" alt="" />
  190. <span class="currentTab">Picture</span>
  191. </li>
  192. </ul>
  193. </body>
  194. </html>