<div>
	<div ng-show="buttons">
		<div class="more-style" style="background-color: #f8f8f8;" stop-event>
			<div class="tabs-style" style="padding-left: 10px;" ng-repeat="button in buttons | orderBy:'order' | filter:true track by $index" 
				sino-click="button.onClick();" confirm="{{button.confirm}}" confirm-title="{{button.title}}" ng-if="moreFlag && moreButton.show ? $index > 2 : false"
				warrant="{{button.warrant}}" ng-class="{'customize-more': customize}">
				<button style="color: #555151;" class="button button-clear icon-left {{button.className}}" >{{button.title}}</button>
			</div>
		</div>
		<div class="tabs tabs-icon-top" stop-event ng-class="{'customize-style': customize}">	
			<a class="tab-item" ng-repeat="button in buttons | orderBy:'order' | filter:true track by $index" 
			ng-if="moreButton.show ? $index < 3 : true" confirm="{{button.confirm}}" confirm-title="{{button.title}}" sino-click="button.onClick();"
			warrant="{{button.warrant}}" ng-class="{customize: customize}">
				<i class="icon {{button.className}}"></i>
				{{button.title}}
			</a>
			<a class="tab-item" sino-click="selectMore()" ng-if="moreButton.show" ng-class="{customize: customize}">
				<i class="icon {{moreButton.className}}"></i>
				{{moreButton.title}}
			</a>
		</div>
	</div>
	<ng-transclude></ng-transclude>
</div>

