HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

【腾讯云】十周年感恩回馈,1核2G云服务器首年95元,4核云服务器额外赠送150GB高性能云数据盘能云数据盘,十年筑梦,伴你同行!

【腾讯云】十周年感恩回馈,1核2G云服务器首年95元,4核云服务器额外赠送150GB高性能云数据盘能云数据盘,十年筑梦,伴你同行!
1核2G1M50G盘,95元/1年,
1核2G1M50G盘,288元/3年,
2核4G3M50G盘,1288元/3年,
活动地址:https://curl.qcloud.com/4H1wdRQS

【阿里云】云服务器,新用户福利专场,云服务器ECS低至102元/年(免费赠送对象存储和数据库),还有400元无门槛券领取!!!
https://www.aliyun.com/activity?userCode=wbqjs7bw

继续阅读 »

【腾讯云】十周年感恩回馈,1核2G云服务器首年95元,4核云服务器额外赠送150GB高性能云数据盘能云数据盘,十年筑梦,伴你同行!
1核2G1M50G盘,95元/1年,
1核2G1M50G盘,288元/3年,
2核4G3M50G盘,1288元/3年,
活动地址:https://curl.qcloud.com/4H1wdRQS

【阿里云】云服务器,新用户福利专场,云服务器ECS低至102元/年(免费赠送对象存储和数据库),还有400元无门槛券领取!!!
https://www.aliyun.com/activity?userCode=wbqjs7bw

收起阅读 »

AppStore 审核被拒原因记录及解决措施

iOS Appstore

记录本人在AppStore提交审核上架被拒驳回的过程...

因该社区markdown排版不兼容问题,文章会跳转至 有道云 在线分享链接中 阅读原文

原文截图:

继续阅读 »

记录本人在AppStore提交审核上架被拒驳回的过程...

因该社区markdown排版不兼容问题,文章会跳转至 有道云 在线分享链接中 阅读原文

原文截图:

收起阅读 »

AppStore 审核被拒原因记录及解决措施

Appstore 苹果审核

记录本人AppStore审核被拒经历过程...

记录本人AppStore审核被拒经历过程...

历时六个月月完全由UNI做推流APP的经历分享

分享

2020年4月1日与甲方签署一个技术委托开发,简单说甲方由思域流量的小程序商城。我们配套开发一款直播管理系统。配合商品销售。

直播端最早定位Android的APP,因为主播是私域流量可控制。最早技术选项是用Android原生开发。后端是由JAVA开发。整体开发人员只有5人。

  • 后端JAVA一人,(SPRITE CLOUD)
  • 前端(管理端平台)一人(VUE.ANT )
  • Android一人(原生)
  • 小程序一人
  • 产品/测试一人

配套业务选型,当时微信小程序直播刚刚推出,技术尝试的时候也发现了很多坑。就没有选择小程序直播这个可能性。现在已经9月底了,应该已经成熟了很多(但是写拉流端的时候还是好多大坑套小坑),当时业务选项推拉流选择了七牛,聊天服务用socket 支持web和小程序,用java的netty支持的android(这个坑后来发酵了,才开始考虑用uni来写推流端)。

系统在7月中旬开始交付测试。开始出现问题,主要就是直播的聊天室服务。android的netty控制上出现了短板。(既然讲UNI就一嘴带过),不能支撑大业务量。当时预设场景是1000主播。当100主播在线,就开始出现问题,服务器是10M带宽,8G内存,SPRINT CLOUD 架构的。

8月份开始选择了腾讯云的IM服务,重写Android端。当然为了快速交付,采用了交替开发
一人负责推流端全部使用UNI开发
Android工程师负责把七牛直播插件写成arr
JAVA工程师负责接入IM服务
这样3个人1个月时间开始干起。

以上都是前言。整个开发过程的踩坑才刚刚开始。听我慢慢道来吧

第一个大坑:翻转摄像头

推流用uni开发有二种方式

使用组件 https://uniapp.dcloud.io/component/live-pusher

plus https://ask.dcloud.net.cn/article/13416

这二个组件都在开发环境中使用了,后来选择使用组件。原因很简单:plus 翻转摄像头这个功能。在切换应用在回到直播间后就翻转就会有问题,不是镜像了就是翻转不了。根本就无法控制。这个坑不相信的只写一个demo自己尝试一下就知道了,

第二个大坑:无解坑之镜像

