小程序使用cover-view和cover-image

小程序使用cover-view和cover-image,第1张

根据以上需求和限制大致的思路如下:

调整好css后发现, button 并不能挡住 video 组件正中间的播放按钮,对比同类的实现产品,应该是增加了一层遮罩,显示视频预览图,点击播放后轮拦消失,于是增加一层 cover-image

通过定位将遮罩的图片铺满video组件,但是产生了以下几个bug:

在网上大致一搜没有很好的解决中拦方法, cover-view 这个组件看来只能够用于一些简单实用的场景,在当前卖桐胡的需求下实现难度很大

通过不断对比同类的产品,我发现了一个实现思路:

这就是iphone短信界面

在苹果系统中回复的内容由最先的文字、图片到视频,甚至最新的贴纸、亲密消息、小程序,内容不断丰富的同时与微信、QQ在功能上也越走越近。在这么小的一块区域,苹果究竟花了多少心思,一起来看。

先看拍照/摄像功能做了哪些改进,增加一个拍照小窗口,可以实现自拍/拍照中裂功能,另外把可以显示一张照片的位置改为用遮罩的方法显示两张。在IMessage App Store里采用了多个控制区与一个展示区相结合的显示模式,着实让人大呼过瘾。

任务区1:输入卖租闭栏任务区,(第一层级,控制第二任务区与展示区)

任务区2:底部任务区,(第二层级,受输入栏控制,控制展示内容区)

展示区:中间展示区,(第三层级,展示内容型明)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8235619.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存