From c1e5dfb4c72a0ab2478d3b7295ab7deecd3f8c8c Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期二, 16 四月 2024 16:47:36 +0800
Subject: [PATCH] 修改样式
---
src/components/view/b4-daily-business-statistics.vue | 34 +++++++++++++++++-----------------
1 files changed, 17 insertions(+), 17 deletions(-)
diff --git a/src/components/view/b4-daily-business-statistics.vue b/src/components/view/b4-daily-business-statistics.vue
index a559a44..ae4f72c 100644
--- a/src/components/view/b4-daily-business-statistics.vue
+++ b/src/components/view/b4-daily-business-statistics.vue
@@ -2,8 +2,8 @@
<div class="daily-main">
<div class="daily-content" style="height:100%">
<p style="font-size: 16px;padding:19.5px 0px">姣忔棩涓氬姟缁熻</p>
- <el-row :gutter="30">
- <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
+ <el-row :gutter="20">
+ <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;">
<div class="daily-card daily-head">
<div class="daily-head-left">
<h4>浠婃棩浠诲姟鎺ユ敹</h4>
@@ -11,13 +11,13 @@
<div class="daily-head-left-info">
<img src="../../../static/img/daliy-up.svg" alt="">
<span :class="{active:false}" class="num"> 8.5% </span>
- <span>杈冩槰澶�</span>
+ <span style="font-size: 12px;">杈冩槰澶�</span>
</div>
</div>
<img src="../../../static/img/daliy-0.svg" alt="" srcset="">
</div>
</el-col>
- <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
+ <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;">
<div class="daily-card daily-head">
<div class="daily-head-left">
<h4>浠婃棩浠诲姟瀹屾垚</h4>
@@ -25,13 +25,13 @@
<div class="daily-head-left-info">
<img src="../../../static/img/daliy-up.svg" alt="">
<span :class="{active:false}" class="num"> 8.5% </span>
- <span>杈冩槰澶�</span>
+ <span style="font-size: 12px;">杈冩槰澶�</span>
</div>
</div>
<img src="../../../static/img/daliy-1.svg" alt="" srcset="">
</div>
</el-col>
- <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
+ <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;">
<div class="daily-card daily-head">
<div class="daily-head-left">
<h4>浠婃棩浠诲姟鍓╀綑</h4>
@@ -39,13 +39,13 @@
<div class="daily-head-left-info">
<img src="../../../static/img/daliy-up.svg" alt="">
<span :class="{active:false}" class="num"> 8.5% </span>
- <span>杈冩槰澶�</span>
+ <span style="font-size: 12px;">杈冩槰澶�</span>
</div>
</div>
<img src="../../../static/img/daliy-2.svg" alt="" srcset="">
</div>
</el-col>
- <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
+ <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;">
<div class="daily-card daily-head">
<div class="daily-head-left">
<h4>浠婃棩妫�娴嬭垂鐢�</h4>
@@ -53,13 +53,13 @@
<div class="daily-head-left-info">
<img src="../../../static/img/daliy-up.svg" alt="">
<span :class="{active:false}" class="num"> 8.5% </span>
- <span>杈冩槰澶�</span>
+ <span style="font-size: 12px;">杈冩槰澶�</span>
</div>
</div>
<img src="../../../static/img/daliy-3.svg" alt="" srcset="">
</div>
</el-col>
- <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
+ <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;">
<div class="daily-card daily-head">
<div class="daily-head-left">
<h4>浠婃棩妫�娴嬪伐鏃�</h4>
@@ -67,13 +67,13 @@
<div class="daily-head-left-info">
<img src="../../../static/img/daliy-down.svg" alt="">
<span :class="{active:true}" class="num"> 8.5% </span>
- <span>杈冩槰澶�</span>
+ <span style="font-size: 12px;">杈冩槰澶�</span>
</div>
</div>
<img src="../../../static/img/daliy-4.svg" alt="" srcset="">
</div>
</el-col>
- <el-col :xs="12" :sm="10" :md="8" :lg="6" :xl="4" style="margin-bottom: 30px;">
+ <el-col :xs="12" :sm="8" :md="6" :lg="4" :xl="4" style="margin-bottom: 30px;">
<div class="daily-card daily-head">
<div class="daily-head-left">
<h4>浠婃棩妫�娴嬩汉鍛�</h4>
@@ -81,24 +81,24 @@
<div class="daily-head-left-info">
<img src="../../../static/img/daliy-up.svg" alt="">
<span :class="{active:false}" class="num"> 8.5% </span>
- <span>杈冩槰澶�</span>
+ <span style="font-size: 12px;">杈冩槰澶�</span>
</div>
</div>
<img src="../../../static/img/daliy-5.svg" alt="" srcset="">
</div>
</el-col>
</el-row>
- <el-row :gutter="30">
+ <el-row :gutter="20">
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" style="margin-bottom: 30px;">
<div class="daily-card chart-box">
<h4>杩�10鏃ヤ换鍔℃帴鏀堕噺</h4>
- <echart-module :id="'left'" :config="chartConfig0" :datas="chartData0"></echart-module>
+ <echart-module :id="'daily-left'" :config="chartConfig0" :datas="chartData0"></echart-module>
</div>
</el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12" style="margin-bottom: 30px;">
<div class="daily-card chart-box">
<h4>杩�10鏃ュ疄闄呭畬鎴愪换鍔′笌鎺ユ敹浠诲姟瀵规瘮</h4>
- <echart-module :id="'right'" :config="chartConfig1" :datas="chartData1"></echart-module>
+ <echart-module :id="'daily-right'" :config="chartConfig1" :datas="chartData1"></echart-module>
</div>
</el-col>
</el-row>
@@ -184,7 +184,7 @@
font-weight: bold;
font-size: 28px;
display: inline-block;
- margin-bottom: 26px;
+ margin-bottom: 30px;
}
.daily-head-left .daily-head-left-info{
--
Gitblit v1.9.3