在第一个大坑基础上。只能选择使用组件。可是组件默认是就是镜像的。推流端和拉流端前置摄像头镜像,后置摄像头是正常。尝试了无数方式,无解。有能解决的大神。一定给回个帖子。

怎么办,怎么办。

只能出大招了,按以下招数操作。

拉流端。使用了live-player 加入 style=”transform:rotateY(180deg)" 前置摄像头镜像解决。在推流端切换摄像头时候,让拉流端镜像回来。

这又会出现一坑“延时”,使用IM工具也好socket工具,发送翻转镜头指令和翻转的你在努力调都不会同步。肿么办!这个真无解。开始考虑把翻转和镜像做成2个功能按键。让主播自己选择呗。可是!!!! live-pusher不能镜像。肿么办!肿么办!

总之:如果用live-pluser还不是一个成熟的推流工具。还是要集成SDK啊。还是要依靠android原生arr。

甲方如果不在意这几秒的情况,还是有机会继续开发。

第三个坑:背景音乐的混入

直接贴个代码吧,背景音只能用手机的背景音乐播放器。不能喝推流端一起混音。这就是说:如果主播插个耳机播放背景音只能主播自己嗨起来了

this.bgAudioMannager = uni.getBackgroundAudioManager();  
this.bgAudioMannager.play()

详见 https://uniapp.dcloud.io/api/media/background-audio-manager?id=getbackgroundaudiomanager

第四个坑:切换应用后页面崩塌

这个问题发生的可能性,很多种原因。建议设立全局函数,直播未结束,切换回来。根据状态自动恢复直播。

第五个坑:分享小程序

首先没有上架的APP,一天只能分享100次。这是硬伤。你要上架。上架面临这你要申请著作权。然后还不一定能上架成功。我记得我们就有一个回复,app功能太少不予上架的回复。当然分享这个功能还是有坑的。例如OPPO微信分身,可能不能使用分享功能。但也可能重新安装后就可以使用这个功能。不知道为什么!!!期望官方看看。几率有30%左右。这个几率也不知道是为什么会存在有一些没有微信分身的也掉不起来这个接口。

后来开始测试分享小程序这个功能到底什么问题出现的,发现还是分享小程序图片大小的问题,但是很奇怪。图片在100-200kb的时候可能就会出现问题,但是300-500之间反而不会出现。最后用 puls.zip 压缩一遍。都ok了。大家可以试试。具体原因还在分析。反正走了遍 plus.zip后可以了。

这里问问 谁有封装好七牛arr。再找

继续阅读 »

2020年4月1日与甲方签署一个技术委托开发,简单说甲方由思域流量的小程序商城。我们配套开发一款直播管理系统。配合商品销售。

直播端最早定位Android的APP,因为主播是私域流量可控制。最早技术选项是用Android原生开发。后端是由JAVA开发。整体开发人员只有5人。

  • 后端JAVA一人,(SPRITE CLOUD)
  • 前端(管理端平台)一人(VUE.ANT )
  • Android一人(原生)
  • 小程序一人
  • 产品/测试一人

配套业务选型,当时微信小程序直播刚刚推出,技术尝试的时候也发现了很多坑。就没有选择小程序直播这个可能性。现在已经9月底了,应该已经成熟了很多(但是写拉流端的时候还是好多大坑套小坑),当时业务选项推拉流选择了七牛,聊天服务用socket 支持web和小程序,用java的netty支持的android(这个坑后来发酵了,才开始考虑用uni来写推流端)。

系统在7月中旬开始交付测试。开始出现问题,主要就是直播的聊天室服务。android的netty控制上出现了短板。(既然讲UNI就一嘴带过),不能支撑大业务量。当时预设场景是1000主播。当100主播在线,就开始出现问题,服务器是10M带宽,8G内存,SPRINT CLOUD 架构的。

8月份开始选择了腾讯云的IM服务,重写Android端。当然为了快速交付,采用了交替开发
一人负责推流端全部使用UNI开发
Android工程师负责把七牛直播插件写成arr
JAVA工程师负责接入IM服务
这样3个人1个月时间开始干起。

以上都是前言。整个开发过程的踩坑才刚刚开始。听我慢慢道来吧

第一个大坑:翻转摄像头

推流用uni开发有二种方式

使用组件 https://uniapp.dcloud.io/component/live-pusher

plus https://ask.dcloud.net.cn/article/13416

