码迷,mamicode.com
首页 > 移动开发 > 详细

uniapp点击底部tabbar不跳转页面

时间:2019-09-02 19:44:31      阅读:1053      评论:0      收藏:0      [点我收藏+]

标签:back   控件   lis   image   底部菜单   弹出框   使用   onclick   tar   

一个项目,其设想是这样的,当我进入页面,发现用户未登录或者token到期失效,提示用户之后,用户点击确定跳转到登录页面。

弹出框要用自己封装的,因为uniapp的弹出框不同的手机上展示的样子不一样,领导的是华为(在这里悄悄吐槽一下原生弹出框在华为的一些型号的机子上真的好丑)

好了我什么也没说

技术图片

自己封装的弹出框,压不住原生底部菜单栏,不知道是不是我封装的有问题,先解决点击让它不跳转的问题

我瞅了眼文档说:‘App端可以使用plus.nativeObj.view做弹出和遮罩’

   var  view = null;
    // 创建原生View控件
    function createView() {
        view = new plus.nativeObj.View(‘test‘, {
       // View控件的样式 bottom: ‘0px‘, left: ‘0px‘, height: ‘60px‘, width: ‘100%‘ }); view.drawText(‘‘, {}, { size: ‘24px‘, color: ‘#FF0000‘, backgroundColor: ‘#FFFFFF‘ }); view.show(); } function addEventView() { view.addEventListener("click", onClick, false); } // 监听事件函数 function onClick(e) { console.log("点击原生控件:" + JSON.stringify(e)); }

在请求后台方法时,

不能正常请求(token失效或到期)

createView();

调用创建View控件

能够正常请求的话也要加一层判断

if (view) {  view.close();  }

如果view为真,就要关闭View控件。

在此处贴一下链接:https://www.html5plus.org/doc/zh_cn/nativeobj.html#plus.nativeObj.View

uniapp点击底部tabbar不跳转页面

标签:back   控件   lis   image   底部菜单   弹出框   使用   onclick   tar   

原文地址:https://www.cnblogs.com/angenstern/p/11448232.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!