From 7845b8946aa2e58f053b09cef897e6c58df60e8a Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期三, 07 四月 2021 15:31:14 +0800 Subject: [PATCH] 统一样式-图层组件按钮添加 --- src/components/panel/ToolBoxPanel.vue | 16 +++++++++++----- 1 files changed, 11 insertions(+), 5 deletions(-) diff --git a/src/components/panel/ToolBoxPanel.vue b/src/components/panel/ToolBoxPanel.vue index ec5b7d2..850d54c 100644 --- a/src/components/panel/ToolBoxPanel.vue +++ b/src/components/panel/ToolBoxPanel.vue @@ -1,10 +1,12 @@ <template> <div class="left-top-toolbox-panel"> <div class="specific-tools"> - <el-button :class="selectGroup === true ?'active-button':''" class="el-button-choice" @click.enter.native="changeSelectMouse"> + <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"> <img src="@assets/images/map-pages/icon/toolbox/Selecd/tool.png" alt="" class="icon" /> <!--<span class="span-default">宸ュ叿</span>--> - </el-button> + </el-button> + </el-tooltip> <transition name="animationChange"> <el-row v-show="selectGroup" class="specific-tools-group"> <el-popover @@ -20,8 +22,8 @@ @click.native="changeChoose(index)"> <img :src="item.iconSelecd" alt="" v-if="active === index"/> <img :src="item.icon" alt="" v-else/> - <span v-if="active === index">{{ item.label }}</span> - <span v-else class="default-span">{{ item.label }}</span> + <!--<span v-if="active === index">{{ item.label }}</span> + <span v-else class="default-span">{{ item.label }}</span>--> </el-button> <el-button v-for="(itemT,indexT) in item.items" :key="indexT" @click="choiceItem(itemT,indexT)" v-show="item.index!=='2'"> @@ -487,7 +489,11 @@ .special-button { width: 0.1362rem; height: 0.2725rem; - color: @color-over; + color: #C0C4CC; + border-radius: 0.03rem 50% 50% 0.03rem; + } + .special-button:hover{ + color: #00fff6; } } } -- Gitblit v1.8.0