From 8e3cf8dea40d0ee4723ed6765697c093d7822a39 Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期四, 03 四月 2025 16:31:54 +0800
Subject: [PATCH] 项目组总积分
---
src/App.vue | 33 ++++++++++++++++++++++++++++-----
1 files changed, 28 insertions(+), 5 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index f2c8708..2816848 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,25 +5,26 @@
</template>
<script>
+import { mapState } from 'vuex'
export default {
name: 'App',
data() {
return {
windowWidth: window.innerWidth,
- isCollapse: false
}
},
watch: {
windowWidth(newWidth) {
// 当窗口宽度小于某个值时，可以触发折叠
- if (newWidth < 1200 && !this.isCollapse) {
- this.isCollapse = true
+ if (newWidth < 1000) {
this.$store.commit('SET_ISFOLD', true)
- } else if (newWidth >= 1200 && this.isCollapse) {
- this.isCollapse = false
+ } else if (newWidth >= 1000 && this.isFold) {
this.$store.commit('SET_ISFOLD', false)
}
}
+ },
+ computed: {
+ ...mapState(['isFold'])
},
created() {
// 初始化时检查窗口大小
@@ -39,6 +40,11 @@
},
methods: {
handleResize() {
+ if (window.innerWidth < 1000) {
+ this.$store.commit('SET_ISFOLD', true)
+ } else if (window.innerWidth >= 1000 && this.isFold) {
+ this.$store.commit('SET_ISFOLD', false)
+ }
this.windowWidth = window.innerWidth
}
},
@@ -147,4 +153,21 @@
.el-tabs__active-bar {
background-color: #009688;
}
+
+.el-button+.el-button,
+.el-checkbox.is-bordered+.el-checkbox.is-bordered {
+ margin-left: 0;
+}
+
+.btn_box,
+.search-btn-box .el-form-item__content {
+ display: flex;
+ justify-content: center;
+ gap: 10px;
+}
+
+.search-btn-box .el-form-item__content {
+
+ margin-left: 63px;
+}
</style>
--
Gitblit v1.7.1