1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue开发移动端 mui框架的各种使用方法

vue开发移动端 mui框架的各种使用方法

时间:2024-06-01 05:17:54

相关推荐

vue开发移动端 mui框架的各种使用方法

前面提到使用vue开发APP,自己不太熟悉,后来了解到有这个mui框架,然后改变状态栏颜色和监听返回键也是使用的这个框架,后来又遇到了一些问题,但是官网没有写操作方法(也许是没找到),后来在网上找到了解决办法,现在稍微总结一下,个人认为这个框架很强大

老规矩先上 mui框架官网

初始化mui框架

mui.init();

当DOM准备就绪时,指定一个函数来执行,进入页面执行的函数基本写在这个里面,例如改变状态栏字的颜色等等

mui.plusReady(function() {//函数体})

获取Android权限

plus.android.requestPermissions(["权限名"],function(resultObj){console.log(resultObj)})例如获取相机权限plus.android.requestPermissions(["android.permission.CAMERA"],function(resultObj){console.log(resultObj)})

具体有哪些权限可以在打包时看Android权限配置,这里打钩不一定有效,例如我上面使用的相机权限,但是可以看到权限名称

关闭软件盘

document.activeElement.blur();

更改状态栏字的颜色

plus.navigator.setStatusBarStyle("dark");//dark深色;light浅色

.11.10更新

老总之前让开发的APP,现在搞了一个广告屏,想用一个APP开启自启,然后开发的这些应用在APP里面直接点击按钮唤醒

唤醒其他APP

plus.runtime.openURL(UrlSchemes, errorCB,identity);第一个参数是要唤醒的应用的url,必选第二个参数是打开URL地址失败的回调,可选第三个参数是指定打开URL地址的程序名称,可选

需要唤醒的APP打包时填写这个,我这里填的是 collect(采集),如果不填这个默认是应用的appid小写

代码写的时候

使用npm run build打包后再使用HbuilderX打包5+APP应用安装可以使用,使用浏览器没反应

另外还有个不使用mui框架的方法就是直接使用a标签链接也可

.1.19更新

上面那个APP,要完全不让别人退出,需要隐藏下面的虚拟导航栏,例如返回键和桌面键

隐藏手机下方虚拟按键

plus.navigator.hideSystemNavigation();

后续遇到其它问题再补充

也可以看我之前写的一些解决5+APP的博客

HbuilderX打包的vue项目,状态栏问题

解决使用HbuilderX打包vue项目后,按物理返回键直接退出程序的问题

HbuilderX打包vue移动端项目自有证书生成

❀❀❀❀❀❀完结散花❀❀❀❀❀❀

Written ❤️ sywdebug.

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。