App.vue 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <script>
  2. export default {
  3. onLaunch() {
  4. // 获取小程序更新机制兼容
  5. if (uni.canIUse('getUpdateManager')) {
  6. const updateManager = uni.getUpdateManager()
  7. // 检查是否有新版本发布
  8. updateManager.onCheckForUpdate((res) => {
  9. if (res.hasUpdate) {
  10. //小程序有新版本,则静默下载新版本,做好更新准备
  11. updateManager.onUpdateReady(() => {
  12. uni.showModal({
  13. title: '更新提示',
  14. content: '新版本已经准备好,请重启应用',
  15. showCancel: false,
  16. success: (res) => {
  17. if (res.confirm) {
  18. //新的版本已经下载好,调用 applyUpdate 应用新版本并重启
  19. updateManager.applyUpdate()
  20. }
  21. }
  22. })
  23. })
  24. // 新的版本下载失败
  25. updateManager.onUpdateFailed(() => {
  26. uni.showModal({
  27. title: '温馨提示',
  28. content: '新版本已经上线,请您删除当前小程序,重新搜索打开'
  29. })
  30. })
  31. }
  32. })
  33. } else {
  34. // 提示用户在最新版本的客户端上体验
  35. uni.showModal({
  36. title: '温馨提示',
  37. content: '当前微信版本过低,可能无法使用该功能,请升级到最新版本后重试。'
  38. })
  39. }
  40. },
  41. onShow: function () {
  42. // console.log('App Show')
  43. },
  44. onHide: function () {
  45. // console.log('App Hide')
  46. }
  47. }
  48. </script>
  49. <style lang="scss">
  50. /*每个页面公共css */
  51. @import '@/uni_modules/uni-scss/index.scss';
  52. /* #ifndef APP-NVUE */
  53. @import '@/static/customicons.css';
  54. // 设置整个项目的背景色
  55. page {
  56. background-color: #fff;
  57. }
  58. /* #endif */
  59. .example-info {
  60. font-size: 14px;
  61. color: #333;
  62. padding: 10px;
  63. }
  64. </style>