App.vue 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <script>
  2. export default {
  3. onLaunch: function() {},
  4. onLaunch: function() {
  5. uni.toast = (...args) => uni.showToast({
  6. duration: 2000,
  7. title: args[0],
  8. icon: 'none'
  9. });
  10. // var self = this
  11. // // 获取小程序更新机制兼容
  12. // if (wx.canIUse('getUpdateManager')) {
  13. // const updateManager = wx.getUpdateManager()
  14. // //1. 检查小程序是否有新版本发布
  15. // updateManager.onCheckForUpdate(function(res) {
  16. // // 请求完新版本信息的回调
  17. // if (res.hasUpdate) {
  18. // //检测到新版本,需要更新,给出提示
  19. // wx.showModal({
  20. // title: '更新提示',
  21. // showCancel: false, //隐藏取消按钮
  22. // confirmText: "确定更新", //只保留确定更新按钮
  23. // content: '检测到新版本,是否下载新版本并重启小程序?',
  24. // success: function(res) {
  25. // if (res.confirm) {
  26. // //2. 用户确定下载更新小程序,小程序下载及更新静默进行
  27. // self.downLoadAndUpdate(updateManager)
  28. // } else if (res.cancel) {
  29. // //用户点击取消按钮的处理,如果需要强制更新,则给出二次弹窗,如果不需要,则这里的代码都可以删掉了
  30. // wx.showModal({
  31. // title: '温馨提示~',
  32. // content: '本次版本更新涉及到新的功能添加,旧版本无法正常访问的哦~',
  33. // showCancel: false, //隐藏取消按钮
  34. // confirmText: "确定更新", //只保留确定更新按钮
  35. // success: function(res) {
  36. // if (res.confirm) {
  37. // //下载新版本,并重新应用
  38. // self.downLoadAndUpdate(updateManager)
  39. // }
  40. // }
  41. // })
  42. // }
  43. // }
  44. // })
  45. // }
  46. // })
  47. // } else {
  48. // // 如果希望用户在最新版本的客户端上体验您的小程序,可以这样子提示
  49. // wx.showModal({
  50. // title: '提示',
  51. // content: '当前微信版本过低,无法使用该功能,请升级到最新微信版本后重试。',
  52. // showCancel: false
  53. // })
  54. // }
  55. },
  56. onHide: function() {
  57. console.log('App Hide')
  58. },
  59. // methods: {
  60. // downLoadAndUpdate: function(updateManager) {
  61. // var self = this
  62. // wx.showLoading();
  63. // //静默下载更新小程序新版本
  64. // updateManager.onUpdateReady(function() {
  65. // wx.hideLoading()
  66. // //新的版本已经下载好,调用 applyUpdate 应用新版本并重启
  67. // updateManager.applyUpdate()
  68. // })
  69. // updateManager.onUpdateFailed(function() {
  70. // // 新的版本下载失败
  71. // wx.hideLoading();
  72. // wx.showModal({
  73. // title: '已经有新版本了哟~',
  74. // content: '新版本已经上线啦~,请您删除当前小程序,重新搜索打开哟~',
  75. // showCancel: false
  76. // })
  77. // })
  78. // }
  79. // },
  80. }
  81. </script>
  82. <style>
  83. @import './static/css/iconfont.css';
  84. @import 'common/style/icon.scss';
  85. /*每个页面公共css */
  86. page {
  87. background-color: #F5F5F5;
  88. }
  89. .flexV {
  90. display: flex;
  91. align-items: center;
  92. }
  93. .flexA {
  94. display: flex;
  95. justify-content: center;
  96. }
  97. .flexE {
  98. display: flex;
  99. justify-content: center;
  100. align-items: flex-end;
  101. }
  102. .flexC {
  103. display: flex;
  104. align-items: center;
  105. justify-content: center;
  106. }
  107. .flexCC {
  108. display: flex;
  109. flex-direction: column;
  110. justify-content: center;
  111. align-items: center;
  112. }
  113. .flexS {
  114. display: flex;
  115. align-items: center;
  116. justify-content: flex-start;
  117. }
  118. .flexB {
  119. display: flex;
  120. justify-content: space-between;
  121. align-items: center;
  122. }
  123. .flexT {
  124. display: flex;
  125. justify-content: space-between;
  126. align-items: flex-start;
  127. }
  128. .flexFS {
  129. display: flex;
  130. align-items: flex-start;
  131. }
  132. .flexM {
  133. display: flex;
  134. flex-direction: column;
  135. }
  136. .flexX {
  137. display: flex;
  138. justify-content: space-between;
  139. flex-direction: column;
  140. }
  141. </style>