源代码
<template>
<div>
<h2>Basic Layout</h2>
<Layout style="width:700px;height:250px;">
<LayoutPanel region="north" style="height:50px;">
<div class="title">North Region</div>
</LayoutPanel>
<LayoutPanel region="south" style="height:50px;">
<div class="title">South Region</div>
</LayoutPanel>
<LayoutPanel region="west" style="width:120px;">
<div class="title">West Region</div>
</LayoutPanel>
<LayoutPanel region="east" style="width:120px;">
<div class="title">East Region</div>
</LayoutPanel>
<LayoutPanel region="center" style="height:100%">
<div class="title">Center Region</div>
</LayoutPanel>
</Layout>
</div>
</template>
<script>
export default {};
</script>
<style>
.title {
text-align: center;
margin-top: 10px;
}
</style>