From 3140ec8fc9ac7d7fce42ee2d3ef222323a1c05ff Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期五, 23 四月 2021 11:19:04 +0800 Subject: [PATCH] 修改滚动条 --- src/views/popup/Popup.vue | 26 ++++++++++++++------------ 1 files changed, 14 insertions(+), 12 deletions(-) diff --git a/src/views/popup/Popup.vue b/src/views/popup/Popup.vue index ac5d088..02703b5 100644 --- a/src/views/popup/Popup.vue +++ b/src/views/popup/Popup.vue @@ -1,6 +1,6 @@ <template> <div id="popup" v-if="isShow" class="s-map-popup-panel"> - <el-tabs v-model="tabsValue" type="card" @edit="handleTabsEdit"> + <el-tabs v-model="tabsValue" type="card"> <el-tab-pane :key="item.name" v-for="(item) in tabs" @@ -8,8 +8,8 @@ :name="item.name" > <el-row v-for="(v,k) in filter" :key="k"> - <el-col :span="12">{{k}}</el-col> - <el-col :span="12">{{v}}</el-col> + <el-col :span="10"><B>{{k}}锛�</B></el-col> + <el-col :span="14">{{v}}</el-col> </el-row> </el-tab-pane> </el-tabs> @@ -25,10 +25,7 @@ data () { return { tabsValue: '1', - tabs: [{ - title: '姹¢洦姘�', - name: '1' - }], + tabs: [], tabIndex: 2, isShow: false, properties: {}, @@ -75,8 +72,13 @@ this.editableTabs = tabs.filter(tab => tab.name !== targetName) } }, - setDatas (feature) { - this.properties = feature.properties + setDatas (layer) { + console.log(layer) + this.tabs = [{ + title: layer.feature.properties.name || layer.feature.id, + name: '1' + }] + this.properties = layer.feature.properties }, setShow () { // this.style.display='auto' @@ -94,9 +96,9 @@ <style lang="less" > @import '../../assets/css/map/map-popup.less'; #popup{ - .el-tabs__content{ - max-height: 300px; - overflow: auto; + .el-tabs__content{ + max-height: 240px; + overflow-y: scroll; } } </style> -- Gitblit v1.8.0