| | |
| | | <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" |
| | |
| | | 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> |
| | |
| | | <!-- <el-button @click="changeSelect" class="special-button"> |
| | | <i class="el-icon-d-arrow-left"></i> |
| | | </el-button> --> |
| | | </el-row> |
| | | </div> |
| | | </transition> |
| | | </div> |
| | | </div> |
| | |
| | | margin: 0 0.015rem; |
| | | width: 0.2725rem; |
| | | height: 0.2725rem; |
| | | color:#fff; |
| | | background: @background-color; |
| | | vertical-align: middle !important; |
| | | font-size: 20px; |
| | |
| | | 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; |