share.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  6. <title></title>
  7. <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
  8. <link rel="stylesheet" href="../static/css/index.css">
  9. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css" />
  10. <script src="https://cdn.jsdelivr.net/npm/vue@2.6/dist/vue.min.js"></script>
  11. <script src="https://cdn.jsdelivr.net/npm/vant@2.12/lib/vant.min.js"></script>
  12. <style>
  13. .container {
  14. display: flex;
  15. height: 100vh;
  16. align-items: center;
  17. justify-content: center;
  18. }
  19. .footer {
  20. position: absolute;
  21. bottom: 0.34rem;
  22. height: 1.36rem;
  23. padding: 0 1.14rem;
  24. width: 100%;
  25. left: 0;
  26. }
  27. .footer img {
  28. width: 100%;
  29. height: 100%;
  30. }
  31. .hideContainer {
  32. width: 100%;
  33. text-align: center;
  34. }
  35. .hideContainer img {
  36. width: 2.8rem;
  37. height: 2.8rem;
  38. }
  39. .hideContainer p {
  40. font-size: 0.28rem;
  41. margin-top: 0.3rem;
  42. font-family: PingFangSC-Regular, PingFang SC;
  43. color: #999999;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <div id="app" v-cloak class="container">
  49. <div class="footer">
  50. <img src="../static/offImg/downLoad.png" alt="" @click="download" />
  51. </div>
  52. <div v-if='isshow' class="hideContainer">
  53. <img src="../static//offImg/404.png" alt="" />
  54. <p>该资讯已被删除</p>
  55. </div>
  56. </div>
  57. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  58. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  59. <script src="../static/js/vender/vue/config.js"></script>
  60. <script src="../static/js/vender/vue/api.js"></script>
  61. <script type="text/javascript">
  62. new Vue({
  63. el: '#app',
  64. data: {
  65. isshow: false,
  66. },
  67. created() {
  68. // window.location.href = 'investigate.html'
  69. },
  70. mounted() {
  71. //this.getProcess()
  72. this.$toast.loading({
  73. message: '加载中...',
  74. forbidClick: true,
  75. loadingType: 'spinner',
  76. });
  77. },
  78. methods: {
  79. download() {
  80. var u = navigator.userAgent,
  81. app = navigator.appVersion;
  82. var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
  83. var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  84. if (isAndroid) {
  85. window.location.href =
  86. 'http://www.androidscloud.com/admin/attachment/download/2117e9b7f3734b16b81b9d7bb1c5a601';
  87. } else if (isIOS) {
  88. window.location.href = 'https://apps.apple.com/cn/app/id1541800909';
  89. } else {
  90. }
  91. },
  92. }
  93. })
  94. </script>
  95. </body>
  96. </html>