难点:1:轮播图:
<div class="cb-swiper-container">
<swiper>
<image for="{{list.slice(0.5)}}" src="{{item.image}}">
</image>
</swiper>
</div>
2: 数据传入(如将菜名传入list)
import list from "../ ../ ../common/datas/cookbook-hotcat.json"
export default {
data: {
list: []
},
onReady( {
this.list = list
}
}
3:list组件:参考华为官方文档
list-容器组件-组件-JS应用开发-智慧视觉设备-HarmonyOS设备开发
4:跳转页面(涉及生命周期):
页面A的生命周期接口的调用顺序:
- 打开页面A:onInit() -> onReady() -> onShow()
- 在页面A打开页面B:onHide() -> onDestroy()
- 从页面B返回页面A:onInit() -> onReady() -> onShow()
- 退出页面A:onHide() -> onDestroy()
- 页面隐藏到后台运行:onHide()
- 页面从后台运行恢复到前台:onShow()