Web Demo Mobile Demo Angular Demo Vue Demo React Demo
源代码
<!doctype html>
<html>
<head>
    <meta charset="UTF-8">  
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>Button on List - jQuery EasyUI Mobile Demo</title>  
    <link rel="stylesheet" type="text/css" href="../../themes/metro/easyui.css">  
    <link rel="stylesheet" type="text/css" href="../../themes/mobile.css">  
    <link rel="stylesheet" type="text/css" href="../../themes/icon.css">  
    <script type="text/javascript" src="../../jquery.min.js"></script>  
    <script type="text/javascript" src="../../jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../../jquery.easyui.mobile.js"></script>
    <style>
    </style> 
</head>
<body>
	<div class="easyui-navpanel">
		<header>
			<div class="m-toolbar">
				<span class="m-title">Button on List</span>
			</div>
		</header>
		<ul class="m-list">
			<li>HP Deskjet 1000 Printer
				<div class="m-right">
					<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
				</div>
			</li>
			<li>Epson WorkForce 845
				<div class="m-right">
					<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
				</div>
			</li>
			<li>Logitech Keyboard K120
				<div class="m-right">
					<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
				</div>
			</li>
			<li>Nikon COOLPIX L26 16.1 MP
				<div class="m-right">
					<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
				</div>
			</li>
			<li>SanDisk Sansa Clip Zip 4GB
				<div class="m-right">
					<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
				</div>
			</li>
			<li>BLUE MP3 Metal Mini Clip Player
				<div class="m-right">
					<a href="javascript:void(0)" class="easyui-linkbutton">Add</a>
				</div>
			</li>
		</ul>
	</div>
</body>	
</html>