Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
<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>