Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

iframe弹框样式修改

Browse Source
This commit is contained in:
stt
2025-10-24 16:26:17 +08:00
parent f41af33413
commit a9dcb54286
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/img/lightning.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB

9
src/views/pqs/cockpit/realTimeData/iframeDia.vue
View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="container"> <div class="container">
<!-- 使用 v-for 遍历四个角落 --> <!-- 使用 v-for 遍历四个角落 -->
<div v-for="corner in corners" :key="corner.id" :class="['corner', corner.className]"> <div v-for="corner in corners" v-show="corner.show" :key="corner.id" :class="['corner', corner.className]">
<div class="content"> <div class="content">
<div class="title" style="display: flex"> <div class="title" style="display: flex">
<img src="@/assets/img/lightning.png" class="title_img" /> <img src="@/assets/img/lightning.png" class="title_img" />
@@ -15,8 +15,9 @@
:header-cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center' }"
:cell-style="{ textAlign: 'center' }" :cell-style="{ textAlign: 'center' }"
height="200" height="200"
style="padding: 5px;"
> >
<vxe-column field="name" title="名称" width="70"></vxe-column> <vxe-column field="name" title="名称"></vxe-column>
<vxe-column field="a" title="A" width="40"></vxe-column> <vxe-column field="a" title="A" width="40"></vxe-column>
<vxe-column field="b" title="B" width="40"></vxe-column> <vxe-column field="b" title="B" width="40"></vxe-column>
<vxe-column field="c" title="C" width="40"></vxe-column> <vxe-column field="c" title="C" width="40"></vxe-column>
@@ -345,7 +346,7 @@ onBeforeUnmount(() => {
} }
.corner { .corner {
width: 200px; width: 240px;
/* height: 135px; */ /* height: 135px; */
background-color: #fff; background-color: #fff;
position: absolute; position: absolute;
@@ -397,7 +398,7 @@ onBeforeUnmount(() => {
font-size: 16px; font-size: 16px;
// text-align: center; // text-align: center;
padding: 5px; padding: 5px;
/* color: #409eff; */ color: #fff;
border-bottom: 1px solid #444; border-bottom: 1px solid #444;
background-color: var(--el-color-primary); background-color: var(--el-color-primary);
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;