From ad9c4fbf43e6b58e0019e04878ad0935ae811b8d Mon Sep 17 00:00:00 2001 From: 陈泽平 <chenzeping> Date: 星期一, 31 五月 2021 10:28:20 +0800 Subject: [PATCH] 企业应急-事件上报布局问题修改 --- src/components/base-page/PublicDataStandard.vue | 13 +++++++++---- 1 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/components/base-page/PublicDataStandard.vue b/src/components/base-page/PublicDataStandard.vue index df75eaf..bcb8dfb 100644 --- a/src/components/base-page/PublicDataStandard.vue +++ b/src/components/base-page/PublicDataStandard.vue @@ -7,7 +7,7 @@ <!-- <span class="grid-content">搴熸皵娴侀噺 : <i style="color: #e8ee0b">120343.18</i></span>--> <span class="grid-content" v-for="item in dataStandard" :key="item.current.name">{{ item.current.name }} : <i style="color: #e8ee0b">{{ item.current.val }}</i> {{ - item.standard.name ? item.standard.name + ':' : '' + item.standard.name && item.current.name.indexOf('娴侀噺') === -1 && item.current.name.indexOf('娓╁害') === -1 ? item.standard.name + ':' : '' }} <i style="color: #fff">{{ item.standard.val }}</i></span> </div> </div> @@ -16,6 +16,11 @@ <script> export default { name: 'PublicDataStandard', + watch: { + dataStandard (val, oldVal) { + this.dataStandard = val + } + }, props: { dataStandard: { type: Array, @@ -31,12 +36,12 @@ .animation { .information { .grid-content { - padding: 0.02rem; - background-color: #2e4967; + padding: 0.03rem 0.08rem 0.03rem 0.08rem; text-align: center; border-radius: 0.02rem; line-height: 0.15rem; - margin: 0 0.05rem; + margin: 0 0.03rem; + box-shadow: 0 0 10px rgba(129,211,248,.35) inset; } } } -- Gitblit v1.8.0