开发的日常，这个版本接了一个需求，小程序的商城装修页要实现一个全屏的沉浸式效果，最终的实现效果如下，看似很简单，但是却花了我2个星期左右的时间😫，做的时候才发现要注意的细节太多了。 下面就和大家分享一下我开发时候注意到的细节吧～
1.页面要设置100vh，overflow:hidden; 顶部导航栏为自定义，底部tabbar设置为半透明
2.视频封面图 与图片之间的切换需要增加动画过渡一下
3.轮播图为视频素材时，第一次为默认播放，后面就是手动播放。视频播放时切换轮播图需要停止上一个视频素材的播放
4.轮播图播放时为自动播放，但是如果是播放视频的时候，需要把自动播放取消，视频暂停、视频结束需要恢复自动播放
5.切换轮播时文案需要带有过渡效果
6.全屏需要监听手势上下滑动事件。下滑时需要有缩放效果带出后面的内容。还需要把原来的heigjt:100vh,overflow:hidden样式去掉当页面滚动到顶部时候，需要自动全屏。
7.还需要监听滚动事件，如果滑动到顶部时，需要触发全屏效果，页面也需要重新设置成hight:100vh,overflow:hidden
8.滚动页面时，顶部的导航栏、底部tabbar 需要切换为白色
9.还有一些就是涉及到公司业务逻辑的其他处理了
【效果展示】
这个功能实现出来，感觉还是很酷炫的，现在越来越多商城小程序都是走这种全屏效果的展示，比较吸引客户的眼球。嘿嘿，可以交货啦😄😄
