From 9fd8b2482aab71ef408c73995b513b9706c2408f Mon Sep 17 00:00:00 2001 From: chenzeping <ChenZeping02609@163.com> Date: 星期一, 29 三月 2021 18:26:12 +0800 Subject: [PATCH] 报错内容修改 --- src/components/BaseNav/PublicBounced/PublicBounced.vue | 37 ++++++++++++++++++++----------------- 1 files changed, 20 insertions(+), 17 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/PublicBounced.vue b/src/components/BaseNav/PublicBounced/PublicBounced.vue index ed22e56..eddeb78 100644 --- a/src/components/BaseNav/PublicBounced/PublicBounced.vue +++ b/src/components/BaseNav/PublicBounced/PublicBounced.vue @@ -5,8 +5,13 @@ <i class="el-icon-circle-close" @click="closePopup"></i> </div> <div class="public-bounced-content"> - <div class="public-bounced-content-left"></div> - <div class="public-bounced-content-right"></div> + <div class="public-bounced-content-left"> + <GasTable :displayContent="displayContent"></GasTable> + <GasECharts></GasECharts> + </div> + <div class="public-bounced-content-right"> + <GasVideo></GasVideo> + </div> </div> </div> </template> @@ -14,9 +19,17 @@ <script> import '@/components/BaseNav/SolidWaste/directive' +import GasTable from '@components/BaseNav/PublicBounced/GasComponents/GasTable' +import GasECharts from '@components/BaseNav/PublicBounced/GasComponents/GasECharts' +import GasVideo from '@components/BaseNav/PublicBounced/GasComponents/GasVideo' export default { name: 'PublicBounced', + components: { + GasTable, + GasECharts, + GasVideo + }, data () { return { displayContent: [], @@ -37,18 +50,14 @@ <style lang="less" scoped> .public-bounced { - width: 80%; - height: 450px; z-index: 999; - position: absolute; - top: 25%; - left: 10%; + position: fixed; + top: 50%; + left: 50%; background-color: #002432; - margin: 1% auto; border: 1px #9fc5c8 solid; .public-bounced-title { - width: 100%; border: 1px #a4c0d8 solid; display: flex; align-items: center; @@ -69,20 +78,14 @@ } .public-bounced-content { - width: 100%; - height: 100%; display: flex; align-items: center; justify-content: space-around; + .public-bounced-content-left { - width: 48%; - height: 400px; - border: 1px red solid; } + .public-bounced-content-right { - width: 48%; - height: 400px; - border: 1px red solid; } } -- Gitblit v1.8.0