uniapp 导航栏上部出现阴影 怎么解决

Question

以下是代码部分

<template>
    <view>
        <view class="u-row">
            <tab ref="tab" @change="swtichSwiper"></tab>
            <swiper class="scroll-view-height" @change="swipeIndex" :current="current" :duration="300">
                <swiper-item>
                    <scroll-view scroll-y="true" class="scroll-view-height list-content">
                        <view class="list-item" v-for="(item,index) in arr[current].items" :key="'A'+index">
                            <view v-if="item.plan==='3'">
                                <view class="header">
                                    <image class="img" src="../../static/img/recruit.jpg"></image>
                                    
                                </view>
                                <view class="content">
                                    <view class="tag"><view class="tag-name">ソフトハンド蒲田店</view><view>东京都｜按摩店</view></view>
                                    <view class="title">蒲田按摩店招聘女按摩师傅，周六日大欢迎哈哈哈哈</view>
                                    <view class="content-item">收入：30万以上</view>
                                    <view class="content-item">车站：东京都/蒲田站</view>
                                </view>
                                <view class="btns"><button class="btn-empty">收藏</button><button class="btn">查看详情</button></view>
                            </view>
                            <view v-else-if="item.plan==='3'">
                                {{item.name}}
                            </view>
                            <view v-else-if="item.plan==='2'">
                                {{item.name}}
                            </view>
                            <view v-else>
                                暂无数据

                            </view>
                        </view>
                    </scroll-view>
                </swiper-item>
                <swiper-item>
                    <scroll-view scroll-y="true" class="scroll-view-height list-content">
                        <view class="list-item" v-for="(item,index) in arr[current].items" :key="'B'+index">
                            {{item.name}} {{index}}
                        </view>
                    </scroll-view>
                </swiper-item>
                <swiper-item>
                    <scroll-view scroll-y="true" class="scroll-view-height list-content">
                        <view class="list-item" v-for="(item,index) in arr[current].items" :key="'C'+index">
                            {{item.name}} {{index}}
                        </view>
                    </scroll-view>
                </swiper-item>
            </swiper>
        </view>
    </view>
</template>