账户中心 退出系统
5.0 版本 3.0 版本
使用手册 模板中心 账户中心 合作 · 服务
快速开始
常见问题
更新日志
快速部署
组件调用手动调用
自动加载easycom
数据转换格式问题
NVUE 说明
版权要求
设计规范初版
基础布局 ( 7 )
页面布局从这开始哦 (:
头部导航自定义+HOME按钮
Flex布局组件形式
Flex布局样式形式
竖向切换动态切换
元素定位Absolute
手势识别滑动距离、方向
基础样式 ( 8 )
文本颜色
背景样式
阴影效果
圆角边框
文本样式
内置图标
图标扩展
样式动画
常用布局 ( 23 )
宫格布局 九宫格
头部导航
底部导航
切换导航 单行模式
切换导航 多行模式
吸顶容器
动态吸顶
名片卡片
滚动区域
局部选项卡
全屏选项卡 模式一原理演示
全屏选项卡 模式二原理演示
全屏选项卡 实战演示
分段切换
折叠面板
普通表格
数据表格
分类展示
横向公告
返回顶部
时间轴
侧边抽屉
图标分类
常用列表 ( 9 )
通用列表
滑动列表 新版组件模式
文章列表 样式模式
文章列表 组件模式
图文列表
树状列表
拖拽排序 竖向
可选列表 单选 | 多选
全选列表 多选 | 全选
常用组件 ( 24 )
图片组件
徽章组件
圆角组件
标签组件
滚动公告
无缝滚动
按钮组件
搜索组件
星级评价
通用标题 更多、换一批
倒计时
轮播组件 新版本 更好用
轮播组件 原生模式
城市选择
地区联动 新版本 更灵活
步骤提示
链接组件
优惠券组件
为空展示
图片选择
多图上传
头像群组
数值动画
PK 投票
刷新与加载 ( 5 )
加载组件
全屏加载
下拉刷新 原生模式
刷新组件 滚动区域模拟模式
上拉加载 原生模式
提醒弹框 ( 9 )
遮罩弹出层
顶部消息框
模态对话框
底部对话框
底部消息框
底部操作表
右下消息框
弹出菜单
功能菜单
滑块与进度 ( 4 )
进度滑块
区间滑块
进度按钮
进度圆环
表单相关 ( 14 )
表单元素
表单验证
记录与重置
字数控制
动态表单
分步提交
数值框
数字键盘
可选标签 单选 多选
可选标签 携带数据
可删标签
点选按钮
下拉选择
滑动解锁
日期时间 ( 6 )
日期及时间 带有农历
日期区间 日历形式
日期及时间 picker 模式
时间段选择 picker 模式
日程日历 日历+日程
横向日期
文章与评论 ( 6 )
文本编辑器
编辑器解析
富文本加强
展开全文
评论列表
评论提交
媒体播放 (3)
音乐播放器
视频播放器竖向全屏
视频播放器横向列表
Grace.JS ( 15 )
工具介绍
​网络请求
页面跳转
数据缓存
图片相关
系统信息
消息提示
导航配置
元素选择
字符操作
数组操作
随机数据
日期时间
延时循环
对象操作
地图使用 ( 3 )
位置标注 位置转换
周边信息 周边搜索
拖拽定位 中心坐标
常用界面 ( 21 )
搜索界面
登录注册
个人中心
头像裁剪
购物车
订单中心
条件筛选
商品详情
图片懒加载
骨架加载
抽奖活动
瀑布流
地址列表
添加地址
证件上传
滚动推荐
短信验证
排行榜
数据图表
商城套装
即时通讯
系统信息

手册版本 V3.0

Grace.js - 系统信息获取函数在 uni/wx.getSystemInfo 函数基础上添加了 iphoneX 11 设备的判断。

system()

函数功能 : 获取运行环境信息
相关手册 : https://uniapp.dcloud.io/api/system/info?id=getsysteminfosync
返回数据列表

参数说明平台差异说明
brand手机品牌App、微信小程序、百度小程序、头条小程序、QQ小程序
model手机型号
pixelRatio设备像素比
screenWidth屏幕宽度
screenHeight屏幕高度
windowWidth可使用窗口宽度
windowHeight可使用窗口高度
windowTop可使用窗口的顶部位置App、H5
windowBottom可使用窗口的底部位置App、H5
statusBarHeight状态栏的高度头条小程序不支持
navigationBarHeight导航栏的高度百度小程序
titleBarHeight标题栏高度支付宝小程序
language应用设置的语言头条小程序不支持
version引擎版本号H5不支持
storage设备磁盘容量支付宝小程序
currentBattery当前电量百分比支付宝小程序
appName宿主APP名称头条小程序
AppPlatformApp平台QQ小程序
host宿主平台百度小程序
app当前运行的客户端支付宝小程序
cacheLocation上一次缓存的位置信息百度小程序
system操作系统版本
platform客户端平台,值域为:ios 、android
fontSizeSetting用户字体大小设置。以“我-设置-通用-字体大小”中的设置为准,单位:px微信小程序、支付宝小程序、百度小程序、QQ小程序
SDKVersion客户端基础库版本支付宝小程序和H5不支持
swanNativeVersion宿主平台版本号百度小程序
albumAuthorized允许微信使用相册的开关(仅 iOS 有效)微信小程序
cameraAuthorized允许微信使用摄像头的开关微信小程序
locationAuthorized允许微信使用定位的开关微信小程序
microphoneAuthorized允许微信使用麦克风的开关微信小程序
notificationAuthorized允许微信通知的开关微信小程序
notificationAlertAuthorized允许微信通知带有提醒的开关(仅 iOS 有效)微信小程序
notificationBadgeAuthorized允许微信通知带有标记的开关(仅 iOS 有效)微信小程序
notificationSoundAuthorized允许微信通知带有声音的开关(仅 iOS 有效)微信小程序
bluetoothEnabled蓝牙的系统开关微信小程序
locationEnabled地理位置的系统开关微信小程序
wifiEnabledWi-Fi 的系统开关微信小程序
safeArea在竖屏正方向下的安全区域App、H5、微信小程序
safeAreaInsets在竖屏正方向下的安全区域插入位置(2.5.3+)App、H5、微信小程序
iPhoneXBottomHeightPxiphoneX 及 11 底部导航建议高度( px )0 或 25px
iPhoneXBottomHeightRpxiphoneX 及 11 底部导航建议高度( rpx )0 或者 50rpx

说明:
当您需要获取页面宽高、兼容 iphoneX 底部按钮时可以使用此函数来获取运行环境,便于后续功能代码的编写。

演示代码

var graceJS = require('@/Grace.JS/grace.js');
export default{
	onLoad : function(){
		var systemInfo = graceJS.system();
		console.log(systemInfo);
	}
}