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/actualPopulation/index.vue | 73 +++++++++++++++++++++++++++++++++++-
1 files changed, 70 insertions(+), 3 deletions(-)
diff --git a/src/views/oneThree/actualPopulation/index.vue b/src/views/oneThree/actualPopulation/index.vue
index 7f955bc..46b4716 100644
--- a/src/views/oneThree/actualPopulation/index.vue
+++ b/src/views/oneThree/actualPopulation/index.vue
@@ -35,6 +35,29 @@
</div>
<the-a-tabs style="margin: 8px 0" :data="['娴佸姩浜哄彛', '瀹炴湁浜哄彛']" :index="0" />
<div class="main">
+ <div class="menus">
+ <div>
+ <the-a-select :data="['1鍙锋ゼ', '2鍙锋ゼ']" placeholder="璇烽�夋嫨" title="灞呬綇鍦板潃"></the-a-select>
+ </div>
+ <div><the-a-select :data="['鏄�', '鍚�']" placeholder="璇烽�夋嫨" title="瀹炲悕鐘舵��"></the-a-select></div>
+ <div>
+ <the-a-select :data="['閲嶇偣', '闈為噸鐐�']" placeholder="璇烽�夋嫨" title="閲嶇偣绫诲瀷"></the-a-select>
+ </div>
+ <div>
+ <the-a-select :data="['鍐滀笟', '闈炲啘涓�']" placeholder="璇烽�夋嫨" title="鎴风睄绫诲瀷"></the-a-select>
+ </div>
+ <div>
+ <the-a-select :data="['姝ｅ簭', '鍊掑簭']" placeholder="璇烽�夋嫨" title="鎺掑簭"></the-a-select>
+ </div>
+ <div class="right">
+ <div>
+ <icon-list size="20" />
+ </div>
+ <div class="active">
+ <icon-apps size="20" />
+ </div>
+ </div>
+ </div>
<div class="cards">
<a-card v-for="(item, key) in list" :key="key" class="card-box card-bg-custom">
<the-img-card :title="item.title" :icon="item.icon" :contents="item.contents"></the-img-card>
@@ -86,6 +109,24 @@
]
})
);
+const changeData = reactive([
+ {
+ name: "1澶�",
+ value: "1"
+ },
+ {
+ name: "2澶�",
+ value: "2"
+ },
+ {
+ name: "3澶�",
+ value: "3"
+ },
+ {
+ name: "鑷畾涔�",
+ value: "custom"
+ }
+]);
const cascaderData = reactive([
{
value: "beijing",
@@ -197,6 +238,30 @@
</script>
<style lang="scss" scoped>
+.menus .right {
+ background: var(--color-fill-2);
+ padding: 2px;
+ display: flex;
+ position: absolute;
+ right: 0;
+ margin-right: 0;
+ > div {
+ width: 34px;
+ height: 34px;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ &.active {
+ background: #1057fd;
+ color: #fff;
+ }
+ }
+}
+.main .menus {
+ padding: 0 !important;
+ margin-bottom: 20px;
+}
.comprehensive {
display: flex;
flex-direction: column;
@@ -207,12 +272,14 @@
margin-top: 8px;
padding: 14px 20px;
display: flex;
+ align-items: center;
+ position: relative;
> div {
- margin-left: 20px;
+ margin-right: 20px;
}
}
.main {
- padding: 8px 20px;
+ padding: 8px 12px;
background: var(--color-bg-2);
margin-top: 8px;
flex: 1;
@@ -220,7 +287,7 @@
overflow: hidden;
> div {
float: left;
- margin: 0 20px 20px 0;
+ margin: 0 12px 12px 0;
}
}
}
--
Gitblit v1.8.0