前言 uni-app 是 DCloud 出品的新一代跨端框架,可以说是目前跨端数最多的框架之一了,目前支持发布到:App(Android/iOS).H5.小程序(微信小程序/支付宝小程序/百度小程序/字节跳动小程序),目前市面上类似的框架还有:Taro(京东出品).Megalo(网易出品). uni-app 的 nvue 说白了就是 weex 的那一套东西,uni-app 集成了 weex 的 SDK,也就实现了 App 端的原生渲染能力. weex 支持的东西,在 nvue 里大多都是支持的,

基于uniapp + nvue实现的uniapp仿微信App聊天应用 txim 实例项目,实现了以下功能. 1: 聊天会话管理 2: 好友列表 3: 文字.语音.视频.表情.位置等聊天消息收发 4: 一对一语音视频在线通话  技术实现 开发环境:HbuilderX + nodejs 技术框架:uniapp + vue2.x + node-sass 状态管理:Vuex 测试环境:App端(Android + IOS) 插件:Zhimi-TXIM.Zhimi-TRTCCalling 代码:开源 效果

​ 本篇文章是利用uni-app和nvue实现微信效果功能的第三篇了,今天我们基于uniapp + nvue实现的uniapp仿微信音视频通话插件实例项目,实现了以下功能: 1: 语音通话 2: 视频通话 3: 寻呼状态回馈 软件效果: ​ ​ 技术实现 开发环境:HbuilderX + nodejs 技术框架:uniapp + vue2.x + node-sass 测试环境:App端(Android + IOS) 插件:Zhimi-TRTCCalling 代码:开源 效果概览 通过接入到IM中

基于uniapp + nvue实现的uniapp仿微信界面功能聊天应用 txim 实例项目,实现了以下功能. 1: 聊天会话管理 2: 好友列表 3: 文字.语音.视频.表情.位置等聊天消息收发 4: 一对一语音视频在线通话 先放上效果预览 技术实现 开发环境:HbuilderX + nodejs 技术框架:uniapp + vue2.x + node-sass 状态管理:Vuex 自定义组件:ChatLayout.ChatContactItem.ChatInputBox.ChatMessage

本篇文章基于uniapp 框架+ nvue,实现了uniapp仿微信/得物相册选择功能实例项目,该插件实例实现了以下功能: 1: 相册过滤 2: 图视频过滤 3: 界面UI定制化 4: 栅格列数定制化 效果图: 技术实现 开发环境:HbuilderX + nodejs 技术框架:uniapp + vue2.x 测试环境:App端(Android + IOS) 插件:Zhimi-Album-JustPicker 代码:开源 效果概览 在uniapp开发下,安卓和ios端表现效果高度一致,通过可控性

更新时间: 2019/8/31 - 点击下载demo 点赞动画插件配合animate.css更好用! 该组件参考于:https://github.com/OYsun/VueStar/tree/master/src/component

话不多说上代码 let pages = getCurrentPages() let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview(); currentWebview.setTitleNViewButtonStyle(0, { text: "按钮新文字" }); CV即可,如果解决了你的问题,请点个赞,谢谢

前言 uni-app 是 DCloud 出品的新一代跨端框架,可以说是目前跨端数最多的框架之一了,目前支持发布到:App(Android/iOS).H5.小程序(微信小程序/支付宝小程序/百度小程序/字节跳动小程序),目前市面上类似的框架还有:Taro(京东出品).Megalo(网易出品). uni-app 的 nvue 说白了就是 weex 的那一套东西,uni-app 集成了 weex 的 SDK,也就实现了 App 端的原生渲染能力. weex 支持的东西,在 nvue 里大多都是支持的,

uni-app跨端自定义navbar+tabbar组件|沉浸式导航条|仿咸鱼凸起标签栏 在跨端项目开发中,uniapp是个不错的框架.采用vue.js和小程序语法结构,使得入门开发更容易.拥有非常丰富的插件生态.支持编译到h5.小程序及App等多个终端平台. 如上图:编译到h5+小程序+App端效果 ◆ 准备 在项目根目录components下新建ua-navbar和ua-tabbar组件. 在main.js中全局引入组件. // 引入自定义组件 import NavBar from './co

uniapp兼容多端自定义模态弹框组件UAPopup ua-popup 一款轻量级的uniapp自定义弹窗组件.汇集了android.ios和微信弹窗效果(msg消息.alert提示框.dialog对话框.actionsheet底部动作框.toast轻提示.长按定位菜单)等功能. 如下图:H5+App端+小程序效果,亲测多端运行一致. ◆ 引入使用  ▍在main.js中引入uapopup弹框组件 // 引入自定义弹框组件 import uaPopup from './components/ua

