import { BeTabs, BeTabPane } from '@brewer/beerui'
let active = 'u1'
const tabClick = (evt) => {
	active = evt.detail
}
let items:TabItem[] = [{ key: 'u1', label: '用户管理' }, { key: 'u2', label: '配置管理' }, { key: 'u3', label: '角色管理' }, { key: 'u4', label: '定时任务补偿' } ]
	
		
<BeTabs bind:active={active} {items} on:tabClick={tabClick}>
	{#each items as item}
	<BeTabPane {active} {...item}>
		<h3>{item.label}</h3>
		<h3>选项卡切换</h3>
	</BeTabPane>
	{/each}
</BeTabs>

	

		
let active2 = 'u1';
		
<BeTabs bind:active={active2} items={[{ key: 'u1', label: '选项卡1' }, { key: 'u2', label: '选项卡2' }]} on:tabClick={ ({ detail }) => active2 = detail }>
	<BeTabPane active={active2} key='u1'>
		<p>选项卡内容1</p>
	</BeTabPane>
	<BeTabPane active={active2} key='u2'>
		<p>选项卡内容2</p>
	</BeTabPane>
</BeTabs >