品质好的短视频app开发 新一代短视频app开发

　　最近在uniapp的迷你视频项目中，结合之前开发的一些自定义插件，我们开发了一个uniapp模仿颤音的短视频uni-ttLive项目。 　　

　　uni-ttlive是一个类似Tik Tok的短视频+直播+聊天项目，是基于uniapp vue.js uView uaPopup等技术开发的。 　　

　　#实现技术。 　　

　　*使用的技术：uni appvue.js。 　　

　　*组件库：uni-ui、uView-ui。 　　

　　*弹出组件：ua-popup。 　　

　　*自定义顶部栏标签栏 　　

　　该项目包括三个模块：短视频、直播和聊天。 　　

　　主页上的短视频可以上下滑动平滑切换，底部显示播放小视频的迷你进度条。其中，小视频和直播页面都是用nvue组件编写的。 　　

# main.js配置

/ * 主入口配置 * @author YXY */import Vue from 'vue'import App from './App'import uView from 'uview-ui'Vue.use(uView)import API from '@/common/request'Vue.prototype.$api = API// 引入状态管理import Store from './store'Vue.prototype.$store = StoreVue.config.productionTip = falseApp.mpType = 'app'// #ifdef APP-PLUSplus.navigator.closeSplashscreen()// #endifconst app = new Vue({ ...App})app.$mount()

为了兼容nvue页面，通过 globalData 来保存全局状态栏及导航栏高度。

hbuilderx2.5起，支持easycom自动导入组件模式。将自定义组件放在components目录下。

vue+uniapp跨平台开发初体验

uaPopup一款基于uni-app自定义弹框组件(加强版)

emmm，暂时分享到这里。欢迎大家一起交流讨论哈！

最近有些小忙，可能不会过多的分享一些技术文章，敬请谅解。