HarmonyOS Notes ------------- (3)

1. Lifecycle

The calling sequence of the life cycle interface of page A

1. Open page A: onInit() -> onReady() -> onShow()
2. Open page B on page A: onHide()
3. Return to page A from page B: onShow()
4. Exit page A: onBackPress() -> onHide() -> onDestroy()
5. The page is hidden to run in the background: onInactive() -> onHide()
6. The page is restored from the background to the foreground: onShow() -> onActive()

2. Case

cookbook related code

Delicious food

.cb-container {flex-direction: column ;}.cb-body {flex: 1;}.cb-body-item{flex-direction: column;}.cb-title {width: 100%;height: 44px;justify-content: center;align-items: center;background-color: #ee742f;}text{font-size: 16px;font-weight: normal;color:#fff;}

// @ts-nocheckimport list from '../../../common/data/cook-list.json';export default {data: {list: []} ,onInit() {this.list=list.data}}