自定义状态栏 跟导航栏 点击顶部搜索框 中间还能滑动咋解决 用的uview
- 发布:2020-09-23 23:19
- 更新:2020-09-24 14:24
- 阅读:725
麻烦提供一个可以直接运行的示例,我们复现一下。
-
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
7***@qq.com (作者)
啥
2020-09-24 14:18