From 8e2f05701ae08a22630b3ff1bd490945e5a936ba Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期二, 30 三月 2021 17:27:18 +0800 Subject: [PATCH] 弹窗样式修改 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 32 ++++++++++++++++++++++---------- 1 files changed, 22 insertions(+), 10 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index d0f1347..aa27868 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -6,8 +6,9 @@ </div> <div class="public-bounced-content"> <div class="public-bounced-content-left"> - <GasTable :displayContent="displayContent"></GasTable> - <GasECharts></GasECharts> + <GasTab :displayContent="displayContent"></GasTab> + <PublicTable v-if="value === 'gufei'"></PublicTable> + <GasECharts v-else></GasECharts> </div> <div class="public-bounced-content-right"> <GasVideo></GasVideo> @@ -19,14 +20,16 @@ <script> import '@/components/BaseNav/SolidWaste/directive' -import GasTable from '@components/BaseNav/PublicBounced/GasComponents/GasTab' +import GasTab from '@components/BaseNav/PublicBounced/GasComponents/GasTab' +import PublicTable from '@components/BaseNav/PublicBounced/GasComponents/PublicTable' import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' export default { name: 'PublicBounced', components: { - GasTable, + GasTab, + PublicTable, GasECharts, GasVideo }, @@ -37,9 +40,10 @@ } }, methods: { - setData (data) { + setData (data, value) { this.displayContent = data this.flag = true + this.value = value }, closePopup () { this.flag = false @@ -51,11 +55,11 @@ <style lang="less" scoped> .public-bounced { z-index: 999; - position: fixed; + position: absolute; top: 50%; left: 50%; - //transform: translate(-50%, -50%); - background-color: #0f1432; + width: 60%; + background-color: #002432; border: 1px #9fc5c8 solid; .public-bounced-title { @@ -84,15 +88,23 @@ align-items: center; justify-content: space-around; padding: 12px; + //width: 100%; + //height: 100%; .public-bounced-content-left { - //flex: 1; + //float: left; + //display: flex; + flex: 1; + width: 100%; flex-direction: column; margin-right: 13px; } .public-bounced-content-right { - //flex: 1; + width: 100%; + height: 100%; + //float: left; + flex: 1; } } -- Gitblit v1.8.0