美文网首页
2019-01-16 uniapp隐藏H5的顶部导航条

2019-01-16 uniapp隐藏H5的顶部导航条

作者: dongzhensong | 来源:发表于2019-01-16 16:42 被阅读173次

使用uniapp编译的H5代码默认是带导航条的(仿原生app的效果)
调试发现其导航条最终会被编译成一个 uni-page-head 标签:

image.png

想要隐藏该导航条的话只需要在应用文件 App.vue 中的样式中添加公用css:

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

相关文章

  • 2019-01-16 uniapp隐藏H5的顶部导航条

    使用uniapp编译的H5代码默认是带导航条的(仿原生app的效果)调试发现其导航条最终会被编译成一个 uni-p...

  • uniapp相关

    内置头部导航组件 高度默认: 44px 生命周期函数 关于uniapp尺寸计算和转换关系 H5平台中咋样隐藏导航条...

  • 导航条-控制器-控制器的view-scrollview-状态栏布

    导航条是否隐藏。 导航条是否透明。 抓住以上两个特征作为出发点,应对各种疑难杂症。 透明是从screen顶部算。v...

  • iOS隐藏导航条的坑

    前几天领导让在项目中加一个搜索的功能,仿网易新闻的那个搜索。搜索框在界面顶部导航条的位置,所以需要隐藏导航条。开始...

  • 微信小程序转uniapp在转h5

    首先使用wtu 这个插件,将原生小程序转为uniapp,在利用uniapp的多端,转为h5 现在uniapp的编辑...

  • 28.jquery 实战-stickup 效果

    代码 1.实现如下 stickup 效果 当页面滚动时导航条碰触到窗口顶部会粘贴固定到窗口顶部,当页面滚下时导航条...

  • cocos creator H5跟原生uniapp通信

    前提:不是真的跟原生通信,是通过uniapp打包成原生,H5跟uniapp通信。uniapp: 在cocos cr...

  • 关于stick up

    demo 当页面滚动时导航条碰触到窗口顶部会粘贴固定到窗口顶部,当页面滚下时导航条回到原位task-28-12.多...

  • UINavigationController---iOS笔记摘录

    1. UINavigationController UINavigationBar 顶部—公共导航条 UINavi...

  • 模拟京东商城实现导航条隐藏功能

    样式需求展示-京东导航条 需求说明: 1.导航条隐藏功能2.界面向上滚动的时候,导航条隐藏3.界面向下滚动的时候,...

网友评论

      本文标题:2019-01-16 uniapp隐藏H5的顶部导航条

      本文链接:https://www.haomeiwen.com/subject/swimdqtx.html