amaze UI的使用
2016-06-11 13:50
260 查看
1.放置在独立的位置
2.引入核心css与js
3.引入局部的html或js脚本
4.调试效果
具体请参考官网
http://amazeui.org/
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/
相关文章推荐
- 虚幻4 添加变量控制UI的渲染,详细教程。
- SICP deque
- MQTT协议与mosquitto的安装使用
- Android属性之build.prop生成过程分析
- QtQuick 全局缩放和放大<DPI>
- The requested resource is not available错误
- UI Components的理解
- Property List Programming Guide(二)
- Map集合中value()方法与keySet()、entrySet()区别
- Making Quick macroScripts in 3DS Max
- 对Handler,Looper,messagequeue,HandlerThread的深入理解,Handler常见面试题
- leetcode 95. Unique Binary Search Trees II-分治算法|动态规划|卡特兰数
- UITableView 的操作
- (OK) Building Android from AOSP source code
- Request.UrlReferrer详解
- 数据库中的QueryRunner的大致实现
- [leetcode] 60. Permutation Sequence 解题报告
- iOS 事件处理之UIResponder简介
- Android-基本UI控件
- vue.js