27
2021
04

wap2app -- 添加原生底部导航,添加原生标题栏,填坑

一、添加原生标题栏添加原生标题栏可以参照 《wap2app--原生标题头无法隐藏》,具体如下:1.打开 sitemap.json文件 --> page配置下的"webviewId"为“common”的整个内容配置删除或注释,这时候会页面的原生标题就会出现,是带原生标题、网页标题的双标题页面。效果:2.原生标题默认灰色背景,黑色字体,需要根据业务需求进行修改标题样式:sitemap.json文件 --> global-->webviewParamet
27
2021
04

wap2app -- 使用mui.previewImage之后,页面a链接不能跳转

使用Hbuilder的长按保存图片的预览图片之后,页面所有的a链接都不能跳转。解决办法:可以使用下面绑定tap利用js跳转,亲测有效。mui('body').on( 'tap' , 'a' , function(){     document.location.href=this.href; } )
27
2021
04

wap2app -- iphoneX 底部导航的兼容问题

iphoneX 没有home键,用其打开应用时,iphoneX的底部和应用底部导航重叠,不兼容。解决办法:打开manifest.json文件,在“plus”下加入以下代码(安全区域):"safearea":{    "background":"#fff",    "bottom":{    &quo
27
2021
04

wap2app -- wap2app的原生标题头无法隐藏

大概有一个星期没有用HBuilder打包,今天更新了HBuilder版本再继续打包,就出现了一系列问题。其中有一个就是打包之后,除首页外,其他页面多出了原生标题,如下图:查阅资料,打开 sitemap.json 文件 将global下的 titleNView设置为 “false”,pages下的titleNView设置为false(一般pages下的titleNView默认为false),  修改之后的结果,只是将设置的标题颜色背景去掉,变成了纯原生的标题:最后在官
27
2021
04

wap2app -- 设置APP系统状态栏

准备工具:HBuilder一、全屏设置,不显示系统状态栏这里所说的系统状态栏就是包括了:信号、运营商、电量等信息手机屏幕最顶部信息。全屏并非状态栏透明或变色,而是没有状态栏,也就是看不见电量、信号那条了,部分项目需要这样的场景。全屏设置方法:  新建一个wap2app项目并完成各项配置后,打开 manifest.json --> 基础配置 ,找到如下图选择框勾选此选项,真机运行后在手机上显示如下图:标题之上没有显示状态栏。二、显示系统状态栏,并自定义系统状态栏的背景色和字体颜色 
27
2021
04

wap2app -- 长按保存图片

用Hbuilder打包网站,在打包好的app中是无法像网站那样直接使用长按图片保存的功能的,需要在网站里对来自wap2app进行单独处理,接下来介绍一下如何在Hbuilder打包后的app里实现长按图片的功能。1.在需要实现长按图片保存的页面引入相关css文件:<link rel="stylesheet" type="text/css" href="css/mui.min.css" />