tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 窄屏垂直间距优化

Browse Source 
Former-commit-id: 480682d683cd769bd411e2d10c1935e932b68b25
This commit is contained in:
haoxr
2023-03-17 22:31:26 +08:00
parent aface8c52a
commit 622cc44bf3
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/dashboard/index.vue
View File

@@ -115,8 +115,8 @@ orderCount.value = 2000;
</el-row> </el-row>
<!-- 数据卡片 --> <!-- 数据卡片 -->
<el-row :gutter="40" class="mb-8"> <el-row :gutter="40" class="mb-4">
<el-col :xs="24" :sm="12" :lg="6"> <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
<div class="data-box"> <div class="data-box">
<div <div
class="text-[#40c9c6] hover:!text-white hover:bg-[#40c9c6] p-3 rounded" class="text-[#40c9c6] hover:!text-white hover:bg-[#40c9c6] p-3 rounded"
@@ -133,7 +133,7 @@ orderCount.value = 2000;
</el-col> </el-col>
<!--消息数--> <!--消息数-->
<el-col :xs="24" :sm="12" :lg="6"> <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
<div class="data-box"> <div class="data-box">
<div <div
class="text-[#36a3f7] hover:!text-white hover:bg-[#36a3f7] p-3 rounded" class="text-[#36a3f7] hover:!text-white hover:bg-[#36a3f7] p-3 rounded"
@@ -149,7 +149,7 @@ orderCount.value = 2000;
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :lg="6"> <el-col :xs="24" :sm="12" :lg="6" class="mb-4">
<div class="data-box"> <div class="data-box">
<div <div
class="text-[#f4516c] hover:!text-white hover:bg-[#f4516c] p-3 rounded" class="text-[#f4516c] hover:!text-white hover:bg-[#f4516c] p-3 rounded"
@@ -164,7 +164,7 @@ orderCount.value = 2000;
</div> </div>
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="12" :lg="6"> <el-col :xs="24" :sm="12" :lg="6" class="mb-2">
<div class="data-box"> <div class="data-box">
<div <div
class="text-[#34bfa3] hover:!text-white hover:bg-[#34bfa3] p-3 rounded" class="text-[#34bfa3] hover:!text-white hover:bg-[#34bfa3] p-3 rounded"
@@ -234,7 +234,6 @@ orderCount.value = 2000;
.data-box { .data-box {
font-weight: bold; font-weight: bold;
padding: 20px; padding: 20px;
cursor: pointer;
color: var(--el-text-color-regular); color: var(--el-text-color-regular);
background: var(--el-bg-color-overlay); background: var(--el-bg-color-overlay);
box-shadow: var(--el-box-shadow-dark); box-shadow: var(--el-box-shadow-dark);