hanbaoshan
2020-10-20 98a6297b10a4b97c3022f84d3ba7908c178d9ee0
src/pages/visual/index/App.vue
@@ -19,31 +19,25 @@
</template>
<script>
//import LeftNav from "../components/LeftNav.vue";
import LeftNav from "../components/LeftNav.vue";
import TopNav from "../components/TopNav.vue";
import Home from "./home"
import Home from "./home";
export default {
  mounted() {
    this.screenHeight = document.documentElement.clientHeight - 90;
    this.getCenter();
    this.TreeDataPool.showTreeBox = false
    this.TreeDataPool.showTreeBox = true;
    this.screenHeight = document.documentElement.clientHeight - 90;
    document.title = "SmartAI";
  },
  components: {
    LeftNav,
    TopNav,
    Home
  },
  computed: {
    classRouterView() {
      return {
        float: "left",
        height: "100%",
        width: this.TreeDataPool.showTreeBox ? "100%" : "calc(100% - 350px)"
      };
    }
  },
  data() {
    return {
      screenHeight: 0,
@@ -74,7 +68,29 @@
  min-width: 1350px;
  overflow: auto;
}
.hasLeftTree{
.tree-menu {
  max-width: 270px !important;
}
.box-card .s-card-right-double {
  background-color: transparent;
}
.box-card .s-card-right-signal {
  background-color: transparent;
}
.left-tree-box .el-menu-vertical-demo:hover {
  overflow-y: visible;
  overflow-x: hidden;
}
.el-menu-vertical-demo::-webkit-scrollbar {
  background-color: transparent !important;
}
.el-menu-vertical-demo::-webkit-scrollbar-thumb {
  background-color: transparent !important;
}
.el-menu-vertical-demo::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.hasLeftTree {
  float: left;
  width: calc(100% - 315px);
}