zui
Version:
一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。
37 lines (34 loc) • 1.21 kB
HTML
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ZUI，一个简单灵活的前端框架。">
<meta name="author" content="Zentao">
<title>ZUI - 标签页视图例子</title>
<link href="../../dist/css/zui.css" rel="stylesheet">
<link href="../../dist/lib/tabs/zui.tabs.css" rel="stylesheet">
</head>
<body style="padding: 20px">
<div id="tabs" class="tabs">
</div>
<script src="../../assets/jquery.js"></script>
<script src="../../dist/js/zui.js"></script>
<script src="../../dist/lib/tabs/zui.tabs.js"></script>
<script>
$(function() {
$('#tabs').tabs({
tabs: [
{url: "datagrid.html", forbidClose: true},
{title: "ZUI", url: "http://openzui.com"},
{url: "pager.html", defaultTitle: '分页器'},
{url: "../partial/remote-panel.html", type: 'ajax', defaultTitle: 'ajax 测试'},
{type: "custom", content: "haha", defaultTitle: '点击加载'},
{url: "pager2.html", defaultTitle: '错误页面测试'},
]
});
});
</script>
</body>
</html>