news-detail.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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/footer.css" />
  10. <link rel="stylesheet" href="./css/news-detail.css" />
  11. <script src="./js/lib/vue.min.js"></script>
  12. <script src="./js/lib/axios.min.js"></script>
  13. <script src="./js/common/browser-resize.js"></script>
  14. </head>
  15. <body>
  16. <div class="wrap">
  17. <div
  18. id="header"
  19. class="header"
  20. style="background: transparent; --color: #fff"
  21. >
  22. <img
  23. class="header-logo"
  24. :src="baseURL + config.web_logo_color"
  25. alt=""
  26. />
  27. <div class="header-nav">
  28. <a
  29. v-for="item in path_list"
  30. :href="item.path"
  31. :class="{'current':current_path.includes(item.path)}"
  32. >{{text(item.name)}}</a
  33. >
  34. </div>
  35. <div class="header-language">
  36. <span
  37. :class="[current_language=='chs'?'current':'no-current']"
  38. @click="changeLanguage('chs')"
  39. >中文(简体)</span
  40. >
  41. <span>|</span>
  42. <span
  43. :class="[current_language=='en'?'current':'no-current']"
  44. @click="changeLanguage('en')"
  45. >English</span
  46. >
  47. </div>
  48. </div>
  49. <div id="app">
  50. <div class="title">{{info[lan_key('name')]}}</div>
  51. <div class="time">{{text('发布时间')}}:{{info.time}}</div>
  52. <div class="card">
  53. <div class="content" v-html="info[lan_key('content')]"></div>
  54. <div class="download" v-if="info.url">
  55. <div class="name">{{info[lan_key('url_name')]}}</div>
  56. <div class="a-btn btn" @click="downloadFile">
  57. {{text('下载附件')}}
  58. </div>
  59. </div>
  60. <div class="next" v-if="info.nfront">
  61. <div class="label">{{text('上一篇')}}</div>
  62. <a class="link" :href="'/news-detail.html?id=' + info.nfront.id"
  63. >{{info.nfront[lan_key('name')]}}</a
  64. >
  65. </div>
  66. <div class="next" v-if="info.nafter">
  67. <div class="label">{{text('下一篇')}}</div>
  68. <a class="link" :href="'/news-detail.html?id=' + info.nafter.id"
  69. >{{info.nafter[lan_key('name')]}}</a
  70. >
  71. </div>
  72. <div class="back" @click="back()">
  73. {{text('返回列表')}} <span>›</span>
  74. </div>
  75. </div>
  76. </div>
  77. <div id="footer" class="footer">
  78. <div class="footer-company-page">
  79. <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
  80. <img
  81. class="footer-company"
  82. :src="baseURL + config.web_logo_footer"
  83. alt=""
  84. />
  85. <div class="footer-page">
  86. <a
  87. class="footer-page-item"
  88. v-for="item in path_list"
  89. :href="item.path"
  90. >{{text(item.name)}}</a
  91. >
  92. </div>
  93. </div>
  94. <div class="footer-email-time">
  95. <div class="footer-email footer-info">
  96. <img class="footer-icon" src="./static/email.png" alt="" />
  97. <span>{{config.web_email}}</span>
  98. </div>
  99. <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
  100. </div>
  101. <div class="footer-place-phone">
  102. <div class="footer-place footer-info">
  103. <img class="footer-icon" src="./static/place.png" alt="" />
  104. <span>{{config[lan_key('web_company_address')]}}</span>
  105. </div>
  106. <div
  107. class="footer-phone footer-info"
  108. v-if="config.web_tel && config.web_tel.tel1"
  109. >
  110. <img class="footer-icon" src="./static/phone.png" alt="" />
  111. <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
  112. </div>
  113. </div>
  114. <div class="footer-line"></div>
  115. <div class="footer-term-ICP">
  116. <div class="footer-term">
  117. <a class="footer-term-item" href="/agreement.html?type=1"
  118. >{{text('法律声明')}}</a
  119. >
  120. <span>|</span>
  121. <a class="footer-term-item" href="/agreement.html?type=2"
  122. >{{text('隐私条款')}}</a
  123. >
  124. </div>
  125. <div class="footer-ICP">
  126. {{config[lan_key('web_copyright')]}}&emsp;
  127. <a :href="config.web_beian_url">{{config.web_beian}}</a>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. <script type="module" src="./js/components/header.js"></script>
  133. <script type="module" src="./js/components/footer.js"></script>
  134. <script type="module" src="./js/news-detail.js"></script>
  135. </body>
  136. </html>