From ae03714bb9b7e509791451290e26eceabc5838e5 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期四, 15 四月 2021 17:49:29 +0800
Subject: [PATCH] 解决table 横向不滚动！
---
src/components/panel/ToolBoxPanel.vue | 20 ++++++++------------
1 files changed, 8 insertions(+), 12 deletions(-)
diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue
index b9b89f9..aa9d37c 100644
--- a/src/components/panel/ToolBoxPanel.vue
+++ b/src/components/panel/ToolBoxPanel.vue
@@ -2,13 +2,12 @@
<div class="left-top-toolbox-panel">
<div class="specific-tools">
<el-tooltip :popper-class="'map-tooltip'" effect="dark" content="宸ュ叿" placement="left">
- <el-button :class="selectGroup === true ?'active-button':''" class="el-button-choice" @click.enter.native="changeSelectMouse">
+ <div :class='["iconBtn",selectGroup === true ? "active-button" : ""]' @click="changeSelectMouse" >
<i class="icon iconfont icongongju"></i>
- <!--<span class="span-default">宸ュ叿</span>-->
- </el-button>
+ </div>
</el-tooltip>
<transition name="animationChange">
- <el-row v-show="selectGroup" class="specific-tools-group">
+ <div v-show="selectGroup" class="specific-tools-group">
<el-popover
trigger="manual"
placement="bottom"
@@ -18,13 +17,9 @@
v-model="isShow[index]"
>
<el-button slot="reference" class="el-button" :class="active === index? 'tools-panel-choose':''" @click.native="changeChoose(index)">
- <!-- <img :src="item.iconSelecd" alt="" v-if="active === index"/>
- <img :src="item.icon" alt="" v-else/> -->
<i :class="'icon iconfont '+item.icon"></i>
</el-button>
<el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)" v-show="item.index!=='2'">
- <!-- <img :src="itemT.iconChoose" :title="itemT.title" v-if="Selecd === indexT && checkedItem" alt=""/>
- <img :src="itemT.icon" :title="itemT.title" alt="" v-else/> -->
<i :class="'icon iconfont '+itemT.icon"></i>
</el-button>
<lc-base-map v-show="item.index==='2'"></lc-base-map>
@@ -32,7 +27,7 @@
<!-- <el-button @click="changeSelect" class="special-button">
<i class="el-icon-d-arrow-left"></i>
</el-button> -->
- </el-row>
+ </div>
</transition>
</div>
</div>
@@ -437,6 +432,7 @@
margin: 0 0.015rem;
width: 0.2725rem;
height: 0.2725rem;
+ color:#fff;
background: @background-color;
vertical-align: middle !important;
font-size: 20px;
@@ -487,9 +483,9 @@
z-index: 1;
.tools-panel-choose {
- border: none;
- box-shadow: 0 0 0.03rem @color-shadow;
-
+ border: 0.00521rem solid #fff700;
+ box-shadow: 0 0 0.03rem #fff700;
+ color:#fff700;
img {
width: 22px;
height: 22px;
--
Gitblit v1.8.0