DWZ中Tab组件实现多行选项卡

一、应用背景

    DWZ中Tab扩展很好用，但是发现当选项卡过多时，超出的就不显示了，主页中带有“TabsMore”的选项卡不属于“Tabs”类，而是属于“tabsPage”类。

二、解决方法

    随便试了一下，发现只要将超出显示的选项卡放进第二个“tabsHeader”就可以了，如下：

<div class="tabs" currentIndex="0" eventType="click">
	<div class="tabsHeader">
		<div class="tabsHeaderContent">
			<ul>
				<li><a href="javascript:;"><span>卡1</span></a></li>
				<li><a href="javascript:;"><span>卡2</span></a></li>
				<li><a href="javascript:;"><span>卡3</span></a></li>
			</ul>
		</div>
	</div>
	<div class="tabsHeader">
		<div class="tabsHeaderContent">
			<ul>
				<li><a href="javascript:;"><span>卡4</span></a></li>
				<li><a href="javascript:;"><span>卡5</span></a></li>
				<li><a href="javascript:;"><span>卡6</span></a></li>
			</ul>
		</div>
	</div>
	<div class="tabsContent" layoutH="120">
		<div>内容1</div>
		<div>内容2</div>
		<div>内容3</div>
		<div>内容4</div>
		<div>内容5</div>
		<div>内容6</div>
	</div>
</div>