| | |
| | | class="MenuIcon" |
| | | :class="{ lefMenuActive: showMenuFlag == item.id }" |
| | | > |
| | | <div class="menuDiv" :title="item.name" @click="setMenuChange(item)"> |
| | | <div class="menuImage" :class="item.class"></div> |
| | | <div |
| | | class="menuDiv" |
| | | :title="item.name" |
| | | @click="setMenuChange(item)" |
| | | > |
| | | <div |
| | | class="menuImage" |
| | | :class="item.class" |
| | | ></div> |
| | | </div> |
| | | </div> |
| | | <div class="MenuIcon menu-class" :class="{ lefMenuActive: showMenuFlag == menuItem.id }"> |
| | | <div class="menuDiv" :title="menuItem.name" @click="setMenuChange(menuItem)"> |
| | | <div class="menuImage" :class="menuItem.class"></div> |
| | | <div |
| | | class="MenuIcon menu-class" |
| | | :class="{ lefMenuActive: showMenuFlag == menuItem.id }" |
| | | > |
| | | <div |
| | | class="menuDiv" |
| | | :title="menuItem.name" |
| | | @click="setMenuChange(menuItem)" |
| | | > |
| | | <div |
| | | class="menuImage" |
| | | :class="menuItem.class" |
| | | ></div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="rightContent"> |
| | | <div class="left_main" :class="{ left_main_show: !openStatus }"> |
| | | <div |
| | | class="left_main" |
| | | :class="{ left_main_show: !openStatus }" |
| | | > |
| | | <div class="right_Map"> |
| | | <left-menu></left-menu> |
| | | </div> |
| | |
| | | methods: { |
| | | //左侧菜单滑动显隐 |
| | | setMenuChange(res) { |
| | | if (res.id == this.showMenuFlag){ |
| | | if (res.id == this.showMenuFlag) { |
| | | return; |
| | | } |
| | | //清除查询弹窗 |
| | |
| | | center; |
| | | } |
| | | .menu_img4 { |
| | | background: url("../../assets/img/synthesis/图层 8 拷贝 2.png") |
| | | no-repeat center; |
| | | background: url("../../assets/img/synthesis/图层 3.png") no-repeat |
| | | center; |
| | | } |
| | | .menu_img5 { |
| | | background: url("../../assets/img/synthesis/矢量智能对象 拷贝 3.png") |
| | |
| | | .left_main { |
| | | margin: 0; |
| | | //width: 255px; |
| | | width: 130px; |
| | | padding-bottom: 10px; |
| | | height: calc(100% - 10px); |
| | | width: 140px; |
| | | // padding-bottom: 10px; |
| | | height: 100%; |
| | | |
| | | overflow-y: auto; |
| | | //height: auto; |
| | | transition: width 1s; |
| | | background: #F4F8FF; |
| | | // background: #f4f8ff; |
| | | } |
| | | |
| | | .right_main { |
| | |
| | | } |
| | | } |
| | | |
| | | .menu-class{ |
| | | .menu-class { |
| | | position: absolute; |
| | | bottom: 10px; |
| | | left: 0; |