From 7845b8946aa2e58f053b09cef897e6c58df60e8a Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期三, 07 四月 2021 15:31:14 +0800
Subject: [PATCH] 统一样式-图层组件按钮添加
---
src/components/panel/RightSearchPanel.vue | 26 ++++++++++++++++++++------
1 files changed, 20 insertions(+), 6 deletions(-)
diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue
index d4f7db6..875399d 100644
--- a/src/components/panel/RightSearchPanel.vue
+++ b/src/components/panel/RightSearchPanel.vue
@@ -5,6 +5,11 @@
<!-- :class="{'B-TMT-tab-waybill-isActive': isWaybillHover}">-->
<!-- <img :src="item.icon" style="width: 24px;height: 24px;"></div>-->
<div class="container">
+ <ul>
+ <li style="text-align: right">
+ <button type="button" class="el-button special-button el-button--default el-icon-d-arrow-right"></button>
+ </li>
+ </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>
@@ -35,11 +40,11 @@
<div :class="[isCollapse? 'btn-stretch':'btn-shrink']" ></div>
</div>
- <div :class="'search-container map-background'">
- <div class="el-message-box__content" style="padding:6px;font-size: 13px;">
- <component :title="title" :is="gcComp"></component>
- </div>
+ <div :class="'search-container map-background'">
+ <div class="el-message-box__content" style="padding:6px;font-size: 13px;">
+ <component :title="title" :is="gcComp"></component>
</div>
+ </div>
</div>
</div>
</template>
@@ -97,7 +102,7 @@
},
selected (val) {
// console.log(val)
- this.title = val.name + '锛堟绱級'
+ this.title = val.name
this.topicList.forEach((itm) => {
itm.checked = val.name === itm.name
})
@@ -222,7 +227,7 @@
//top: 10px;
height: 0;
position: absolute;
- top: .46rem;
+ top: 0.42979rem;
right: 0.14583rem;
z-index: 501;
display: -webkit-box;
@@ -248,6 +253,15 @@
// background-color: #061e51 !important;
// border: solid 1px #0e639e !important;
//}
+ .el-button--default {
+ padding: 15px 3px;
+ background: rgba(0, 16, 30, 0.7);
+ color: #C0C4CC;
+ border-radius:50% 0.03rem 0.03rem 50% ;
+ }
+ .el-button--default:hover{
+ background:@background-color;
+ }
.el-form-item__label {
color: rgb(52, 224, 255);
--
Gitblit v1.8.0