可视化页面计算动态宽度

hanbaoshan

2020-09-16 d746a8a8342fb6686dd4338a892e1a39dca058ea

 src/pages/visual/index/App.vue

@@ -13,7 +13,7 @@
        </div>
      </div>

      <home></home>
      <home :class="{'hasLeftTree':TreeDataPool.showTreeBox}"></home>
    </div>
  </div>
</template>
@@ -74,6 +74,10 @@
  min-width: 1350px;
  overflow: auto;
}
.hasLeftTree{
  float: left;
  width: calc(100% - 315px);
}
.router-view-box {
  width: 100%;
  height: 100%;