Web Demo Mobile Demo Angular Demo Vue Demo React Demo

分割按钮 SplitButton

源代码
<template>
  <div>
	<h2>Basic SplitButton</h2>
	<Panel :bodyStyle="{padding:'5px'}">
		<LinkButton :plain="true">Home</LinkButton>
		<SplitButton text="Edit" :plain="true" iconCls="icon-edit">
			<Menu>
				<MenuItem text="Undo" iconCls="icon-undo"></MenuItem>
				<MenuItem text="Redo" iconCls="icon-redo"></MenuItem>
				<MenuSep></MenuSep>
				<MenuItem text="Cut"></MenuItem>
				<MenuItem text="Copy"></MenuItem>
				<MenuItem text="Paste"></MenuItem>
				<MenuSep></MenuSep>
				<MenuItem text="Toolbar">
					<SubMenu>
						<MenuItem text="Address"></MenuItem>
						<MenuItem text="Link"></MenuItem>
						<MenuItem text="Navigation Toolbar"></MenuItem>
						<MenuItem text="Bookmark Toolbar"></MenuItem>
						<MenuSep></MenuSep>
						<MenuItem text="New Toolbar..."></MenuItem>
					</SubMenu>
				</MenuItem>
				<MenuItem text="Delete" iconCls="icon-remove"></MenuItem>
				<MenuItem text="Select All"></MenuItem>
			</Menu>
		</SplitButton>
		<SplitButton text="Help" :plain="true" iconCls="icon-help">
			<Menu>
				<MenuItem text="Help"></MenuItem>
				<MenuItem text="Update"></MenuItem>
				<MenuItem text="About"></MenuItem>
			</Menu>
		</SplitButton>
		<MenuButton text="About" :plain="true">
			<Menu :noline="true">
				<div style="padding:10px">
					<img src="https://www.jeasyui.com/images/logo1.png" style="width:150px;height:50px">
				</div>
			</Menu>
		</MenuButton>
	</Panel>
  </div>
</template>

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