From 9a7d9b9b6058a0a601cb1e8c9ba4565ce2d3c985 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期二, 30 三月 2021 11:26:57 +0800 Subject: [PATCH] 废气公共样式 废气公共样式 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 13 +++++++++++-- 1 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index eddeb78..b5f3750 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -1,5 +1,5 @@ <template> - <div class="public-bounced" v-draw v-show="flag"> + <div class="public-bounced" style="width: auto" v-draw v-show="flag"> <div class="public-bounced-title"> <span>{{ displayContent.Name }}</span> <i class="el-icon-circle-close" @click="closePopup"></i> @@ -22,10 +22,12 @@ import GasTable from '@components/BaseNav/PublicBounced/GasComponents/GasTable' import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' +// import GasTabs from '@components/BaseNav/PublicBounced/GasComponents/GasTabs' export default { name: 'PublicBounced', components: { + // GasTabs, GasTable, GasECharts, GasVideo @@ -54,7 +56,8 @@ position: fixed; top: 50%; left: 50%; - background-color: #002432; + //transform: translate(-50%, -50%); + background-color: #0f1432; border: 1px #9fc5c8 solid; .public-bounced-title { @@ -63,6 +66,7 @@ align-items: center; justify-content: space-between; padding: 5px 0; + background-color: #002433; span { color: #f4f7ff; @@ -81,11 +85,16 @@ display: flex; align-items: center; justify-content: space-around; + padding: 12px; .public-bounced-content-left { + //flex: 1; + flex-direction: column; + margin-right: 13px; } .public-bounced-content-right { + //flex: 1; } } -- Gitblit v1.8.0