uni-liveShow是一个基于vue + uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5、小程序,应用端)且兼容效果一致。
在H5、小程序,应用端测试效果如下:(后续大图均为应用程序端)
-
<李>编码器+技术:HBuilderX + vue/NVue/uniapp vuex李>
<李> iconfont图标:阿里字体图标库李>
<李>自定义导航栏+底部Tabbar李>
<李>弹窗组件:uniPop (uni-app封装自定义弹出窗)李>
<李>测试环境:H5端+小程序+应用端李>
◆uniapp计算设备顶部状态栏高度
/* * * @desc uniapp主页面App.vue * @about问:282310962 wx: xy190310 */& lt; script> 从“Vue”进口Vue 出口默认{ vue + alt="基于uniapp直播项目实现uni-app仿抖音/陌陌直播室功能“>& lt;标题栏:isBack=" true " title=啊?背景="{背景:“透明”}" transparent> & lt;文本槽=胺祷亍眂lass=皍ni_btnIco iconfont icon-guanbi”祝辞& lt;/text> & lt;文本槽=" iconfont " class=" uni_btnIco iconfont icon-dots mr_5”祝辞& lt;/text> & lt;/header-bar>基于vue + uniapp直播项目实现uni-app仿抖音/陌陌直播室功能