简介
本篇在Scroll滚动组件中嵌套了一个Web组件,通过nestedScroll进行滚动拦截,实现了一个文章详情展示案例。效果如下:
工程目录
├──entry/src/main/ets/
│ ├──common/constant
│ │ └──CommonConstants.ets // 公共常量类
│ ├──entryability
│ │ └──EntryAbility.ets // 程序入口类
│ ├──page
│ │ └──Index.ets // 首页
│ └──viewmodel
│ └──InitialData.ets // 数据
└──entry/src/main/resource // 应用静态资源目录
相关概念
- Scroll:可滚动的容器组件,当子组件的布局尺寸超过父组件的视口时,内容可以滚动。
- Web: 提供具有网页显示能力的Web组件。
相关权限
不涉及
使用说明
- 启动应用,web组件自适应。
- 上下滑动展示区域。