caremate/train-frontend/App.vue

<script>
import Vue from 'vue'
import config from '@/config.js'
Vue.prototype.$config = config

export default {
  onLaunch: function(options) {
    console.log('App Launch', options)
    var token = uni.getStorageSync('token')
    if (token) {
      this.$store.commit('setToken', token)
      var userInfo = uni.getStorageSync('userInfo')
      if (userInfo) {
        this.$store.commit('setUserInfo', userInfo)
      }
      var classId = uni.getStorageSync('classId')
      if (classId) {
        this.$store.commit('setClassId', classId)
      }
    }
  },
  onShow: function(options) {
    console.log('App Show', options)
    var token = uni.getStorageSync('token')
    if (token && token !== this.$store.state.token) {
      this.$store.commit('setToken', token)
      var userInfo = uni.getStorageSync('userInfo')
      if (userInfo) {
        this.$store.commit('setUserInfo', userInfo)
      }
    }
  },
  onHide: function() {
    console.log('App Hide')
  }
}
</script>

<style>
page {
  background-color: #F5F5F5;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
    'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #1E293B;
  font-size: 28rpx;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.page {
  padding: 0 32rpx 32rpx;
  min-height: 100vh;
}

.safe-area-bottom {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
  padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
}
</style>