这二个组件都在开发环境中使用了,后来选择使用组件。原因很简单:plus 翻转摄像头这个功能。在切换应用在回到直播间后就翻转就会有问题,不是镜像了就是翻转不了。根本就无法控制。这个坑不相信的只写一个demo自己尝试一下就知道了,

第二个大坑:无解坑之镜像

在第一个大坑基础上。只能选择使用组件。可是组件默认是就是镜像的。推流端和拉流端前置摄像头镜像,后置摄像头是正常。尝试了无数方式,无解。有能解决的大神。一定给回个帖子。

怎么办,怎么办。

只能出大招了,按以下招数操作。

拉流端。使用了live-player 加入 style=”transform:rotateY(180deg)" 前置摄像头镜像解决。在推流端切换摄像头时候,让拉流端镜像回来。

这又会出现一坑“延时”,使用IM工具也好socket工具,发送翻转镜头指令和翻转的你在努力调都不会同步。肿么办!这个真无解。开始考虑把翻转和镜像做成2个功能按键。让主播自己选择呗。可是!!!! live-pusher不能镜像。肿么办!肿么办!

总之:如果用live-pluser还不是一个成熟的推流工具。还是要集成SDK啊。还是要依靠android原生arr。

甲方如果不在意这几秒的情况,还是有机会继续开发。

第三个坑:背景音乐的混入

直接贴个代码吧,背景音只能用手机的背景音乐播放器。不能喝推流端一起混音。这就是说:如果主播插个耳机播放背景音只能主播自己嗨起来了

this.bgAudioMannager = uni.getBackgroundAudioManager();  
this.bgAudioMannager.play()

详见 https://uniapp.dcloud.io/api/media/background-audio-manager?id=getbackgroundaudiomanager

第四个坑:切换应用后页面崩塌

这个问题发生的可能性,很多种原因。建议设立全局函数,直播未结束,切换回来。根据状态自动恢复直播。

第五个坑:分享小程序

首先没有上架的APP,一天只能分享100次。这是硬伤。你要上架。上架面临这你要申请著作权。然后还不一定能上架成功。我记得我们就有一个回复,app功能太少不予上架的回复。当然分享这个功能还是有坑的。例如OPPO微信分身,可能不能使用分享功能。但也可能重新安装后就可以使用这个功能。不知道为什么!!!期望官方看看。几率有30%左右。这个几率也不知道是为什么会存在有一些没有微信分身的也掉不起来这个接口。

后来开始测试分享小程序这个功能到底什么问题出现的,发现还是分享小程序图片大小的问题,但是很奇怪。图片在100-200kb的时候可能就会出现问题,但是300-500之间反而不会出现。最后用 puls.zip 压缩一遍。都ok了。大家可以试试。具体原因还在分析。反正走了遍 plus.zip后可以了。

这里问问 谁有封装好七牛arr。再找

收起阅读 »

HBuilderX自定义主题

Theme 主题 HBuilderX

一款适合自己的代码主题配色非常有必要,有助于保护眼睛、愉悦心情。

HBuilderX,国内最强编辑器,如何选择主题、自定义主题?
为了方便大家选择主题、自定义主题,小编开发了主题插件【HBuilderX自定义主题辅助工具

插件安装地址: HBuilderX自定义主题辅助工具

1. 在线浏览安装主题

HBuilderX主题乐园,内置多套主题模板,持续更新。

HBuilderX主题乐园地址: https://static-0c1fa337-7340-4755-9bec-f766d7d31833.bspapp.com/

image

2. HBuilderX自定义主题辅助工具

hbuilderx-theme-support插件, 是基于HBuilderX API开发的可视化主题定制插件。

2.1 插件启动

2.2 安装主题

此插件内置了【vscode Light+】主题,点击菜单【工具 - 自定义主题辅助工具】,就可以安装【vscode Light+】主题。

2.3 插件使用

点击菜单【工具 - 自定义主题辅助工具 - 打开主题自定义工具】,即可自行设计主题。

特别注意

自定义主题,需要读写HBuilderX配置文件,请勿在预览过程中,强制关闭编辑器。否则,有可能造成配置文件损坏(配置文件损坏可能会导致HBuilderX编辑器无法启动)。

继续阅读 »

一款适合自己的代码主题配色非常有必要,有助于保护眼睛、愉悦心情。

HBuilderX,国内最强编辑器,如何选择主题、自定义主题?
为了方便大家选择主题、自定义主题,小编开发了主题插件【HBuilderX自定义主题辅助工具

