From 122f21029a70e93ad2c1ee4fe5df5de2932ad1b8 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期四, 08 四月 2021 14:00:51 +0800 Subject: [PATCH] 修改弹窗tabs样式 --- src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue | 58 ++++++++++++++++++---------------------------------------- 1 files changed, 18 insertions(+), 40 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue index 3b33e08..267759a 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue @@ -14,7 +14,7 @@ <el-col :span="8">鐢熶骇鍗曚綅:{{ setWasteGasdata.porltName }}</el-col> <el-col :span="8">鎺掓斁绫诲瀷鍚嶇О:{{ setWasteGasdata.MonTypeName }}</el-col> </el-row> - <el-row type="flex" class="row-bg" justify="space-around"> + <el-row type="flex" class="row-bg row-item-two" justify="space-around"> <el-col :span="8">鎺掓斁鍘诲悜:{{ setWasteGasdata.EmissDirecti }}</el-col> <el-col :span="18">鎺у埗绾у埆鍚嶇О:{{ setWasteGasdata.ContrLevelShowName }}</el-col> <el-col :span="18">鍐�/澶栨帓鍙�:{{ setWasteGasdata.OrOutPortName }}</el-col> @@ -36,7 +36,7 @@ <el-col :span="8">鐢熶骇鍗曚綅:{{ setWasteWaterdata.porltName }}</el-col> <el-col :span="8">鎺掓斁绫诲瀷鍚嶇О:{{ setWasteWaterdata.MonTypeName }}</el-col> </el-row> - <el-row type="flex" class="row-bg" justify="space-around"> + <el-row type="flex" class="row-bg row-item-two" justify="space-around"> <el-col :span="8">鎺掓斁鍘诲悜:{{ setWasteWaterdata.EmissDirecti }}</el-col> <el-col :span="8">鎺у埗绾у埆鍚嶇О:{{ setWasteWaterdata.ContrLevelShowName }}</el-col> <el-col :span="8">鍐�/澶栨帓鍙�:{{ setWasteWaterdata.OrOutPortName }}</el-col> @@ -53,37 +53,7 @@ props: ['displayContentTab', 'value', 'setWasteGasdata', 'setWasteWaterdata'], data () { return { - tabData: [], - listLabel: [ - { - label: '搴忓彿', - prop: 'StoragePlaceId' - }, - { - label: '绫诲埆', - prop: 'StoragePlaceTypeName' - }, - { - label: '鍥哄簾鍚嶇О', - prop: 'StoragePlaceName' - }, - { - label: '浠g爜', - prop: 'StorageZDMJ' - }, - { - label: '浜х敓閲�(t)', - prop: 'StorageZCL' - }, - { - label: '璐瓨閲�(t)', - prop: 'StorageZCNL' - }, - { - label: '浜х敓瑁呯疆', - prop: 'StorageType' - } - ] + tabData: [] } }, mounted () { @@ -106,23 +76,30 @@ position: relative; margin-bottom: 10px; background-color: rgba(33, 41, 69, 0.9); + //width: 6rem; + //height: 0.5rem; } .main { - width: 100%; - height: 100%; + //width: 100%; + //height: 100%; .main-matter { font-size: 13px; font-weight: normal; - //padding: 10px 6px; - min-height: 70px; + padding: 0px 6px; border: 1px solid #396d83; .row-item-one { + //flex-wrap: nowrap; + overflow: hidden; + margin-top: 6px; margin-bottom: 7px; + //margin-left: 10px; } - + .row-item-two{ + margin-bottom: 6px; + } .el-row { width: 100%; color: #00d0f9; @@ -145,8 +122,8 @@ } ul { - width: 100%; - height: 100%; + //width: 100%; + //height: 100%; display: flex; align-items: center; justify-content: space-around; @@ -161,6 +138,7 @@ background-color: #243a55; color: #00d0f9; border-radius: 4px; + font-size: 0.08rem; } li:last-child { -- Gitblit v1.8.0