Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
<template>
  <div>
		<h2>Header and Footer</h2>
		<Panel :bodyStyle="{padding:'20px'}" style="height:200px">
			<template slot="header">
				<div class="f-row">
					<div class="f-full" style="line-height:30px">Panel Title</div>
					<TextBox iconCls="icon-search"></TextBox>
				</div>
			</template>
			<p>Panel Content.</p>
			<template slot="footer">
				<div style="padding:5px">
					<LinkButton iconCls="icon-add">New</LinkButton>
					<LinkButton iconCls="icon-remove">Remove</LinkButton>
				</div>
			</template>
		</Panel>
  </div>
</template>

<script>
export default {};
</script>