news.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <title>新闻资讯</title>
  7. <link rel="stylesheet" href="./css/common/default.css" />
  8. <link rel="stylesheet" href="./css/components/header.css" />
  9. <link rel="stylesheet" href="./css/components/banner.css" />
  10. <link rel="stylesheet" href="./css/components/footer.css" />
  11. <link rel="stylesheet" href="./css/news.css" />
  12. <script src="./js/lib/vue.min.js"></script>
  13. <script src="./js/lib/axios.min.js"></script>
  14. <script src="./js/common/browser-resize.js"></script>
  15. </head>
  16. <body>
  17. <div class="wrap">
  18. <div
  19. id="header"
  20. class="header"
  21. style="background: transparent; --color: #fff"
  22. >
  23. <img class="header-logo" :src="logo_path" alt="" />
  24. <div class="header-nav">
  25. <a
  26. v-for="item in path_list"
  27. :href="item.path"
  28. :class="{'current':current_path.includes(item.path)}"
  29. >{{text(item.name)}}</a
  30. >
  31. </div>
  32. <div class="header-language">
  33. <span
  34. :class="[current_language=='chs'?'current':'no-current']"
  35. @click="changeLanguage('chs')"
  36. >中文(简体)</span
  37. >
  38. <span>|</span>
  39. <span
  40. :class="[current_language=='en'?'current':'no-current']"
  41. @click="changeLanguage('en')"
  42. >English</span
  43. >
  44. </div>
  45. </div>
  46. <div
  47. id="banner"
  48. class="banner"
  49. :style="{backgroundImage:`url(${image})`}"
  50. >
  51. <div class="banner-title">{{title}}</div>
  52. </div>
  53. <div id="app">
  54. <div class="list">
  55. <div class="list-item" v-for="item in list">
  56. <img class="item-cover" :src="item.image" alt="" />
  57. <div class="item-time">{{item.time}}</div>
  58. <div class="item-title">{{item[lan_key('name')]}}</div>
  59. <div class="item-detail">{{item[lan_key('description')]}}</div>
  60. <a
  61. class="item-view-detail"
  62. :href="'/news-detail.html?id=' + item.id"
  63. >{{text('阅读详情')}}</a
  64. >
  65. </div>
  66. </div>
  67. <div class="pagination">
  68. <div class="pagination-item" @click="changeCurrent(params.page - 1)">
  69. </div>
  70. <div
  71. class="pagination-item"
  72. v-for="index in Math.ceil(total/params.page_num)"
  73. :class="{ current: index == params.page}"
  74. @click="changeCurrent(index)"
  75. >
  76. {{index}}
  77. </div>
  78. <div class="pagination-item" @click="changeCurrent(params.page + 1)">
  79. </div>
  80. </div>
  81. </div>
  82. <div id="footer" class="footer">
  83. <div class="footer-company-page">
  84. <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
  85. <img
  86. class="footer-company"
  87. :src="baseURL + config.web_logo_footer"
  88. alt=""
  89. />
  90. <div class="footer-page">
  91. <a
  92. class="footer-page-item"
  93. v-for="item in path_list"
  94. :href="item.path"
  95. >{{text(item.name)}}</a
  96. >
  97. </div>
  98. </div>
  99. <div class="footer-email-time">
  100. <div class="footer-email footer-info">
  101. <img class="footer-icon" src="./static/email.png" alt="" />
  102. <span>{{config.web_email}}</span>
  103. </div>
  104. <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
  105. </div>
  106. <div class="footer-place-phone">
  107. <div class="footer-place footer-info">
  108. <img class="footer-icon" src="./static/place.png" alt="" />
  109. <span>{{config[lan_key('web_company_address')]}}</span>
  110. </div>
  111. <div
  112. class="footer-phone footer-info"
  113. v-if="config.web_tel && config.web_tel.tel1"
  114. >
  115. <img class="footer-icon" src="./static/phone.png" alt="" />
  116. <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
  117. </div>
  118. </div>
  119. <div class="footer-line"></div>
  120. <div class="footer-term-ICP">
  121. <div class="footer-term">
  122. <a class="footer-term-item" href="/agreement.html?type=1"
  123. >{{text('法律声明')}}</a
  124. >
  125. <span>|</span>
  126. <a class="footer-term-item" href="/agreement.html?type=2"
  127. >{{text('隐私条款')}}</a
  128. >
  129. </div>
  130. <div class="footer-ICP">
  131. {{config[lan_key('web_copyright')]}}&emsp;
  132. <a :href="config.web_beian_url">{{config.web_beian}}</a>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <script type="module" src="./js/components/header.js"></script>
  138. <script type="module" src="./js/components/banner.js"></script>
  139. <script type="module" src="./js/components/footer.js"></script>
  140. <script type="module" src="./js/news.js"></script>
  141. </body>
  142. </html>