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

This commit is contained in:
tianyongbao
2026-01-20 21:42:36 +08:00
parent c43d5a6dd5
commit 10ec6d0fce

View File

@@ -1,5 +1,5 @@
<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-row>
<nut-col :span="24">
@@ -365,11 +365,13 @@
</nut-row>
<nut-row v-else>
<nut-col :span="24">
<nut-empty description="暂无设备">
<template #image>
<img :src="pond404" />
</template>
</nut-empty>
<view class="empty-container">
<nut-empty description="暂无设备">
<template #image>
<img :src="pond404" />
</template>
</nut-empty>
</view>
</nut-col>
</nut-row>
</nut-config-provider>
@@ -2355,6 +2357,34 @@ defineExpose({
max-width: 100%;
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 {
position: absolute;
top: 50%;