修改首页样式

This commit is contained in:
admin-lmm
2023-06-27 13:57:29 +08:00
parent 0fa37d6293
commit c6677c842e
6 changed files with 6 additions and 7 deletions

View File

@@ -3,7 +3,7 @@
<h1>概况</h1>
<hr />
<div style="display: flex;justify-content: space-between;flex-wrap: wrap;">
<div class="box">
<div class="box" style="background-color: #ffba00;">
<el-image class="box-image"
:src="require('@/assets/images/lightning.png')"
/>
@@ -12,7 +12,7 @@
<div>总充电电量()</div>
</div>
</div>
<div class="box">
<div class="box" style="background-color: #c74542;">
<el-image class="box-image"
:src="require('@/assets/images/zongfeiyong.png')" />
<div class="flex1">
@@ -20,7 +20,7 @@
<div>总充电费用()</div>
</div>
</div>
<div class="box">
<div class="box" style="background-color: #12ce65;">
<el-image
class="box-image"
:src="require('@/assets/images/dingdan.png')" />
@@ -29,7 +29,7 @@
<div>总充电订单数()</div>
</div>
</div>
<div class="box">
<div class="box" style="background-color: #909399;">
<el-image
class="box-image"
:src="require('@/assets/images/shebei.png')" />
@@ -38,7 +38,7 @@
<div>总充电设备数量()</div>
</div>
</div>
<div class="box" v-hasRole="['admin', 'common']">
<div class="box" v-hasRole="['admin', 'common']" style="background-color: #ff4949;">
<el-image
class="box-image"
:src="require('@/assets/images/yue.png')"
@@ -356,9 +356,8 @@ export default {
padding: 10px;
/* font-size: 18px; */
color: #ffffff;
background-color: #1ab3b3;
border-radius: 8px;
box-shadow: 0 15px 10px -11px #1ab394;
box-shadow: 0 15px 10px -11px black;
margin-right: 24px;
margin-bottom: 20px;
position: relative;