From 57b66478e7e335379435b31c20da4619bd1411f5 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期一, 26 八月 2024 18:47:46 +0800
Subject: [PATCH] fix: 修改部分样式
---
src/views/oneThree/comprehensive/index.vue | 66 ++++++++++++++++++---------------
1 files changed, 36 insertions(+), 30 deletions(-)
diff --git a/src/views/oneThree/comprehensive/index.vue b/src/views/oneThree/comprehensive/index.vue
index 7e80acf..258abbf 100644
--- a/src/views/oneThree/comprehensive/index.vue
+++ b/src/views/oneThree/comprehensive/index.vue
@@ -1,39 +1,43 @@
<template>
<div class="comprehensive">
- <div class="top-title">
- <the-icon-card
- v-for="(item, index) in dataList"
- :key="index"
- :title="item.title"
- :icon="item.icon"
- :unit="item.unit"
- :metering="item.metering"
- :color-bg="item.colorBg"
- ></the-icon-card>
- </div>
- <div class="menus">
- <the-a-cascader :data="cascaderData" placeholder="璇烽�夋嫨" title="鍖哄煙"></the-a-cascader>
- <div><the-a-search placeholder="璇疯緭鍏�" title="鎼滅储"></the-a-search></div>
- <div><the-a-change :data="changeData" default-value="custom"></the-a-change></div>
- <div><a-time-picker type="time-range" style="width: 250px" /></div>
- <div>
- <a-button type="primary">
- <template #icon>
- <icon-search />
- </template>
- <template #default>鎼滅储</template>
- </a-button>
+ <div>
+ <div class="top-title">
+ <the-icon-card
+ v-for="(item, index) in dataList"
+ :key="index"
+ :title="item.title"
+ :icon="item.icon"
+ :unit="item.unit"
+ :metering="item.metering"
+ :color-bg="item.colorBg"
+ ></the-icon-card>
</div>
- <div>
- <a-button>
- <template #icon>
- <icon-refresh />
- </template>
- <template #default>閲嶇疆</template>
- </a-button>
+ <div class="menus">
+ <the-a-cascader :data="cascaderData" placeholder="璇烽�夋嫨" title="鍖哄煙"></the-a-cascader>
+ <div><the-a-search placeholder="璇疯緭鍏�" title="鎼滅储"></the-a-search></div>
+ <div><the-a-change :data="changeData" default-value="custom"></the-a-change></div>
+ <div><a-time-picker type="time-range" style="width: 250px" /></div>
+ <div>
+ <a-button type="primary">
+ <template #icon>
+ <icon-search />
+ </template>
+ <template #default>鎼滅储</template>
+ </a-button>
+ </div>
+ <div>
+ <a-button>
+ <template #icon>
+ <icon-refresh />
+ </template>
+ <template #default>閲嶇疆</template>
+ </a-button>
+ </div>
</div>
</div>
+
<div class="main">
+ <!-- <a-scrollbar class="box-scrollbar" style="height: calc(100vh - 300px) overflow: auto"> -->
<div class="cards">
<the-box-card
v-for="(item, index) in list"
@@ -56,6 +60,7 @@
></the-box-card>
</div>
<a-pagination :total="50" show-total show-jumper show-page-size style="margin-top: 8px" />
+ <!-- </a-scrollbar> -->
</div>
</div>
</template>
@@ -238,6 +243,7 @@
}
.top-title {
display: flex;
+ width: 100%;
}
.card-box {
width: 391px;
--
Gitblit v1.8.0