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

文章目录

• ​​1、设备相关​​
• ​​2、加速度计​​
• ​​3、拨打电话​​
• ​​4、扫码​​
• ​​5、剪切板​​
• ​​6、屏幕亮度​​
• ​​7、震动​​

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');
  }
});