awfavx
awfavx
  • 发布:2020-02-22 00:12
  • 更新:2020-02-22 09:22
  • 阅读:3515

uni-app 使用uni-list组件时和导航栏发生重叠的问题,求教!

分类:uni-app

做毕设用到uniapp,学了几天,了解的比较浅,今天发现titleNView导航栏和我的页面uni-lis列表内容重叠了一部分
页面结构如下:

<template>  
    <view class="content">  
        <uni-list v-for="(item, index) in patient_list" :key="index">  
            <uni-list-item>  
                {{item.name}}  
            </uni-list-item>  
        </uni-list>  
    </view>  
</template>

另外我在pages.json文件里面配置了titleNView:

"titleNView": {  
    "buttons": [{  
        "float":"right",  
        "type":"home",  
        "fontWeight":"bold",  
        "color":"#000000"  
    }],  
    "type": "float",//悬浮栏  
    "searchInput": {  
    "backgroundColor": "#f7fcff",  
    "borderRadius": "20px", //输入框圆角  
    "align": "left",  
    "placeholder": "请输入搜索内容"  
    }  
}

效果图:

总体来说就是我放置的列表的第一行被导航栏挡住了,下面看到的是第二行的数据了。。
我这个是h5的,有没有好心人能给我说一下问题在哪?或者该怎么改?不胜感激!

2020-02-22 00:12 负责人:无 分享
已邀请:
uViewUI

uViewUI - 【www.uviewui.com】uView UI,是uniapp生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水

因为导航栏悬浮,你要列表的外盒子添加一个padding-top: 44px

uViewUI

uViewUI - 【www.uviewui.com】uView UI,是uniapp生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水

如果还不懂,加我QQ 1416956117

该问题目前已经被锁定, 无法添加新回复