您的位置:首页 > 产品设计 > UI/UE

amaze UI的使用

2016-06-11 13:50 260 查看
1.放置在独立的位置



2.引入核心css与js

<link href="{sh::PUB}amaze-ui/css/amazeui.min.css" rel="stylesheet" type="text/css">
<link href="{sh::PUB}amaze-ui/css/amazeui.flat.min.css" rel="stylesheet" type="text/css">

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="{sh::PUB}amaze-ui/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="{sh::PUB}amaze-ui/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="{sh::PUB}amaze-ui/js/amazeui.min.js"></script>
<script src="{sh::PUB}amaze-ui/js/amazeui.widgets.helper.min.js"></script>
<script src="{sh::PUB}amaze-ui/js/handlebars.min.js"></script>

3.引入局部的html或js脚本

<form class="am-form am-form-horizontal" id="myform" method="post" action="">
<div class="am-form-group">
<label for="doc-ipt">分类名称</label>
<input type="text" name="name" class="" id="doc-ipt-name" placeholder="分类名称">
</div>

<div class="am-form-group">
<label for="doc-ipt">分类排序</label>
<input type="number" name="sort" class="" id="doc-ipt-sort" placeholder="分类排序">
</div>

<div class="am-form-group">
<p>
<button type="submit" class="am-btn am-btn-default">提交</button>
</p>
</div>
</form>

4.调试效果



具体请参考官网

http://amazeui.org/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: