自定义状态栏 跟导航栏 点击顶部搜索框 中间还能滑动咋解决

7***@qq.com (作者)

啥

2020-09-24 14:18

7***@qq.com (作者)

那个接口请求是本地的

2020-09-24 14:42

7***@qq.com (作者)

<template>

<view>

<u-navbar :is-back="false" :background="{background:titleNViewBackground}" :immersive="false" :border-bottom="false">

<view class="slot-wrap">

<view class="search-wrap">

<u-search v-model="keyword" :show-action="showAction" height="56" :action-style="{color: '#fff'}"></u-search>

</view>

</view>

</u-navbar>

<view class="u-page">

<view class="carousel-section">

<view class="titleNview-background" :style="{backgroundColor:titleNViewBackground}"></view>

<u-swiper :list="banner" circular @change="swiperChange" mode="number" interval="10000"></u-swiper>

<u-notice-bar color="#000000" mode="horizontal" :list="notice" :speed="50" :duration="6000" border-radius="20"></u-notice-bar>

</view>

<swiper class="category-list-wrapper" >

<swiper-item

indicator-color="#666"

indicator-dots="productCateList.length > 10"

style="{height: productCateList.length <= 5 ? '200rpx' : '400rpx'}"
class="category-list"

v-for="(fItem, fIndex) in swipeCateList"

key="fIndex">
<view class="category" v-for="(sItem, sIndex) in fItem" :key="sIndex" @tap.stop="navToCategory(sItem.id)">

<view class="img">

<image :src="sItem.ico || errorImage" mode="aspectFill"></image>

</view>

<view class="text in1line">{{ sItem.name}}</view>

</view>

</swiper-item>

</swiper>

<view class="wrap">

<view class="item u-border-bottom" v-for="(item, index) in list" :key="index">

{{'第' + item + '条数据'}}

</view>

<u-loadmore :status="status" />

</view>

</view>

<u-load :status="show"></u-load>

<u-tabbar :list="vuex_tabber" :mid-button="true"></u-tabbar>

</view>

</template>

2020-09-24 14:44

DCloud_Android_zl

回复 7***@qq.com: 键盘弹出导致页面被压缩，出现滚动条是正常的，如果搜索框不显示，可以设置成浮动的。

2020-09-25 16:01

7***@qq.com (作者)

回复 DCloud_Android_zl: 但是uview的自定义tabbar 被顶起来了

2020-09-25 17:03