这里会列出诸多用uniapp开发时遇到的问题或者一些实用的功能
同时该文章也会持续更新,如碰到类似没看懂文章的可以评论或者私信帮你解决
扫码功能
调用 uni.scanCode api 即可,接收的参数是一个对象
使用方法:
uni.scanCode({
success: (res) => {
// 成功时调用,处理数据
})
})
详细参数和功能使用 scanCode 关键词去搜索就可以了
调用摄像头和相册
调用 uni.chooseImage api 即可,接收的参数是一个对象
使用方法:
//手机真机操作测试才能调用摄像头,相册图片,网页上只能选择图片
getImage() {
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], //从相册选择、摄像头
success: function(res) {
_this.imgShow = res.tempFilePaths[0]
}
});
// ass()
},
详细参数和功能使用 chooseImage 关键词去搜索就可以了
横屏展示
使用 plus.screen.lockOrientation('landscape-primary'); //锁定同时在pages.json添加配置
"globalStyle": { "pageOrientation": "auto" }
根据需求在不同的地方展示
例如想一打开APP就想展示全屏的话,就在app.vue 里面执行该代码,剩下的根据需要去定
如果是想单独某个页面进行横屏的话,在pages.json 文件里面,需要横屏的页面 style 下 添加"pageOrientation":"landscape" 即可
几种方式的值分别为
//竖屏正方向
"portrait-primary",
//竖屏反方向
"portrait-secondary",
//横屏正方向
"landscape-primary",
//横屏反方向
"landscape-secondary",
//自然方向
"default"
使用方法:方法中调用 plus.screen.lockOrientation('landscape-primary'); 即可