fix:添加供应商管理模块中无数据时显示暂无数据

This commit is contained in:
Vce 2024-06-27 18:27:26 +08:00
parent 253f114023
commit 08440fedde
3 changed files with 43 additions and 8 deletions

View File

@ -7,7 +7,7 @@
</view> </view>
</headers> </headers>
</view> </view>
<scroll-view :scroll-y="true" class="scrollBox" :style="{height: screenHeight + 'px'}"> <scroll-view :scroll-y="true" class="scrollBox" :style="{height: screenHeight + 'px'}" v-if="listData.length > 0">
<view v-for="(item,index) in listData" :key="index"> <view v-for="(item,index) in listData" :key="index">
<view class="itemBox"> <view class="itemBox">
<view class="itemLine"> <view class="itemLine">
@ -30,6 +30,9 @@
</view> </view>
<view class="" style="height: 10px;"></view> <view class="" style="height: 10px;"></view>
</scroll-view> </scroll-view>
<view class="noData" :style="{height: screenHeight + 'px'}" v-if="listData.length == 0">
暂无数据
</view>
</view> </view>
</template> </template>
@ -128,4 +131,13 @@
} }
} }
} }
.noData{
display: flex;
justify-content: center;
align-items: center;
font-size: 34px;
color: darkgray;
transform: translateY(-60px);
}
</style> </style>

View File

@ -7,7 +7,7 @@
</view> </view>
</headers> </headers>
</view> </view>
<view class="searchBox"> <view class="searchBox" v-if="listData.length > 0">
<form> <form>
<view class="uni-form-item"> <view class="uni-form-item">
<input class="uni-input" name="searchName" v-model="searchForm.enterpriseName" placeholder="搜索" <input class="uni-input" name="searchName" v-model="searchForm.enterpriseName" placeholder="搜索"
@ -28,7 +28,7 @@
</view> </view>
</view> </view>
</view> </view>
<scroll-view :scroll-y="true" class="scrollBox" :style="{height: screenHeight + 'px'}"> <scroll-view :scroll-y="true" class="scrollBox" :style="{height: screenHeight + 'px'}" v-if="listData.length > 0">
<view v-for="(item,index) in listData" :key="index"> <view v-for="(item,index) in listData" :key="index">
<view class="itemBox" @click="goDetail(item)"> <view class="itemBox" @click="goDetail(item)">
<view class="itemLine1"> <view class="itemLine1">
@ -50,6 +50,9 @@
</view> </view>
<view class="" style="height: 10px;"></view> <view class="" style="height: 10px;"></view>
</scroll-view> </scroll-view>
<view class="noData" :style="{height: screenHeight + 'px'}" v-if="listData.length == 0">
暂无数据
</view>
</view> </view>
</template> </template>
@ -148,9 +151,9 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.barBox { .barBox {
// background-color: #5181F6; // background-color: #5181F6;
background-color: #f6f6f6; background-color: #fff;
min-height: 100%; min-height: 100%;
height: 100px; height: 100px;
.fixedheader { .fixedheader {
@ -280,4 +283,13 @@
.itemLine5 {} .itemLine5 {}
} }
} }
.noData{
display: flex;
justify-content: center;
align-items: center;
font-size: 34px;
color: darkgray;
transform: translateY(-60px);
}
</style> </style>

View File

@ -7,7 +7,7 @@
</view> </view>
</headers> </headers>
</view> </view>
<view class="searchBox"> <view class="searchBox" v-if="listData.length > 0">
<form> <form>
<view class="uni-form-item"> <view class="uni-form-item">
<input class="uni-input" name="searchName" v-model="searchForm.fileName" placeholder="请搜索文件名称" <input class="uni-input" name="searchName" v-model="searchForm.fileName" placeholder="请搜索文件名称"
@ -15,7 +15,7 @@
</view> </view>
</form> </form>
</view> </view>
<scroll-view :scroll-y="true" class="scrollBox" :style="{height: screenHeight + 'px'}"> <scroll-view :scroll-y="true" class="scrollBox" :style="{height: screenHeight + 'px'}" v-if="listData.length > 0">
<view v-for="(item,index) in listData" :key="index"> <view v-for="(item,index) in listData" :key="index">
<view class="itemBox"> <view class="itemBox">
<view class="file-info"> <view class="file-info">
@ -30,6 +30,9 @@
</view> </view>
<view class="" style="height: 10px;"></view> <view class="" style="height: 10px;"></view>
</scroll-view> </scroll-view>
<view class="noData" :style="{height: screenHeight + 'px'}" v-if="listData.length == 0">
暂无数据
</view>
</view> </view>
</template> </template>
@ -92,7 +95,7 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.barBox { .barBox {
// background-color: #5181F6; // background-color: #5181F6;
background-color: #f6f6f6; background-color: #fff;
min-height: 100%; min-height: 100%;
height: 100px; height: 100px;
.fixedheader { .fixedheader {
@ -184,4 +187,12 @@
} }
} }
.noData{
display: flex;
justify-content: center;
align-items: center;
font-size: 34px;
color: darkgray;
transform: translateY(-60px);
}
</style> </style>