uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播，支持编译到多端(H5、小程序、App端)且兼容效果一致。
二、效果预览
在H5、小程序、App端测试效果如下：(后续大图均为APP端)
三、使用技术
◆uniapp计算设备顶部状态栏高度
/***@descuniapp主页面App.vue*@aboutQ：282310962wx：xy190310*/
◆项目中顶部透明导航栏设置
◆uniapp仿抖音小视频效果
项目中小视频界面功能效果类似抖音/火山小视频，使用swiper组件实现上下滑动切换视频播放。
◆uniapp聊天页面实现
◆直播页面live.nvue
为避免video不能覆盖问题，直播页面采用的是nvue编写，开发过程也遇到了一些坑，尤其是css，全部是flex布局，而且不能多级嵌套，有些css属性不支持。
另外引入阿里字体图标也需注意：通过weex方式引入
最后，附上两个vue/react项目案例：
总结
以上所述是小编给大家介绍的基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
THE END