fis3-hook-components
Version:
fis3 components plugin
49 lines (44 loc) • 1.59 kB
HTML
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>jQuery ui demo</title>
<!--
jquery-ui 在 components 目录下，通过模块名字可以直接引用。
@require "jquery-ui/themes/base/core.css"
@require "jquery-ui/themes/base/tabs.css"
@require "jquery-ui/themes/base/datepicker.css"
@require "jquery-ui/themes/base/theme.css"
-->
<link rel="stylesheet" type="text/css" href="./static/css/style.css">
<style type="text/x-scss">
@import 'mixin';
#tabs {
ul {
@include box-sizing('content-box');
}
}
</style>
<!--STYLE_PLACEHOLDER-->
</head>
<body>
<div class="container">
<h1>jQuery UI Demo</h1>
<!-- Tabs are initially invisible, until the jQuery UI widget
instantiates itself. -->
<div id="tabs" class="invisible">
<ul>
<li><a href="#tabs1">Intro</a></li>
<li><a href="./tab2.html">Date Picker</a></li>
</ul>
<div id="tabs1">
<p>This is an example of using the <a href="http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition" target="_blank">AMD API proposal</a> for formatting jQuery UI files as modules that express their dependencies.</p>
</div>
</div>
</div>
<script type="text/javascript" src="./static/js/mod.js"></script>
<!--@require ./static/js/main.js-->
<!--SCRIPT_PLACEHOLDER-->
<!--RESOURCEMAP_PLACEHOLDER-->
</body>
</html>