From a94e89e2a85d05ce57853bbb0f6c6f0b6f7c536a Mon Sep 17 00:00:00 2001
From: chenzeping <ChenZeping02609@163.com>
Date: 星期四, 08 四月 2021 11:22:25 +0800
Subject: [PATCH] 弹框问题修改
---
src/components/panel/RightSearchPanel.vue | 64 ++++++++++++++++----------------
1 files changed, 32 insertions(+), 32 deletions(-)
diff --git a/src/components/panel/RightSearchPanel.vue b/src/components/panel/RightSearchPanel.vue
index d4f7db6..30af0e3 100644
--- a/src/components/panel/RightSearchPanel.vue
+++ b/src/components/panel/RightSearchPanel.vue
@@ -5,15 +5,18 @@
<!-- :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>
-<!-- <span>{{item.name}}</span>-->
-<!-- <div >-->
- <img src="../../assets/images/map-pages/icon/sl.png" class="icon">
-<!-- </div>-->
- </li>
- </el-tooltip>
+ <el-tooltip :popper-class="'map-tooltip'" effect="dark" :content="item.name" placement="left">
+ <li>
+ <img src="../../assets/images/map-pages/icon/sl.png" class="icon">
+ </li>
+ </el-tooltip>
</ul>
</div>
</div>
@@ -35,11 +38,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:0 6px 6px 6px;font-size: 13px;">
+ <component :title="title" :is="gcComp"></component>
</div>
+ </div>
</div>
</div>
</template>
@@ -97,7 +100,7 @@
},
selected (val) {
// console.log(val)
- this.title = val.name + '锛堟绱級'
+ this.title = val.name
this.topicList.forEach((itm) => {
itm.checked = val.name === itm.name
})
@@ -177,11 +180,7 @@
</script>
<style lang="less">
-.search-title{
- color:@color-title;
- font-size: 18px;
- margin: 5px;
-}
+
.search-container {
position: relative;
width: 1.79167rem;
@@ -222,7 +221,7 @@
//top: 10px;
height: 0;
position: absolute;
- top: .46rem;
+ top: 0.42979rem;
right: 0.14583rem;
z-index: 501;
display: -webkit-box;
@@ -248,6 +247,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);
@@ -455,13 +463,14 @@
.el-icon-search{
width: 40px;
border:1px solid @color;
- height: 26px;
- line-height: 26px;
+ height: 28px;
+ line-height: 28px;
text-align: center;
color:#fff;
border-radius: 2px;
cursor:pointer;
background: rgba(0,16,30,.5);
+ padding:0;
}
}
/*鍗曢�夋寜閽牱寮�*/
@@ -510,16 +519,6 @@
color:@color-over;
background: @background-color;
}
- //.search-panel {
- // border: #07325B;
- // background-color: #07325B !important;
- // margin-top: 0px;
- //
- // .el-input__inner {
- // border-radius: 0px !important;
- // background-color: #061e51 !important;
- // }
- //}
input::-webkit-input-placeholder {
color: #569ee1;
@@ -687,10 +686,11 @@
.sewers-search{
position: relative;
overflow: hidden;
+ .panel-title{}
.search-panel{
background-color: transparent;
- border: 1px solid @background-color-split;
padding: 10px 0;
+ border-bottom: 1px solid @background-color-split;
// .el-input{width:calc(100% - 40px);position: relative}
/deep/ input {
border-radius: 0;
--
Gitblit v1.8.0