uniapp 我就不想喷了,踩了很多坑,把代码贡献出来让大家少踩些坑. 实现的功能: 生成n个球在canvas中运动,相互碰撞后会反弹,反弹后的速度计算我研究过了,可以参考代码直接用 防止球出边框 防止小球之间碰撞过度,或者说"穿模".采用的方法是碰撞后让两个小球都多走一帧.其实这样并不能完全防止"穿模",但可以防止小球粘在一起不停的穿模 uniapp中的requestAnimationFrame的使用,包括开始与停止动画 利用四叉树优化了碰撞检测,网上有些示例是直

应用生命周期 函数名 说明 onLaunch 当uni-app 初始化完成时触发(全局只触发一次) onShow 当 uni-app 启动,或从后台进入前台显示 onHide 当 uni-app 从前台进入后台 onUniNViewMessage 对 nvue 页面发送的数据进行监听,可参考 nvue 向 vue 通讯 注意 应用生命周期仅可在App.vue中监听,在其它页面监听无效. 页面生命周期 uni-app 支持如下页面生命周期函数: 函数名 说明 平台差异说明 最低版本 onLoad

关于vue 1.注意 如果使用老版的非自定义组件模式,即manifest中"usingComponents":false,部分模版语法不支持,但此模式已于2019年11月起下线. 2.data 必须声明为返回一个初始数据对象的函数:否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据. 3.class 支持的语法: <view :class="{ active: isActive }">111</view> <view c

 前端跨平台框架 之uniapp入门浅析 技术的发展总日新月异,处在风口,前端技术的发展尤为迅速,跨平台的概念也在前端流行起来.从最早期PhoneGap.lonic.Cordova,到近年来的ReactNative.weex.flutter,前端开发者在跨平台方面的探索从未停止过.趋势使然,类似uniapp框架出现在前端技术圈是技术发展潮流下的必然产物.作者自己也对uniapp框架进行了探索和实践,下面从几个方面介绍这一框架及其用法,欢迎大家踊跃讨论 一.什么是 uni-app? uni-app

基于uniapp+uView-ui跨端H5+小程序+APP短视频|直播项目uni-ttLive. uni-ttLive一款全新基于uni-app技术开发的仿制抖音/快手短视频直播项目.支持全屏丝滑般上下滑动切换小视频,迷你时间进度条,Nvue解决视频层级显示,可编译兼容H5+小程序+APP端. ◆ 一览效果 编译至 [小程序+H5+App端] 效果如下 ◆ 运用技术 编辑器:HbuilderX 3.1.21 框架技术:Uniapp+Vue.js+Nvue+Vuex UI组件库:uView-ui^

项目文章索引 1.项目引言 2.腾讯云后台配置TXIM 3.配置项目并实现IM登录 4.会话好友列表的实现 5.聊天输入框的实现 6.聊天界面容器的实现 7.聊天消息项的实现 8.聊天输入框扩展面板的实现 9.聊天会话管理的实现 10.聊天记录的加载与消息收发 11.定位SD配置与收发定位消息 12.贴图表情的定制化开发 13.腾讯云后台配置TRTC功能 14.集成音视频通话功能 15.集成仿微信的拍照,相册选择插件 16.集成美颜功能 17.集成TPNS消息推送(暂未接入) @ 目录 项目文章

基于uniapp + vue 实现仿斗鱼虎牙腾讯云移动直播应用实践,实现以下功能 1: 用户登陆 2: 房间管理 3: 房间聊天 4: 直播美颜 5: Svga礼物动画 6: 一对一连麦观众 项目开发环境 IDE:HbuilderX 3.0+ 开发框架:uniapp + vue2.x + sass 运行平台:Android.IOS 环境要求:window7+,macOS 10.12.6+, node 10.14.5+ 效果演示 教程目录 1. 从0开始配置工程项目 1.1 获取Demo工程并且导

uniapp官网 uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝).快应用等多个平台. HBuilderX:官方IDE下载地址 新建uni-app 运行uni-app uniapp 初始化相关配置 工程目录结构 一个uni-app工程,默认包含如下目录及文件: ┌─uniCloud 云空间目录,阿里云为

在我眼里自定义导航分2类: 原生基础上 || 非原生基础上 总结:项目当中能原生就原生,提高性能 区别 uni-app 自带原生导航栏,在pages.json里配置. 原生导航的体验更好,渲染新页面时,原生导航栏的渲染无需等待新页面dom加载,可以在新页面进入动画开始时就渲染. 原生导航还可以避免滚动条通顶,并方便的控制原生下拉刷新. 通过pages.json的配置,可以简单的.跨端的.高性能的开发业务. 但原生导航栏的扩展能力有限的.尤其是微信下,没有提供太多导航栏的配置. 在App下,pag

学习任何框架必须将其生命周期了然于胸. uni-app支持如下页面生命周期函数: onLoad 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),示例中可参考 onShow 监听页面显示 onReady 监听页面初次渲染完成 onHide 监听页面隐藏 onUnload 监听页面卸载 onPullDownRefresh 监听用户下拉动作 onReachBottom 页面上拉触底事件的处理函数 onShareAppMessage 用户点击右上角分享  微信小程序 o