You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
148 lines
5.0 KiB
148 lines
5.0 KiB
<template> |
|
<view> |
|
<page-head :title="title"></page-head> |
|
<view class="uni-common-mt"> |
|
<view class="uni-list"> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">设备型号</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.model"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">客户端平台</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.platform"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">操作系统版本</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.system"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">语言</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.language"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">版本</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.version"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">屏幕宽度</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.screenWidth"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">屏幕高度</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.screenHeight"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">可使用窗口高度</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowHeight"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">可使用窗口的顶部位置</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowTop"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">可使用窗口的底部位置</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.windowBottom"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">状态栏的高度</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.statusBarHeight"></input> |
|
</view> |
|
</view> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">DPI</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.pixelRatio"></input> |
|
</view> |
|
</view> |
|
<!-- #ifdef MP --> |
|
<view class="uni-list-cell"> |
|
<view class="uni-pd"> |
|
<view class="uni-label" style="width:180px;">基础库版本</view> |
|
</view> |
|
<view class="uni-list-cell-db"> |
|
<input class="uni-input" type="text" :disabled="true" placeholder="未获取" :value="systemInfo.SDKVersion"></input> |
|
</view> |
|
</view> |
|
<!-- #endif --> |
|
</view> |
|
<view class="uni-padding-wrap"> |
|
<view class="uni-btn-v"> |
|
<button type="primary" @tap="getSystemInfo">获取设备系统信息</button> |
|
</view> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
title: 'getSystemInfo', |
|
systemInfo: {} |
|
} |
|
}, |
|
onUnload:function(){ |
|
this.systemInfo = {}; |
|
}, |
|
methods: { |
|
getSystemInfo: function () { |
|
uni.getSystemInfo({ |
|
success: (res) => { |
|
this.systemInfo = res |
|
} |
|
}) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
.uni-pd { |
|
padding-left: 30rpx; |
|
} |
|
</style>
|
|
|