From 16eb67ab6b103663d30cad9ba74360f982e131cb Mon Sep 17 00:00:00 2001
From: xiangpei <xiangpei@timesnew.cn>
Date: 星期二, 03 九月 2024 10:34:59 +0800
Subject: [PATCH] 自定义列显隐控制
---
src/views/screen/components/wrapper-title/index.vue | 33 +++++++++++++++++++++++++--------
1 files changed, 25 insertions(+), 8 deletions(-)
diff --git a/src/views/screen/components/wrapper-title/index.vue b/src/views/screen/components/wrapper-title/index.vue
index 81de806..12857a9 100644
--- a/src/views/screen/components/wrapper-title/index.vue
+++ b/src/views/screen/components/wrapper-title/index.vue
@@ -2,12 +2,13 @@
<div class="title-container">
<span class="title">{{ title }}</span>
- <div class="more-button">
- <dv-border-box-12>
- <div class="button-text">
- 璇︽儏
- </div>
- </dv-border-box-12>
+ <div class="more-button" v-if="path" @click="toPath">
+ <div class="icon">
+ <!-- <img src="@/assets/icons/setting.png" alt=""> -->
+ </div>
+ <div class="button-text">
+
+ </div>
</div>
</div>
</template>
@@ -22,6 +23,12 @@
},
path: {
type: String,
+ default: ''
+ }
+ },
+ methods: {
+ toPath() {
+ this.$router.push(this.path);
}
}
}
@@ -50,9 +57,19 @@
}
.more-button {
- width: 100px;
height: 40px;
cursor: pointer;
+ display: flex;
+ align-items: center;
+ .icon {
+ width: 20px;
+ margin-top: 4px;
+ margin-right: 2px;
+ img {
+ width: 100%;
+ display: block;
+ }
+ }
.button-text {
width: 100%;
@@ -61,7 +78,7 @@
justify-content: center;
align-items: center;
color: #ffffff81;
- font-size: 20px;
+ font-size: 16px;
}
}
}
--
Gitblit v1.8.0