qdintc/fishery-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 塘口无设备时候，修改样式。

Browse Source
This commit is contained in:
tianyongbao
2026-01-20 21:42:36 +08:00
parent c43d5a6dd5
commit 10ec6d0fce
1 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/other/index.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<view :class="props.type == 1 ? 'nut-cell' : ''"> <view :class="props.type == 1 ? 'pond-info-container' : ''" :style="{ width: '100%' }">
<nut-config-provider :theme-vars="themeVarsBody"> <nut-config-provider :theme-vars="themeVarsBody">
<nut-row> <nut-row>
<nut-col :span="24"> <nut-col :span="24">
@@ -365,11 +365,13 @@
</nut-row> </nut-row>
<nut-row v-else> <nut-row v-else>
<nut-col :span="24"> <nut-col :span="24">
<nut-empty description="暂无设备"> <view class="empty-container">
<template #image> <nut-empty description="暂无设备">
<img :src="pond404" /> <template #image>
</template> <img :src="pond404" />
</nut-empty> </template>
</nut-empty>
</view>
</nut-col> </nut-col>
</nut-row> </nut-row>
</nut-config-provider> </nut-config-provider>
@@ -2355,6 +2357,34 @@ defineExpose({
max-width: 100%; max-width: 100%;
box-sizing: border-box; box-sizing: border-box;
} }
// 暂无设备居中容器
.empty-container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 0;
}
// 强制 nut-row 占满宽度
.nut-row {
width: 100% !important;
}
// 强制 nut-cell 占满宽度
.nut-cell {
width: 100% !important;
box-sizing: border-box !important;
}
// 组件容器样式
.pond-info-container {
width: 100%;
padding: 20rpx;
box-sizing: border-box;
}
.loading-container { .loading-container {
position: absolute; position: absolute;
top: 50%; top: 50%;