找回密码
 立即注册
  • QQ空间
  • 回复
  • 收藏

uniapp 10.5-10.7

一.获取系统信息
获取系统信息可以帮我们获取到手机品牌、手机型号、屏幕宽度、屏幕高度、操作系统版本、允许微信通知的开关、地理位置的系统开关等信息。在实际开发中可以根据不同的手机型号解决兼容性问题,比如自定义导航时iPhoneX“刘海”挡住导航栏的问题。
获取系统信息分为:
uni.getSystemInfo(异步获取)
uni.getSystemInfoSync(同步获取)

uniapp 10.5-10.7-1.jpg
二、交互反馈
交换反馈包括:toast显示消息提示框、显示loading 提示框、模态弹窗(alert,confirm)、操作菜单,这些都是在开发中常用的功能。
例:
uni.showToast({
title: '标题',
duration: 2000
});
隐藏
uni.hideToast();
uni.showLoading({
title: '加载中'
});
隐藏
uni.hideLoading({
title: '加载中'
});
三、动态设置导航条
动态设置导航条包括可以设置:当前页面的标题、页面导航条颜色、显示/隐藏导航条加载动画、隐藏返回首页按钮等。
1.uni.setNavigationBarTitle可以动态设置当前页面的标题
onReady(){
uni.setNavigationBarTitle({
title: 'uni-app基础'
});
}
2.设置导航条颜色
uni.setNavigationBarColor可以设置页面导航条颜色。如果需要一进入页面就设置颜色,则  应延迟执行,防止被框架内设置的颜色逻辑覆盖。
onReady(){
uni.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#ff0000',
animation: {
duration: 400,
timingFunc: 'easeIn'
}
})
}
3.uni.showNavigationBarLoading可以显示导航条加载动画,uni.hideNavigationBarLoading
可以隐藏导航条加载动画,通常用于从服务端请求数据之前显示导航条加载动画,请求完成之后隐藏导航条加载动画。
4.uni.hideHomeButton可以隐藏返回首页按钮
回复

使用道具 举报

说点什么

您需要登录后才可以回帖 登录 | 立即注册
HOT • 推荐