App.uvue

<script lang="uts">
import { state, setLifeCycleNum, setAppLaunchPath, setAppShowPath } from './store/index.uts'

let firstBackTime = 0
export default {
	onLaunch: function (options) {
		// 自动化测试
		setLifeCycleNum(state.lifeCycleNum + 1000)
		setAppLaunchPath(options.path)
		console.log('App Launch')
		// #ifdef UNI-APP-X && APP-ANDROID
		const performance = uni.getPerformance()
		const observer : PerformanceObserver = performance.createObserver((entryList : PerformanceObserverEntryList) => {
			console.log('observer:entryList.getEntries()')
			console.log(entryList.getEntries())
		})
		observer.observe({
			entryTypes: ['render', 'navigation'],
		} as PerformanceObserverOptions)
		// #endif
	},
	onShow: function (options) {
		// 自动化测试
		setLifeCycleNum(state.lifeCycleNum + 100)
		setAppShowPath(options.path)
		console.log('App Show')
	},
	onHide: function () {
		// 自动化测试
		setLifeCycleNum(state.lifeCycleNum - 100)
		console.log('App Hide')
	},
	onLastPageBackPress: function () {
		// 自动化测试
		setLifeCycleNum(state.lifeCycleNum - 1000)
		console.log('App LastPageBackPress')
		if (firstBackTime == 0) {
			uni.showToast({
				title: '再按一次退出应用',
				position: 'bottom',
			})
			firstBackTime = Date.now()
			setTimeout(() => {
				firstBackTime = 0
			}, 2000)
		} else if (Date.now() - firstBackTime < 2000) {
			firstBackTime = Date.now()
			uni.exit()
		}
	},
	onExit() {
		console.log('App Exit')
	},
	methods: {
		checkLaunchPath() : boolean {
			const HOME_PATH = '/pages/index'
			if (state.appLaunchPath != HOME_PATH) {
				return false
			}
			if (state.appShowPath != HOME_PATH) {
				return false
			}
			return true
		}
	}
}
</script>

<style>
@import "./common/uni.css";
/* @font-face {
    font-family: uniicons;
    font-weight: normal;
    font-style: normal;
    src: url('./static/fonts/uni.ttf') format('truetype');
  } */

.page {
  padding: 15px;
}

.uni-panel {
  margin-bottom: 12px;
}

.uni-panel-h {
  background-color: #ffffff;
  flex-direction: row;
  align-items: center;
  padding: 12px;
}

.uni-panel-h-on {
  background-color: #f0f0f0;
}

.uni-panel-text {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
}

.uni-panel-icon-on {
  transform: rotate(180deg);
}

.uni-navigate-item {
  flex-direction: row;
  align-items: center;
  background-color: #ffffff;
  border-top-style: solid;
  border-top-color: #f0f0f0;
  border-top-width: 1px;
  padding: 12px;
  justify-content: space-between;
}

.uni-navigate-item:active {
  background-color: #f8f8f8;
}

.uni-navigate-text {
  color: #000000;
  font-size: 12px;
  opacity: 0.8;
}

.uni-navigate-icon {
  margin-left: 15px;
  color: #999999;
  font-size: 14px;
  font-weight: normal;
}

.text-disabled {
  color: #a0a0a0;
}

.list-item-text {
  line-height: 36px;
}

.split-title {
  margin: 20px 0 5px;
  padding: 5px 0;
  border-bottom: 1px solid #dfdfdf;
}

.btn-view {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
}
</style>