容器组件

whychdw

2021-03-02 f948c42a5a71b0bfbbc901f439d41f723a26dc07

 src/pages/test.vue

@@ -4,19 +4,19 @@
<!--      <circle-chart id="circleTest" ref="circleTest"></circle-chart>-->
<!--    </div>-->
    <div class="test-wrapper mg8">
      <div class></div>
      <div class="layout-box-wrapper">
        <div class="layout-box-header">单体容量</div>
      </div>
      <layout-box title="在线电压和组端电压">

      </layout-box>
    </div>
  </div>
</template>

<script>

import LayoutBox from "@/components/LayoutBox";
export default {
  name: "Test",
  components: {},
  components: {LayoutBox},
  data() {
    return {}
  },
@@ -31,12 +31,5 @@
}
.mg8 {
  margin: 8px;
}
.layout-box-wrapper {
  position: relative;
  height: 100%;
  background-color: #021651;
  border-radius: 12px;
  border: 1px solid #073980;
}
</style>