diff --git a/README.md b/README.md index 0b05a6e622828d7b42ba43efc0dbefb251b99ad6..7f2d9f378102e5fa84259b033d45c043ec2e1a23 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ ### 简介 -本篇Codelab基于自适应布局和响应式布局,实现一次开发,多端部署的长视频页面。通过“三层工程架构”实现代码复用,并根据手机、折叠屏、平板以及2in1不同的设备尺寸实现对应页面。 +本篇Codelab基于自适应布局和响应式布局,实现一次开发,多端部署的长视频页面。通过“三层工程架构”实现代码复用,并根据手机、折叠屏、平板以及PC/2in1不同的设备尺寸实现对应页面。 手机运行效果图如下: @@ -12,7 +12,7 @@ ![](screenshots/device/foldable.png) -平板、2in1运行效果图如下: +平板、PC/2in1运行效果图如下: ![](screenshots/device/tablet.png) @@ -33,16 +33,16 @@ 1. 分别在手机、折叠屏、平板安装并打开应用,不同设备的应用页面通过响应式布局和自适应布局呈现不同的效果。 2. 首页内容,支持上下滑动,Banner左右滑动,图标列表左右滑动。 -3. 长按推荐视频区域的第一张图片,能够预览视频。鼠标右键点击推荐视频区域,弹出菜单。鼠标悬停在推荐视频区域,图片放大。 2in1和折叠屏设备,两指捏合推荐视频区能够缩放或放大。 -4. 切换顶部的社区tab,查看首页的沉浸式设计。2in1设备,切换顶部的视频tab,查看Banner图的创新排版。 +3. 长按推荐视频区域的第一张图片,能够预览视频。鼠标右键点击推荐视频区域,弹出菜单。鼠标悬停在推荐视频区域,图片放大。PC/2in1和折叠屏设备,两指捏合推荐视频区能够缩放或放大。 +4. 切换顶部的社区tab,查看首页的沉浸式设计。PC/2in1设备,切换顶部的视频tab,查看Banner图的创新排版。 5. 点击顶部的搜索框,展示搜索页内容。 搜索框输入“华”,出现智能提示页面。点击智能提示中的“华为发布会”,出现搜索结果页面。点击搜索结果中的播放按钮,进入视频详情页。 6. 视频详情页默认播放视频,点击视频进行播放/暂停,点击/拖动进度条能够跳转播放。 -7. 手机/折叠屏上滑时,相关列表先隐藏,视频再等比缩小,然后滑动评论区;2in1上滑时,视频等比缩小,然后滑动简介区。点击视频区域的全屏按钮,进入全屏播放页。 +7. 手机/折叠屏上滑时,相关列表先隐藏,视频再等比缩小,然后滑动评论区;PC/2in1上滑时,视频等比缩小,然后滑动简介区。点击视频区域的全屏按钮,进入全屏播放页。 8. 全屏播放视频,点击播放/暂停按钮,控制视频播放/暂停。点击选集按钮,显示选集工具栏。 ### 约束与限制 1. 本示例仅支持标准系统上运行,支持设备:华为手机。 -2. HarmonyOS系统:HarmonyOS NEXT Developer Beta1及以上。 -3. DevEco Studio版本:DevEco Studio NEXT Developer Beta1及以上。 -4. HarmonyOS SDK版本:HarmonyOS NEXT Developer Beta1 SDK及以上。 +2. HarmonyOS系统:HarmonyOS 5.0.0 Release及以上。 +3. DevEco Studio版本:DevEco Studio 5.0.0 Release及以上。 +4. HarmonyOS SDK版本:HarmonyOS 5.0.0 Release SDK及以上。