user-about.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>关于-爽客邦</title>
  6. <meta name="keywords" content="关于-爽客邦">
  7. <meta name="description" content="关于-爽客邦">
  8. <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,shrink-to-fit=no,user-scalable=no" name="viewport" viewport="cover">
  9. <meta name="apple-mobile-web-app-capable" content="yes">
  10. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  11. <meta content="telephone=no" name="format-detection">
  12. <meta content="email=no" name="format-detection">
  13. <meta name="apple-mobile-web-app-title" content="关于-爽客邦">
  14. <meta http-equiv="Cache-Control" content="no-siteapp">
  15. <link rel="stylesheet" href="./static/css/main.css">
  16. </head>
  17. <body class="bgc-back">
  18. <div id="app" v-cloak>
  19. <van-nav-bar class="user_rank_explan_title user_title_normal" left-arrow title="关于爽客邦" v-if="toptitleisshow" @click-left="goback">
  20. <template #left> <img src="./static/images/left.png" alt=""></template>
  21. </van-nav-bar>
  22. <div class="bt8f7f7f7 tc pt32 pb32" v-cloak><img class="logo-about pb8" src="./static/images/logo-text.png" alt="">
  23. <div class="f12 c999">版本:V{{curversion}}</div>
  24. </div>
  25. <van-cell-group :border="false" v-cloak>
  26. <van-cell title="检查更新" :value="hasNew ? '发现新版本' : '已经是最新版本'" :is-link="hasNew ? true : false" @click="upload">
  27. <template #title>
  28. <van-badge :dot="hasNew ? true : false">
  29. <div class="f14 c333">检查更新</div>
  30. </van-badge>
  31. </template>
  32. </van-cell>
  33. <van-cell title="协议" value="" is-link @click="goagreement"></van-cell>
  34. <van-cell title="隐私政策" value="" is-link @click="policy"></van-cell>
  35. </van-cell-group>
  36. </div>
  37. <script src="./static/js/klm-vv.min.js"></script>
  38. <script src="./static/js/klm-axios-config.js"></script>
  39. <script>
  40. // 通过 CDN 引入时不会自动注册 Lazyload 组件
  41. // 可以通过下面的方式手动注册
  42. Vue.use(vant.Lazyload);
  43. // 在 #app 标签下渲染一个按钮组件
  44. let app = new Vue({
  45. el: '#app',
  46. data() {
  47. return {
  48. toptitleisshow:false,
  49. active: 0,
  50. curversion: '1.1.2',
  51. version: '1.1.2',
  52. hasNew: false,
  53. downloadUrl:'',
  54. };
  55. },
  56. async created() {
  57. this.toptitleisshow = toptitleisshow;
  58. this.curversion = PublicLib.GetAppVersion();
  59. this.getversion();
  60. },
  61. methods: {
  62. async getversion(){
  63. const type = browsertype.versions.ios ? 'ios' : 'android';
  64. const res = await getRequest('/api/v1/appversion/detail',JSON.stringify({VersionNum:this.curversion,ClientType:type}));
  65. this.version = res.data.VersionNum;
  66. this.downloadUrl = res.data.DownloadUrl;
  67. const that = this;
  68. if(this.version !== this.curversion){
  69. that.hasNew = true;
  70. }else {
  71. that.hasNew = false;
  72. }
  73. },
  74. goback(){
  75. PublicLib.GoBack({Level:1});
  76. },
  77. goagreement(){
  78. PublicLib.Goto({Url:'user-maker-agreement'});
  79. },
  80. policy(){
  81. PublicLib.Goto({Url:'user-maker-policy'});
  82. },
  83. upload(){
  84. if(this.hasNew){
  85. PublicLib.ShowDialog({
  86. Title:'',
  87. Message:'是否更新到新的版本',
  88. ConfirmText:'确定',
  89. CancelText:'暂不',
  90. ConfirmAction:'app.downloadfn()',
  91. CanelAction:''
  92. });
  93. }
  94. },
  95. downloadfn(){
  96. PublicLib.Goto({Url:this.downloadUrl, Jump: 1});
  97. },
  98. }
  99. });
  100. </script>
  101. </body>
  102. </html>