149 lines
4.9 KiB
Vue
149 lines
4.9 KiB
Vue
|
<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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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"/>
|
||
|
|
</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>
|