随笔分类 -  HBuilder

wap2app 打包
组件创建、组件注册方式
摘要:一、创建组件 1.在存放组件的目录下新建组件页面文件li-activity.vue文件, li-activity.vue 文件的组件相关配置: name为组件名称;props为相关动态控制的参数,在使用该组件时传递过来;methods为组件内绑定的相关事件 二、组件注册 2.1、全局组件注册 在ma 阅读全文

posted @ 2018-12-25 15:27 wangxiaoling315 阅读(2109) 评论(1) 推荐(1) 编辑

wap2app(十)--wap2app 添加原生底部导航,添加原生标题栏,填坑
摘要:一、添加原生标题栏 添加原生标题栏可以参照 《wap2app(六)-- wap2app的原生标题头无法隐藏》,具体如下: 1.打开 sitemap.json文件 --> page配置下的"webviewId"为“common”的整个内容配置删除或注释,这时候会页面的原生标题就会出现,是带原生标题、网 阅读全文

posted @ 2018-12-06 18:43 wangxiaoling315 阅读(5452) 评论(1) 推荐(0) 编辑

wap2app(九)-- 使用mui.previewImage之后,页面a链接不能跳转
摘要:使用Hbuilder的长按保存图片的预览图片之后,页面所有的a链接都不能跳转。 解决办法: 可以使用下面绑定tap利用js跳转,亲测有效。 转载时请注明出处及相应链接,本文永久地址:https://www.cnblogs.com/wangxiaoling/p/10003113.html,文章标题备注 阅读全文

posted @ 2018-11-22 18:36 wangxiaoling315 阅读(1267) 评论(0) 推荐(0) 编辑

wap2app(八)-- iphoneX 底部导航的兼容问题
摘要:iphoneX 没有home键,用其打开应用时,iphoneX的底部和应用底部导航重叠,不兼容。 解决办法: 打开manifest.json文件,在“plus”下加入以下代码(安全区域): 保存后打包再次安装即可解决。 转载时请注明出处及相应链接,本文永久地址:https://www.cnblogs 阅读全文

posted @ 2018-11-19 14:36 wangxiaoling315 阅读(1078) 评论(0) 推荐(0) 编辑

wap2app(七)-- 长按保存图片
摘要:用Hbuilder打包网站,在打包好的app中是无法像网站那样直接使用长按图片保存的功能的,需要在网站里对来自wap2app进行单独处理,接下来介绍一下如何在Hbuilder打包后的app里实现长按图片的功能。 1.在需要实现长按图片保存的页面引入相关css文件: 2.页面引入相关js文件: 3.将 阅读全文

posted @ 2018-11-15 15:58 wangxiaoling315 阅读(4193) 评论(1) 推荐(1) 编辑

wap2app(五)-- 微信授权登录以及踩过的坑
摘要:应用场景是:用Hbuilder打包app,在app中点击微信授权登录或者某一操作,调起微信授权登录,用户授权后拿到用户信息。 一、登录插件配置 先配置微信登录参数 appid和appsecret,在manifest.json 文件中选择SDK配置,登录鉴权 勾选微信登录,填入在开放平台申请的app参 阅读全文

posted @ 2018-11-14 16:57 wangxiaoling315 阅读(6397) 评论(1) 推荐(2) 编辑

wap2app(六)-- wap2app的原生标题头无法隐藏
摘要:大概有一个星期没有用HBuilder打包,今天更新了HBuilder版本再继续打包,就出现了一系列问题。其中有一个就是打包之后,除首页外,其他页面多出了原生标题,如下图: 查阅资料,打开 sitemap.json 文件 将global下的 titleNView设置为 “false”,pages下的t 阅读全文

posted @ 2018-11-12 09:23 wangxiaoling315 阅读(3260) 评论(0) 推荐(0) 编辑

wap2app(三)-- 添加引导页
摘要:1.在client_index.html文件中添加如下代码: 2.创建image文件夹,添加引导图的图;创建css文件夹,引入mui.min.css、mui.css;创建js文件夹,引入mui.js文件、mui.min.js文件等。 3.添加引导页面 guide.html,代码如下: 注意:要将gu 阅读全文

posted @ 2018-10-31 10:49 wangxiaoling315 阅读(2474) 评论(0) 推荐(0) 编辑

wap2app(二)-- 设置APP系统状态栏
摘要:准备 工具:HBuilder 一、全屏设置,不显示系统状态栏 这里所说的系统状态栏就是包括了:信号、运营商、电量等信息手机屏幕最顶部信息。 全屏并非状态栏透明或变色,而是没有状态栏,也就是看不见电量、信号那条了,部分项目需要这样的场景。 全屏设置方法: 新建一个wap2app项目并完成各项配置后,打 阅读全文

posted @ 2018-10-24 19:21 wangxiaoling315 阅读(5076) 评论(1) 推荐(0) 编辑

wap2app(一)-- 网站快速打包成app
摘要:工具:HBuilder,下载地址:http://www.dcloud.io/ 下载并安装HBuilder后,打开编辑器,选择:文件 -> 新建 -> 项目,出现如下图: 选择wap2app,填入项目名称,wap站首页地址,选择项目文件路径,创建。 项目创建成功,软件左侧会出现你刚创建的项目。 打开项 阅读全文

posted @ 2018-10-22 18:54 wangxiaoling315 阅读(11224) 评论(1) 推荐(0) 编辑