From 0ae83a895e80a4b9777a27f613d721a7e5e2ac18 Mon Sep 17 00:00:00 2001
From: ali <ali9696@163.com>
Date: 星期二, 03 九月 2024 10:18:27 +0800
Subject: [PATCH] 整体样式修改
---
energy_management_ui/src/components/shrink/index.vue | 17 ++++++++++-------
1 files changed, 10 insertions(+), 7 deletions(-)
diff --git a/energy_management_ui/src/components/shrink/index.vue b/energy_management_ui/src/components/shrink/index.vue
index 5bec340..af6c557 100644
--- a/energy_management_ui/src/components/shrink/index.vue
+++ b/energy_management_ui/src/components/shrink/index.vue
@@ -1,9 +1,12 @@
<template>
<el-col class="shrink-col">
<div class="click-img">
- <img src="~@/assets/image/rectangle.png" alt=""
- style="transform:rotate(180deg)"
- @click="toggleCollapse">
+ <img
+ src="~@/assets/image/rectangle.png"
+ alt=""
+ style="transform:rotate(180deg)"
+ @click="toggleCollapse"
+ />
</div>
</el-col>
</template>
@@ -12,17 +15,17 @@
export default {
methods: {
toggleCollapse() {
- this.$emit('toggleCollapse')
+ this.$emit("toggleCollapse");
}
}
-}
+};
</script>
<style scoped lang="scss">
.shrink-col {
width: 48px;
- background: white;
- margin: 5px 20px 5px 0;
+ background: #09256b;
+ margin: 0 12px 0 0;
box-sizing: border-box;
box-shadow: 0 2px 12px 0 #0000001a;
padding-top: 22px;
--
Gitblit v1.9.3