amaze UI的使用

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.调试效果

本文转自TBHacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/p/5575217.html，如需转载请自行联系原作者

amaze UI的使用相关推荐

amaze ui各个模块简单说明
amaze ui各个模块简单说明导航添加依据 http://amazeui.org/css/ 下面内容属学习笔记,如有理解偏差和错误请留言相告,感谢!* =(官网这块写的很详细) 一.基本样式 1 ...
使用 JS 关闭警告框及监听自定义事件（amaze ui）
使用 JS 关闭警告框及监听自定义事件(amaze ui) 一.总结 1.jquery匿名函数:第8行,jquery匿名函数,$(function(){});,有没有很简单,只是少了jquery的前面 ...
amaze 绝对位置 html,Amaze UI 兼容性列表
由于Amaze UI 面向现代浏览器开发,因此,Amaze UI 对 IE 8/9 等浏览器只提供有限的支持. 注意: 请不要使用 IETester 这种不靠谱的工具测试: 按照微软官方的说法,IE ...
[Amaze UI] 如何推进 mobile first 的前端 Web 方案
背景:云适配创立之初,我们就开始积累自己的前端框架,同时也借鉴了Bootstrap等国外框架的优点.在内部使用过程中,大家一致反映不错,我们就希望把这个产品开源,希望分享给更多的人,也希望更多的人来贡 ...
amaze ui响应式辅助
amaze ui响应式辅助响应式辅助就是不同的显示屏幕,或者手机的横竖屏,你可以控制栏目的显影,还是挺有帮助的视口大小 .am-[show|hide]-[sm|md|lg][-up|-down| ...
有了bootstrap，为什么还要做amaze ui
一般来说,bootstrap只是对HTML增加了CSS进行美化. 而amaze ui则在bootstrap美化的基础上,主要增加JS添加了动态,以及更多样式. 例如 1 <button type ...
跨屏html ui,Amaze UI(HTML5 跨屏前端框架) v2.7.2
Amaze UI 2.7.2 更新日志:2016-08-17 JS: Improved #900 处理Modal元素停止冒泡引发的使用不变问题: Improved #901 调整Tabs样式,适应元素 ...
初探 amaze-vue（基于vue.js封装的Amaze UI 组件库）
Amaze UI 是以移动优先(Mobile first)为理念,面向 HTML5 开发的国产优秀组件库.因官方未提供vue.js版本,而且民间一直对vue.js版本的 Amaze UI 组件库呼声很 ...
【框架】amaze ui学习（一）
最近在看amazeui (妹子 UI ),最大的感觉就是移动端优先和扁平化的风格(和bootstrap很像). 简介: 为移动而生 Amaze UI 以移动优先(Mobile first)为理念,从小 ...
折叠面板的改进【Amaze UI】
折叠面板或者说折叠列表在移动端的使用非常广泛,不仅可以让页面渲染地更简洁,而且使用起来也是很大方,很实用.在做项目的过程中,我应用到了这个功能,进行了改进并应用,接下来详细讲解. 结果展示: html ...

amaze UI的使用

amaze UI的使用相关推荐

最新文章

热门文章