uniapp 常用API
1、使用 uni.upx2px(Number) 转换为 px,解决动态赋值不生效问题
例如：<!-- - 动态绑定不生效 -->
<view :style="{width: winWidth + 'upx;' }" >内容</view>
2、数据请求使用 uni.request({
url: baseUrl + opts.url,
data: opts.data,
method: opts.method,
header: header,
success: res=>{},
fail: err=> {}
3、uni.showToast({
title: '当前无网络，请检查您的网络连接',
icon: 'none',
duration: 2000,
})
4、uni.login({ //调用官方接口，获取登录code
provider: 'weixin',
success: (res) => {
console.log(res)
},
});
5、uni.getSystemInfoSync(); 获取系统信息
6、uni.getAccountInfoSync() 获取当前账号信息
7、uni.showModal({
title,
content,
showCancel:false,
success: function (res) {
if (res.confirm) {
resolve('用户点击确定');
} else if (res.cancel) {
reject('用户点击取消');
}
}
});
8、打电话
// ios系统默认有个模态框
if (info.isIos) {
uni.makePhoneCall({
phoneNumber: phone,
success() {console.log('拨打成功了');},
fail() {console.log('拨打失败了');}
})
} else {
// 安卓手机手动设置一个showActionSheet
uni.showActionSheet({
itemList: [phone, '呼叫'],
success: function(res) {
if (res.tapIndex == 1) {
uni.makePhoneCall({phoneNumber: phone,})
}
}
})
}
9、uni.navigateTo、uni.reLaunch({ url })、uni.navigateBack()、uni.switchTab({ url })
10、uni.showLoading()/uni.hideLoading()
11、 uni.getLocation() // 获取精准定位
12、uni.uploadFile() // 上传文件
13、uni.getUserProfile() //调用微信接口获取用户信息
14、uni.requestPayment( // 调起支付
{
timeStamp,
nonceStr,
package:res.package,
paySign,
signType,
success:res=>{}
})
15、uni.setNavigationBarTitle({ // 动态设置当前页面的标题
title: option.title || '月野兔运动' // 页面标题
});
uni.setNavigationBarColor({ // 设置顶部导航颜色
frontColor: '#181928', // 字体颜色 仅支持 #ffffff 和 #000000
backgroundColor: '#ffffff', // 背景颜色值，有效值为井号六字符格式
});
16、 uni.scanCode() // 允许从相机和相册扫码
17、uni.chooseImage() // 选择图片
18、uni.pageScrollTo({ // 返回顶部
scrollTop: 0,
duration: 100,
});
19、uni.getImageInfo() // 获取图片信息
20、uni.previewImage() // 预览图片信息
21、uni.onNetworkStatusChange((res) => {
if (res.networkType=='none') {
uni.showToast({
title: '当前无网络，请检查您的网络连接',
icon: 'none',
duration: 2000,
})
}
})
22、uni.offNetworkStatusChange()
23、uni.showShareMenu({ // 微信小程序分享功能
//小程序的原生菜单中显示分享按钮，才能够让发送给朋友与分享到朋友圈两个按钮可以点击
menus: ['shareAppMessage', 'shareTimeline'], //不设置默认发送给朋友
});
24、获取元素dom信息
const query = uni.createSelectorQuery().in(this);
query.select('#content-scroll').boundingClientRect(data => {
// data.width、left、right、height等信息
}).exec();
25、uni.chooseVideo() // 视频