插件安装地址: HBuilderX自定义主题辅助工具

1. 在线浏览安装主题

HBuilderX主题乐园,内置多套主题模板,持续更新。

HBuilderX主题乐园地址: https://static-0c1fa337-7340-4755-9bec-f766d7d31833.bspapp.com/

image

2. HBuilderX自定义主题辅助工具

hbuilderx-theme-support插件, 是基于HBuilderX API开发的可视化主题定制插件。

2.1 插件启动

2.2 安装主题

此插件内置了【vscode Light+】主题,点击菜单【工具 - 自定义主题辅助工具】,就可以安装【vscode Light+】主题。

2.3 插件使用

点击菜单【工具 - 自定义主题辅助工具 - 打开主题自定义工具】,即可自行设计主题。

特别注意

自定义主题,需要读写HBuilderX配置文件,请勿在预览过程中,强制关闭编辑器。否则,有可能造成配置文件损坏(配置文件损坏可能会导致HBuilderX编辑器无法启动)。

收起阅读 »

e签宝电子协议签署流程

e签宝电子协议 电子协议签署流程 插件电子协议

注意:

  • 购买uniCloud插件源码授权版,金额大于普通授权版时并且价格大于100元时需要签署电子协议。
  • 电子协议由e签宝提供,用户购买时会先进行e签宝实名认证,认证完成后继续购买会生成订单并创建三方电子协议,用户、插件作者签署完成后,平台会自动签署。
  • 电子协议签署完成后,购买者会收到短信、邮件通知,用户则可以继续支付金额进行后续操作。
  • 订单生成后,有效期为15天,请在有效期内完成

协议签署流程

用户收到电子协议通知(短信、邮件)后,点击签署链接。如果用户未进行实名认证,则先进行e签宝实名认证。点击查看e签宝实名认证流程

1、扫码签署电子协议


2、在协议对应位置进行签署

3、意愿认证

4、完成协议签署

5、至此用户单方电子协议签署完成,请等待插件作者进行电子协议签署,插件作者协议签署完成后,用户会收到电子协议签署完成通知(短信、邮件)。
6、电子协议三方签署完成后,用户在插件页面进行付款购买插件等后续操作。

什么是e签宝

点击查看e签宝介绍

e签宝实名认证流程

点击查看e签宝实名认证流程

插件源码授权版购买流程

点击查看插件源码授权版购买流程

继续阅读 »

注意:

  • 购买uniCloud插件源码授权版,金额大于普通授权版时并且价格大于100元时需要签署电子协议。
  • 电子协议由e签宝提供,用户购买时会先进行e签宝实名认证,认证完成后继续购买会生成订单并创建三方电子协议,用户、插件作者签署完成后,平台会自动签署。
  • 电子协议签署完成后,购买者会收到短信、邮件通知,用户则可以继续支付金额进行后续操作。
  • 订单生成后,有效期为15天,请在有效期内完成

协议签署流程

用户收到电子协议通知(短信、邮件)后,点击签署链接。如果用户未进行实名认证,则先进行e签宝实名认证。点击查看e签宝实名认证流程

1、扫码签署电子协议


2、在协议对应位置进行签署

3、意愿认证

4、完成协议签署

5、至此用户单方电子协议签署完成,请等待插件作者进行电子协议签署,插件作者协议签署完成后,用户会收到电子协议签署完成通知(短信、邮件)。
6、电子协议三方签署完成后,用户在插件页面进行付款购买插件等后续操作。

什么是e签宝

点击查看e签宝介绍

e签宝实名认证流程

点击查看e签宝实名认证流程

插件源码授权版购买流程

点击查看插件源码授权版购买流程

收起阅读 »

e签宝实名认证流程

电子合同实名认证 e签宝实名认证

e签宝个人实名认证

注意

  • 企业实名认证之前会先进行企业授权人实名认证

1、开始实名认证

2、选择认证方式


3、个人实名认证完成

e签宝企业实名认证

1、选择企业认证方式(这里选择对公打款方案)

2、填写企业法人

3、填写企业银行账户

4、回填银行收到的金额


5、至此企业认证完成。后续可以继续签署e签宝电子合同

e签宝介绍

点击查看e签宝介绍

e签宝电子协议签署流程

点击查看e签宝电子协议签署流程

插件源码授权版购买流程

点击查看插件源码授权版购买流程

继续阅读 »

