美文网首页
weex布局问题

weex布局问题

作者: shaguamayi | 来源:发表于2018-06-25 14:57 被阅读0次

    weex vue项目;我们经常会遇到上中下三部分布局的,上边固定,下边固定,中间根据内容,内容多了可以滚动,有两种方式实现,第一种就是中间给scroller加个固定高,第二种就是给上下加fixed定位,但是fixed定位,当页面跳转时,fixed部分却没有消失,而是重复在跳转后的页面里,目前不清楚什么原因,第三种就是根据absolute定位来做,第一,二种简单就不叙述了,放上第三种的代码
    也是官方给的例子:

    <template>
      <div class="box">
        <div class="info">
          
        </div>
        <div class="bottom"></div>
      </div>
    </template>
    <style type="text/css" media="all">
      .box{
        width:750px;
        position:absolute;
        top:0;
        bottom:0;
        background-color:#000;
      }
      .info{
        position:absolute;
        top:0;
        width:750px;
        height:100px;
        background-color:red;
      }
      .bottom{
        position:absolute;
        left:0;
        right:0;
        top:100px;
        bottom:0;
        background-color:yellow;
      }
    </style>
    

    但是目前还没有做好客户端交互方面,无法在真机测试,等真机测试完美问题,再来补充,先写上。

    相关文章

      网友评论

          本文标题:weex布局问题

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