vue 打包app 电池上方怎么跟着主题一样变色

本人是用 vue+vant 的框架进行完成的

未设置前是这个样子，灰色或白色的状态栏，相信大家都遇到过

这里注意：

打包成apk的需要用到HBuilder X这个编辑器，如果vue打包好后是用安卓打包的需要找安卓的设置方法这个文章只适合于HBuilder X打包后的

开始正文:
HBuilder X创建文件后文件里面会有个 manifest.json这个文件是用来一些基本配置的打开源码视图

找到以下plus配置

添加以下代码添加好后重新打包就行了

"statusbar" : {"immersed" : true},

不过这里还会遇到问题

原本设置好的标题栏会发现往上移动了这个时候需要自己用css来调了

更改app状态栏

 plus.navigator.setStatusBarBackground('#ffffff');   //设置状态栏颜色plus.navigator.setStatusBarStyle('dark');//设置状态字体颜色

vue 打包app 电池上方怎么跟着主题一样变色相关推荐

vue打包app网络错误和空白页问题
vue打包app网络错误和空白页问题 https://my.oschina.net/gmarshal/blog/2051301
HbuildX 用vue打包app调用微信支付
我有一个项目是用vue写的,现在要打包成app用的是hbuilderX,目前想到的唯一方法就是用5+app里的调用支付代码,然后去看5+app文档,微信官方支付文档 // 获取请求参数this.axi ...
vue、react打包app
Vue打包app 本地打包测试 1.http-server是一个基于node.js的简单的,零配置的命令行http服务器. 安装:npm install http-server -g 使用:http- ...
使用HBuilderX将vue或H5项目打包app
好久没有搞过将vue项目打包成app了,这两天刚好项目需要将vue开发的H5项目打包成APP,那就简单记录一次呗(之前也写过一篇打包app,是将项目使用hbuilder打开,转为webapp什么的,就 ...
vue打包的app如何设置自动清理软件缓存_使用Webpack启动你的Vue.js应用
Webpack是开发Vue.js单页面应用(SPA)最基本的工具.通过管理负责的构建步骤能够使开发工作流非常的简单,同时也能够优化应用的大小提升应用的性能. 在这篇文章我将为大家展示Webpack是如 ...
vue.js 项目打包APP应用包
vue.js 项目打包APP应用在hbuilderx编辑器使用的,vue.js 项目打包APP应用创建一个vue.js项目,写好移动端 vue.js 框架,APP项目完成. 1.在config配置 ...
将vue打包为APP重要步骤和流程
一.大致流程 1.项目整体使用Vue+HbuilderX(或者Hbuilder)开发 2.使用Vue来实现基本页面跳转,增删改查等app基本功能, 3.当需要使用到app原生功能则使用 mui.js ...
VUE CLI 4.x 打包成APP后白屏解决办法打包APP教程
一般用VUE打包项目后,再把项目打包成APK安装包,在手机上打开应用我们会发现打开是一片白,这是什么原因呢? 路由模式为history模式. 资源的路径不对.默认情况下,Vue CLI 会假设你的应用 ...
vue开发app项目，涉及原生接口调用，用hbuilder打包
使用vue开发app项目,怎么使用手机的原生功能,以获取手机的相册,调用摄像头为例. 这里使用的是hbuilder打包. 第一步: 定义一个vue组件,代码如下: <template>&l ...

vue 打包app 电池上方怎么跟着主题一样变色

本人是用 vue+vant 的框架进行完成的

未设置前是这个样子，灰色或白色的状态栏，相信大家都遇到过

这里注意：

vue 打包app 电池上方怎么跟着主题一样变色相关推荐

最新文章

热门文章