e签宝个人实名认证

注意

  • 企业实名认证之前会先进行企业授权人实名认证

1、开始实名认证

2、选择认证方式


3、个人实名认证完成

e签宝企业实名认证

1、选择企业认证方式(这里选择对公打款方案)

2、填写企业法人

3、填写企业银行账户

4、回填银行收到的金额


5、至此企业认证完成。后续可以继续签署e签宝电子合同

e签宝介绍

点击查看e签宝介绍

e签宝电子协议签署流程

点击查看e签宝电子协议签署流程

插件源码授权版购买流程

点击查看插件源码授权版购买流程

收起阅读 »

uniapp webview(vue) 交互

Webview 后台定位
  • 1.uniapp->webview(vue)
    vue 端
    window.vueJsGetLocation = (function(){console.log("vueJsGetLocation未绑定")})
    uniapp端
    let webview = plus.webview.open('/hybrid/html/index.html');
    webview.evalJS('window.vueJsGetLocation()')

    这时uniapp可以调用webview里的js,那怎么做到实时交互呢?
    1:uniapp把数据存进storage
    plus.storage.setItem('test','testvalse');
    2:每当uniapp存数据时就触发vue的js,js里面读取storage的值
    3:vue怎么做到读取storage?答:vue端引入plus5 html
    plus.storage.getItem("test")

  • 2.webview(vue)->uniapp
    uniaap端
    this.webview.overrideUrlLoading({mode:'reject'}, (e)=>{
    //根据参数的不同,做不同的操作!url中,把双引号用别的字符串替换.就OK了.再替换回来可以转json
    let params = e.url.split('?');
    //升级版本
    switch (params){
    case 'beginXunHu':
    console.log("拦截开始巡护")
    self.beginXunHu();
    break;
    case 'endXunHu':
    console.log("拦截结束巡护")
    self.endXunHu();
    break;
    default:
    break;
    }
    });
    vue端
    window.location.href = "http://www.baidu.com?button=beginXunHu"; //交给uniapp处理

  • 3.持续定位
    使用高德地图sdk,持续定位能达到6小时以上(亲测)

注:本人使用的原因1:uniapp的定位不准;2:客户需要后台持续运行;3:地图组件只支持js
功能基本完成,有更好的方案可以联系QQ:2570443636 ,互相学习

继续阅读 »
  • 1.uniapp->webview(vue)
    vue 端
    window.vueJsGetLocation = (function(){console.log("vueJsGetLocation未绑定")})
    uniapp端
    let webview = plus.webview.open('/hybrid/html/index.html');
    webview.evalJS('window.vueJsGetLocation()')

    这时uniapp可以调用webview里的js,那怎么做到实时交互呢?
    1:uniapp把数据存进storage
    plus.storage.setItem('test','testvalse');
    2:每当uniapp存数据时就触发vue的js,js里面读取storage的值
    3:vue怎么做到读取storage?答:vue端引入plus5 html
    plus.storage.getItem("test")

  • 2.webview(vue)->uniapp
    uniaap端
    this.webview.overrideUrlLoading({mode:'reject'}, (e)=>{
    //根据参数的不同,做不同的操作!url中,把双引号用别的字符串替换.就OK了.再替换回来可以转json
    let params = e.url.split('?');
    //升级版本
    switch (params){
    case 'beginXunHu':
    console.log("拦截开始巡护")
    self.beginXunHu();
    break;
    case 'endXunHu':
    console.log("拦截结束巡护")
    self.endXunHu();
    break;
    default:
    break;
    }
    });
    vue端
    window.location.href = "http://www.baidu.com?button=beginXunHu"; //交给uniapp处理

  • 3.持续定位
    使用高德地图sdk,持续定位能达到6小时以上(亲测)

注:本人使用的原因1:uniapp的定位不准;2:客户需要后台持续运行;3:地图组件只支持js
功能基本完成,有更好的方案可以联系QQ:2570443636 ,互相学习

收起阅读 »

发布源码授权版插件注意事项

发布源码授权版注意 插件发布源码授权版注意事项

本文详细介绍插件作者发布源码授权版时注意事项

插件作者发布源码授权版插件

在插件作者发布插件时 分类选择uniCloud或UTS插件,勾选开启源码授权版并且源码授权版价格大于普通授权价格并且大于100元,则用户在购买该插件源码授权版时需进行电子协议签署。

