美文网首页
uniapp新增的三个css样式

uniapp新增的三个css样式

作者: 焚心123 | 来源:发表于2020-10-28 14:29 被阅读0次
        <view class="status_bar">
                  <!-- 这里是状态栏,就是手机头部显示的电量,手机卡信息 -->
        </view>
        .status_bar {
           height: var(--status-bar-height);
           width: 100%;
          }
  • 第二个是头部导航的高度
padding-top: var(--window-top);
  • 第三个是底部导航tabbar的高度,如果不减去底部tabbar的高度的话,我们的页面数据会被tabbar导航遮住的,当然你也可以在页面数据中加个padding-bottom撑起来,但是会有点瑕疵,官方提供的都是各端适配的
padding-bottom: var(--window-bottom);
  • 欢迎留言指正!

相关文章

  • uniapp新增的三个css样式

    参考链接https://cloud.tencent.com/developer/article/1609256[h...

  • 关于H5(1)

    H5基础都有哪些: H5有用的标签: 新增标签 *表单 *js新增功能 css3选择器: *css3新增的样式 浏...

  • JQuery-常用API

    css jQuery中元素样式的操作方式: 1. 对象.css(); 2. 类样式的方式(后面三个方法) css(...

  • web前端开发自学路线,html+css+JavaScript的

    不不废话,直接干货 学习前端的几个阶段: 一阶段:html标签、html5新增标签、css样式、css3样式、媒体...

  • 12、css3新增样式

    css3新增样式: IE6、7、8不支持css3样式,并且不同浏览器对css3样式会有不同程度的支持,甚至不支持,...

  • 三、css3

    css3新增样式 盒子居中position: absolute;top: 0;right: 0;bottom: 0...

  • CSS

    CSS三种书写方式 外部样式 行内样式 页内样式 CSS选择器 前三个选择器比较常用 CSS属性 可继承属性 不可...

  • part2: CSS基础

    HTML中引入CSS 3种方式 调试 选中相应元素后,在灰色的element.style{}中直接可以新增样式新增...

  • uniapp改变组件内样式

    uniapp改变组件内样式

  • CSS3新增样式

    边框圆角border-radius边框阴影box-shadow(x水平向右的阴影度,y垂直向下的阴影度,color...

网友评论

      本文标题:uniapp新增的三个css样式

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