yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(iot)：设备管理、产品管理的操作按钮，间隙过大问题

pull/349/head
YunaiV 2026-05-25 12:31:09 +08:00
parent 995666e4ce
commit 4949ed1c07
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/web-ele/src/views/iot/device/device/modules/card-view.vue
View File

@ -205,7 +205,7 @@ onMounted(() => {
</div> </div>
</div> </div>
<!-- 按钮组 --> <!-- 按钮组 -->
<div class="card-action-group mt-auto flex gap-2 border-t border-border pt-3"> <div class="mt-auto flex gap-2 border-t border-border pt-3 [&_.el-button+.el-button]:!ml-0">
<ElButton <ElButton
v-if="hasAccessByCodes(['iot:device:update'])" v-if="hasAccessByCodes(['iot:device:update'])"
size="small" size="small"
@ -281,3 +281,10 @@ onMounted(() => {
margin-left: 0; margin-left: 0;
} }
</style> </style>
<style scoped>
/* Element Plus 默认会在相邻按钮之间加 margin-left:12px，与父容器的 gap-2 叠加导致按钮间距过大，这里清掉 */
.card-action-group :deep(.el-button + .el-button) {
margin-left: 0;
}
</style>

9
apps/web-ele/src/views/iot/product/product/modules/card-view.vue
View File

@ -201,7 +201,7 @@ onMounted(() => {
</div> </div>
</div> </div>
<!-- 按钮组 --> <!-- 按钮组 -->
<div class="card-action-group mt-auto flex gap-2 border-t border-border pt-3"> <div class="mt-auto flex gap-2 border-t border-border pt-3 [&_.el-button+.el-button]:!ml-0">
<ElButton <ElButton
v-if="hasAccessByCodes(['iot:product:update'])" v-if="hasAccessByCodes(['iot:product:update'])"
size="small" size="small"
@ -291,3 +291,10 @@ onMounted(() => {
margin-left: 0; margin-left: 0;
} }
</style> </style>
<style scoped>
/* Element Plus 默认会在相邻按钮之间加 margin-left:12px，与父容器的 gap-2 叠加导致按钮间距过大，这里清掉 */
.card-action-group :deep(.el-button + .el-button) {
margin-left: 0;
}
</style>