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

View File

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

View File

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