注意:

  • 插件作者在发布源码授权版插件时需要进行e签宝实名认证,如果是个人请确保开发者名称是真实身份证名称,如果是企业请确保公司名称和联系人真实。个人中心 - 账户信息
  • 插件作者请确保实名认证填写的手机号在运营商哪里的所属人和开发者姓名/联系人姓名一致,否则会在后续的e签宝实名认证时不通过。
  • 个人实名认证或企业实名认证只进行一次。e签宝实名认证完成后,后续再次购买签署协议时不在进行实名认证,只进行 意愿认证 -> 签署电子协议。

插件作者进行e签宝实名认证

什么是e签宝

点击查看e签宝介绍

e签宝实名认证流程

点击查看e签宝实名认证流程

e签宝电子协议签署流程

点击查看e签宝电子协议签署流程

插件源码授权版购买流程

点击查看插件源码授权版购买流程

继续阅读 »

本文详细介绍插件作者发布源码授权版时注意事项

插件作者发布源码授权版插件

在插件作者发布插件时 分类选择uniCloud或UTS插件,勾选开启源码授权版并且源码授权版价格大于普通授权价格并且大于100元,则用户在购买该插件源码授权版时需进行电子协议签署。

注意:

  • 插件作者在发布源码授权版插件时需要进行e签宝实名认证,如果是个人请确保开发者名称是真实身份证名称,如果是企业请确保公司名称和联系人真实。个人中心 - 账户信息
  • 插件作者请确保实名认证填写的手机号在运营商哪里的所属人和开发者姓名/联系人姓名一致,否则会在后续的e签宝实名认证时不通过。
  • 个人实名认证或企业实名认证只进行一次。e签宝实名认证完成后,后续再次购买签署协议时不在进行实名认证,只进行 意愿认证 -> 签署电子协议。

插件作者进行e签宝实名认证

什么是e签宝

点击查看e签宝介绍

e签宝实名认证流程

点击查看e签宝实名认证流程

e签宝电子协议签署流程

点击查看e签宝电子协议签署流程

插件源码授权版购买流程

点击查看插件源码授权版购买流程

收起阅读 »

mac系统 内置浏览器控制台空白解决

空白

百度了半天,搜hubliderX 调试空白,不能手机调试,等等等等各种都搜不到,发现每个人表达的方式不同。
为了方便其他朋友可以搜到,发一个帖子记录一下

解决方案:
应该是端口被占用造成的。

打开操作系统终端,输入如下命令试试:

lsof -i:9777 | awk '{print $2}' | tail -n +2 | xargs kill -9
继续阅读 »

百度了半天,搜hubliderX 调试空白,不能手机调试,等等等等各种都搜不到,发现每个人表达的方式不同。
为了方便其他朋友可以搜到,发一个帖子记录一下

解决方案:
应该是端口被占用造成的。

打开操作系统终端,输入如下命令试试:

lsof -i:9777 | awk '{print $2}' | tail -n +2 | xargs kill -9
收起阅读 »

仅在某页面h5隐藏顶部栏,app不隐藏的实现方法

本来以为在某个页面里放这段代码即可隐藏:

/* #ifdef H5 */  
uni-page-head { display: none}  
/* #endif */

经过试验发现放页面的<style>标签里没效果,放App.vue里有效果,但是放App.vue里所有的页面H5都没顶部栏了。

最终只能找个折中的方法,在需要隐藏顶部栏的页面里,onLoad执行

// #ifdef H5  
document.getElementsByTagName('uni-page-head')[0].style.display = 'none'  
// #endif

但是这个方法在网页打开时会闪一下。
其实在页面里放uni-page-head { display: none}如果能有效果的话,是最好的,但是不知道为什么无效。

知道的大神可以指点一下。

继续阅读 »

本来以为在某个页面里放这段代码即可隐藏:

/* #ifdef H5 */  
uni-page-head { display: none}  
/* #endif */

经过试验发现放页面的<style>标签里没效果,放App.vue里有效果,但是放App.vue里所有的页面H5都没顶部栏了。

最终只能找个折中的方法,在需要隐藏顶部栏的页面里,onLoad执行

// #ifdef H5  
document.getElementsByTagName('uni-page-head')[0].style.display = 'none'  
// #endif

但是这个方法在网页打开时会闪一下。
其实在页面里放uni-page-head { display: none}如果能有效果的话,是最好的,但是不知道为什么无效。

知道的大神可以指点一下。

收起阅读 »