From af97afdfc673efbd05ff21f02da8f93eb9b721e6 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期四, 08 四月 2021 17:20:52 +0800
Subject: [PATCH] 统一样式-图层控制面板折叠效果添加。
---
src/components/panel/RightSearchPanel.vue | 27 ++++++++++++++++++++-------
1 files changed, 20 insertions(+), 7 deletions(-)
diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue
index 41d70da..28910bb 100644
--- a/src/components/panel/RightSearchPanel.vue
+++ b/src/components/panel/RightSearchPanel.vue
@@ -4,14 +4,14 @@
<div style=" display: inline-flex;">
<div class="panel-tab">
<div class="container">
- <ul>
+ <!-- <ul>
<li style="text-align: right">
<div @click="setSearchPanelChange" type="button" class="el-button special-button el-button--default">
<i class=" el-icon-d-arrow-right" v-if="selectGroup"></i>
<i class=" el-icon-d-arrow-left" v-else ></i>
</div>
</li>
- </ul>
+ </ul> -->
<ul v-for="item in topicList" :key="item.name" :class="item.checked?'module-wrap map-btn-active':'module-wrap map-btn-unactive'" @click="()=>{selected(item)}" >
<el-tooltip :popper-class="'map-tooltip'" effect="dark" :content="item.name" placement="left">
<li>
@@ -26,6 +26,10 @@
<div :class="[isCollapse? 'btn-stretch':'btn-shrink']" ></div>
</div>
<div :class="'search-container map-background'" v-show="selectGroup" >
+ <div @click="setSearchPanelChange" type="button" class="el-button special-button el-button--default ">
+ <i class=" el-icon-d-arrow-right" v-if="selectGroup"></i>
+ <i class=" el-icon-d-arrow-left" v-else ></i>
+ </div>
<div class="el-message-box__content" style="padding:0 6px 6px 6px;font-size: 13px;">
<component :title="title" :is="gcComp"></component>
</div>
@@ -258,19 +262,28 @@
// background-color: #061e51 !important;
// border: solid 1px #0e639e !important;
//}
- .el-button--default {
- padding: 15px 3px;
+ .el-button--default.special-button {
+ padding: 0;
background:@background-color4;
color:@color-tool;
- border:1px solid @color-tool;
+ position: absolute;
+ top:24px;
+ right:0.02rem;
+ border:none;//1px solid @color-tool;
+ width: 0.2rem;
+ height: 0.2rem;
+ text-align: center;
+ line-height: 0.2rem;
+ margin-top: -0.1rem;
+ border-radius: 50%;
+ z-index: 999;
}
- .el-button--default:hover{
+ .el-button--default.special-button:hover{
background:@background-color;
border:1px solid @color;
box-shadow: 0 0 2px @color;
color:@color;
}
-
.el-form-item__label {
color: rgb(52, 224, 255);
color: @color;
--
Gitblit v1.8.0