
类型: 电商购物 版本: V1.9
大小: 1,978.2 时间: 2025-11-19





AmazeUI使用教程
1、获取AmazeUI
1.1下载文件
1.2使用CDN
AmazeUICDN:域名解析服务由DNSPod提供,CDN存储由又拍云提供。
http://cdn.amazeui.org/amazeui/2.4.0/css/amazeui.css
http://cdn.amazeui.org/amazeui/2.4.0/css/amazeui.min.css
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.min.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.legacy.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.legacy.min.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.widgets.helper.js
http://cdn.amazeui.org/amazeui/2.4.0/js/amazeui.widgets.helper.min.js
1.3使用Bower
bowerinstallamazeui
1.4移植的插件
1.5获取源码
你可以从GitHub项目主页获取源代码。
2、文件及版本说明
2.1文件说明
amazeui.css/amazeui.js:包含AmazeUI所有的CSS、JS。
amazeui.flat.css:圆角版AmazeUICSS,演示参见1.x。
amazeui.legacy.js:为IE8打包的JS。
amazeui.widgets.helper.js:供使用Handlebars的用户使用,其他用户请忽略,内含Web组件必须的Handlebarshelper及Web组件模板partials。
以上每个文件都有对应的minified文件。
2.2版本号说明
AmazeUI遵循SemanticVersioning规范,版本格式采用主版本号.次版本号.修订号的形式,版本号递增规则如下:
主版本号:做了不兼容的API修改,如整体风格变化、大规模重构等;
次版本号:做了向下兼容的功能性新增;
修订号:做了向下兼容的问题修正、细节调整等。
3、下载包目录结构
下载包种包含AmazeUI的CSS、JS文件,以及示例文件:
index.html-空白HTML模板;
blog.html-博客页面模板(预览);
landing.html-LandingPage模板(预览);
login.html-登录界面模板(预览);
sidebar.html-带边栏的文章模板(预览);
admin-*.html-简单的管理后台界面(预览)
在app.css中编写CSS;
在app.js中编写JavaScript;
图片资源可以放在i目录下。
AmazeUI
|--assets
| |--css
| | |--amazeui.css //AmazeUI所有样式文件
| | |--amazeui.min.css //约42kB(gzipped)
| | `--app.css
| |--i
| | |--app-icon72x72@2x.png
| | |--favicon.png
| | `--startup-640x1096.png
| `--js
| |--amazeui.js
| |--amazeui.min.js //约56kB(gzipped)
| |--amazeui.widgets.helper.js
| |--amazeui.widgets.helper.min.js
| |--app.js
| `--handlebars.min.js
|--blog.html
|--index.html
|--landing.html
|--login.html
|--sidebar.html
`--widget.html
4、创建一个页面
新建一个HTML文档,将下面的代码粘贴到文档中;
查看CSS组件及JS插件,拷贝符合的演示代码,粘贴到<body>区域,并按需调整;
一个简单的页面完成。
<!doctypehtml>
<htmlclass="no-js">
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="description"content="">
<metaname="keywords"content="">
<metaname="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>HelloAmazeUI</title>
<!--Setrenderenginefor360browser-->
<metaname="renderer"content="webkit">
<!--NoBaiduSiteapp-->
<metahttp-equiv="Cache-Control"content="no-siteapp"/>
<linkrel="icon"type="image/png"href="assets/i/favicon.png">
<!--AddtohomescreenforChromeonAndroid-->
<metaname="mobile-web-app-capable"content="yes">
<linkrel="icon"sizes="192x192"href="assets/i/app-icon72x72@2x.png">
<!--AddtohomescreenforSafarioniOS-->
<metaname="apple-mobile-web-app-capable"content="yes">
<metaname="apple-mobile-web-app-status-bar-style"content="black">
<metaname="apple-mobile-web-app-title"content="AmazeUI"/>
<linkrel="apple-touch-icon-precomposed"href="assets/i/app-icon72x72@2x.png">
<!--TileiconforWin8(144x144+tilecolor)-->
<metaname="msapplication-TileImage"content="assets/i/app-icon72x72@2x.png">
<metaname="msapplication-TileColor"content="#0e90d2">
<linkrel="stylesheet"href="assets/css/amazeui.min.css">
<linkrel="stylesheet"href="assets/css/app.css">
</head>
<body>
<p>
HelloAmazeUI.
</p>
<!--在这里编写你的代码-->
<!--[if(gteIE9)|!(IE)]><!-->
<scriptsrc="assets/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[iflteIE8]>
<scriptsrc="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<![endif]-->
</body>
</html>
CSS:鼠标自动点击器下载-小鬼程序集鼠键精灵1.0 绿色免费版
ImprovedArticle增加图片最大宽度限制样式。
JS:
Fixed#587修复cookie设置expires无效问题(Thxto@Stephenzxb)。
AmazeUI是中国首个开源HTML5跨屏前端框架,它是一个轻量级(所有CSS和JSgzip后100kB左右)、Mobilefirst的前端框架,基于开源社区流行前端框架编写。AmazeUI汲取了很多优秀的社区资源,通过开源的形式来回馈社区。
移动而生

AmazeUI以移动优先(Mobilefirst)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。
组件丰富,模块化

AmazeUI含近20个CSS组件、10个JS组件,更有17款包含近60个主题的Web组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。
本地化支持

相比国外框架,AmazeUI关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及App内置浏览器兼容支持。
轻量级,高性能

AmazeUI面向HTML5开发,使用CSS3来做动画交互,平滑、高效,更适合移动设备,让Web应用更快速载入。
AmazeUI特性
专注UI
只提供单纯的UI(View),对配套技术不做限定,可以在Backbone、Angular、Meteor等框架中使用。
组件化,可复用、易扩展
基于React封装组件,不再疲于组织杂乱的HTML标签;组件可以按需组合、功能扩展方便。
高性能
React所使用的VirtualDOM技术,能最大限度减少DOM操作,有效提高性能。
单向数据流
单向数据流可以简化操作,从DOM控制中解放出来,专注于业务逻辑。
江西挣钱
1,436.2M
喜欢玩仙剑的千万不要错过这款仙剑奇侠传6全版本修改器哦,该款修改器具有强大的修改功能,绿色、免费哦,能够让你体验到更爽快的仙剑剧情哦!仙剑奇侠传6全版本修改器官...
棋牌室拘留吗
307.1M
99宿舍在线客服系统是99宿舍官方发布的语音客服服务端,99宿舍在线客服系统可以提高工作效率以及缩短与用户之间的距离,我用户提供更加及时的服务,欢迎有需要的用户...
沧海仙途铺子怎么赚钱
134.9M
海椒市事件簿是一款全新推出的剧情文字向的解谜手游。游戏有着丰富的玩法内容,极具年代感的画风,让你好像置身于民国时期。多种游戏模式,跌宕起伏的剧情线,你需要解开各...
大家乐棋牌大厅
578.1M
狼人模拟分享给大家,这是一款非常好玩又带有一丝惊悚的冒险解谜游戏,游戏中有大量丰富的故事章节等待你来体验,而且所有的故事内容都是非常经典充满悬疑性的,特别考验玩...
十点半棋牌娱乐正式版
1,378.5M
这是一篇以缅怀先祖为主题的清明节海报素材,有需要制作清明节宣传海报的伙伴们可以来看看,对这篇精美的psd分层素材感兴趣的可以来我们东坡免费的下载!清明节古诗词《...
在杭州做兼职哪里找
1,529.9M
新的学期已经开始了,相信许多学校、班级都会开展开学第一课主题班会活动,小编为你各位老师们带来小学二年级开学第一课ppt课件模板,已经制作完成,只需要根据具体的内...
什么生意能挣钱
10.9M
如果你有需要最新的二维码动态指纹生成器的话,建议你可以试试下面的这款最新的微信二维码动态指纹生成器,可以轻松的快速的帮助你生成你需要的二维码动态指纹图片,使用也...
时时彩群怎么赚钱吗
469.8M
瀚奇智能音乐灯-将灯光和音乐完美结合的一系列智能家居灯,包括智能主控灯,音乐灯,智能灯等多种组合,通过wifi和蓝牙,用app实现对家居灯的智能交互控制。&nb...
哪个软件可以立即提现
1,187.6M
迷你弓箭是一个非常有意思的设计休闲小游戏,玩家在游戏中充当一个弓箭手射击物品,射击的物品难度会随着击中率慢慢增加,注意不要射中头顶水果的小朋友哟。迷你弓箭游戏简...
吃鸡赚钱的方法
1,436.7M
软件是一款恋爱交友互动app,在上面你可以寻找到你最爱的人,以实名注册交友为信息,缘定终身恋爱交友,让大家在手机上面找到你的另一半!心连心app特点1、以火爆交...
太阳能发电板挣钱吗
623.2M
其实大家关注人民网这么久了,肯定想有点收获吧!现在就借助人民网免费领30M流量软件,就能够让你们获得30m的移动电信流量,虽然一次领的不多,但是可以无限次的使用...
长留棋牌二维码
1,125.1M
少女平和国际版游戏中只有你一位男主,其他都是形形色色的妹子们,游戏拥有超过百万字的超长剧情,你将和女子学院一起对抗各种魔物,目前的角色都能非常的丰富,不一样的外...
nft怎么样赚钱
1,499.7M
欢乐爆爆爆是一款比较新颖的消除游戏,玩家可以体验独特的消除玩法,掌握技巧,你可以快速消除满屏的方块,魔法道具,玩出精彩消除新花样。欢乐爆爆爆游戏介绍《欢乐爆爆爆...
代理游戏赚钱
438.7M
不朽觉醒执着版全新魔幻手游等你来战,这是一款欧美魔幻风格的暗黑巨作,21年3D巨制,现已全新上线,变态版暗黑魔幻手游,非RMB玩家必进,百倍爆率,4职业可选,4...
天地人和棋牌有挂么
21.4M
UCOO软件这款软件注重体验,便捷的功能和友好的界面设计。可以浏览个人资料、发布动态,方便与感兴趣的人进行互动。而且软件的隐私功能做的比较好,不强制实名,让我可...
闲来盈真的能赚钱吗
2024/06/09 02:22
干点什么兼职挣钱呢
2024/06/01 02:40
人人棋牌如何提现
2024/06/15 02:58
在网上来钱快的办法
2024/06/13 22:30
呼市学生兼职兼职
2024/06/01 09:27
分销平台赚钱吗
2024/06/07 01:07
在北京周六日兼职工作
2024/05/31 19:11
手机上怎么赚钱啊正规
2024/05/29 08:13
赚钱宝一天能赚多少钱
2024/06/07 22:52
上分棋牌手游官网
2024/06/11 14:14
718棋牌新闻
2024/06/11 10:15
大发玩法稳赚技巧
2024/06/09 18:26
西元昆明棋牌选缺
2024/06/13 19:17
兼职用手机挣钱的方法
2024/06/01 21:47
个人当主播怎么赚钱吗
2024/05/30 12:26
个人当主播怎么赚钱吗
2024/05/30 12:26更新
移动和小区app是中国移动打造的一款智能小区管理软件,打造了一站式的服务平台,通过信息化的方式去管理小区,支持多种门禁操作,保障居民安全。使用方法小区业主登陆后...
支持 ( 135 ) 盖楼(回复)
支持 ( 123 ) 盖楼(回复)
支持 ( 200 ) 盖楼(回复)
支持 ( 55 ) 盖楼(回复)
支持 ( 200 ) 盖楼(回复)
支持 ( 153 ) 盖楼(回复)
支持 ( 84 ) 盖楼(回复)
支持 ( 63 ) 盖楼(回复)
支持 ( 38 ) 盖楼(回复)
支持 ( 7 ) 盖楼(回复)
支持 ( 122 ) 盖楼(回复)
支持 ( 95 ) 盖楼(回复)
支持 ( 103 ) 盖楼(回复)
支持 ( 49 ) 盖楼(回复)
支持 ( 17 ) 盖楼(回复)
支持 ( 126 ) 盖楼(回复)
支持 ( 86 ) 盖楼(回复)
支持 ( 61 ) 盖楼(回复)
支持 ( 127 ) 盖楼(回复)
支持 ( 156 ) 盖楼(回复)