uni-app学习笔记(4)：api

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第4天，点击查看活动详情。

1、设备相关

系统信息

uni.getSystemInfo({
				success: function(res) {
					console.log(res.model);
					console.log(res.pixelRatio);
					console.log(res.windowWidth);
					console.log(res.windowHeight);
					console.log(res.language);
					console.log(res.version);
					console.log(res.platform);
				}
			});

网络状态

uni.getNetworkType({
    success: function (res) {
        console.log(res.networkType);
    }
});

网络变化

uni.onNetworkStatusChange(function (res) {
    console.log(res.isConnected);
    console.log(res.networkType);
});

2、加速度计

加速度计

uni.onAccelerometerChange(function (res) {
    console.log(res.x);
    console.log(res.y);
    console.log(res.z);
});

3、拨打电话

拨打电话

uni.makePhoneCall({
    phoneNumber: '114' //仅为示例
});

由于是小程序运行的，所以仅为模拟

4、扫码

扫码

// 只允许通过相机扫码
uni.scanCode({
	onlyFromCamera: true,
	success: function (res) {
		console.log('条码类型：' + res.scanType);
		console.log('条码内容：' + res.result);
	}
});

5、剪切板

剪切板

<template>
	<view>
		<input type="text" v-model="text" value=""/>
		<button type="primary" @click="click">剪切</button>
		<input type="text" v-model="text2" value=""/>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				text:'',
				text2:''
			}
		},
		methods: {
			click(){
				//设置系统剪贴板的内容
				uni.setClipboardData({
				    data: this.text,
				    success: function () {
				        console.log('success');
				    }
				});
				//获取系统剪贴板内容
				uni.getClipboardData({
				    success: (res)=> {
				        this.text2 = res.data
				    }
				});
			}
		}
	}
</script>

<style>
</style>

6、屏幕亮度

屏幕亮度

获取屏幕亮度测试一下

uni.getScreenBrightness({
    success: function (res) {
        console.log('屏幕亮度值：' + res.value);
    }
});

查看 log

7、震动

震动

uni.vibrateLong({
	success: function() {
		console.log('success');
	}
});