
类型: 主机游戏适配 版本: V4.3
大小: 1,928.9 时间: 2025-11-22





移动而生

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控制中解放出来,专注于业务逻辑。
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:
ImprovedArticle增加图片最大宽度限制样式。
JS:
Fixed#587修复cookie设置expires无效问题(Thxto@Stephenzxb)。
AmazeUI是中国首个开源HTML5跨屏前端框架,它是一个轻量级(所有CSS和JSgzip后100kB左右)、Mobilefirst的前端框架,基于开源社区流行前端框架编写。AmazeUI汲取了很多优秀的社区资源,通过开源的形式来回馈社区。
手工活赚钱兼职
949.3M
小米移动商家版客户端是小米移动官方推出的全新门店运营管理服务平台,能够更好的与广大商家对接,入住平台扩大销量,感受新的移动客户体验,如果你也对此感兴趣的话,那就...
抢先试玩游戏
1,452.6M
职阶网是一款大学生找工作的软件,上面有不同题目每天五分钟锻炼自己让自己知道更多知识,大学生提升自己企业也会根据你的简历等匹配人才,还有导师也有关注你的就业动向,...
看广告赚钱那个软件好
1,201.6M
千面英雄游戏是一款采用科幻题材打造的卡牌类型游戏,游戏中拥有多种玩法模式和多种技能供玩家选择,另外还拥有丰富的策略搭配组合,你将穿上最强的装备搭配强力技能进行战...
微乐棋牌馆
246.2M
这是一个休闲开车类型游戏,非常简单好玩的模式,你可以建造更多的赛道和停车场,然后收集更多的小车,多样化的关卡和挑战,持续获得更多的金币。开车我贼溜中文版介绍开车...
龙城至尊可以赚钱吗
1,494.1M
复华生命app是一款专业的医生服务平台,能为用户提供私人健康管理服务,根据每个人的需求提供不同的内容,包括了肿瘤风险筛查、心血管疾病、脑血管疾病、糖尿病等筛查;...
书旗小说注册送会员
898.7M
剑荡八荒百度版是一款新出的策略手游,游戏继承经典国战玩法,加入诸多的创新模式,开启国战新纪元,让玩家体验更加好的战斗体验,还有各种美女主播陪玩哦!赶紧下载吧!游...
努力挣钱的照片
521.3M
广播电视台广告管理系统是一款不错的电台管理软件,有这方面需要的朋友就赶快来下载小编下面的这款不错的广播电视台广告管理系统吧!广播电视台广告管理系统介绍广播电视台...
可以领红包的小
774.6M
撩头发表情包是网友分享的一套恶搞表情包,用B12相机制作的,纯属恶搞,撩汉必备,适合妹子使用的斗图表情,欢迎来下载使用!撩头发表情包图片分块肉给你咯爱与和平之吻...
游戏公司为什么赚钱
1,951.4M
娱票儿票房分析app是一款专为娱票儿平台打造的电影数据分析应用,数据实时专业,能为用户呈现最真实、可靠的电影票房数据,内容包括实时票房、预售票房、上座率、全国排...
金湖资讯网棋牌中心
1,906.6M
新塔防三国全民塔防华为礼包版是一款很好玩的塔防策略类游戏,游戏是以三国为题材背景打造的,游戏玩法还是不错的,但是有些玩家反映游戏比较氪金,这里为大家带来这个全新...
逆水寒手游赚人民币
1,265.9M
房地产行业经常需要作工作汇报,本站为您带来了房地产行业汇报ppt版模板,可以用来修改添加自己的内容,帮助你作一个完美的工作汇报!房地产行业汇报ppt版预览如何修...
撩妹日记vr怎么赚钱
1,810.9M
科林宝贝批量下载复制大师是一款绿色免费的可批量复制、下载淘宝宝贝的实用软件。该软件拥有超强数据采集功能,新宝贝上架不再繁杂。让您有更多的时间打理生意,宣传自己的...
王者棋牌最新版下载
1,879.3M
iPhone6s内地售价5288元起——相信今晨你一定看到这条新闻了吧!iPhone6s即将到来,你的money准备好了吗?——好了,回归正题,本节内容东坡小编...
大时代代理赚钱吗
690.3M
青蛙塔防是一款策略塔防手游,在游戏之中玩家可以作为指挥官带领部队进行作战,这款游戏需要玩家的聪明才智,制定各种策略取得胜利,感兴趣的小伙伴快来东坡下载吧!青蛙塔...
打那个游戏可以赚钱
677.3M
象棋神域是一款包含人机对战的3d象棋软件,游戏分为多个等级,从菜鸟到特级大师,可以和电脑过招,研究残局,逼真的3d效果让您身临其境,软件界面友好,简洁美观,希望...
微商任务赚钱
2025/11/08 23:38
程序员兼职最好的平台
2025/11/23 06:46
王者棋牌最新版本
2025/11/13 18:48
久久www免费人成看片无广告
2025/11/12 06:06
赖子棋牌官网
2025/11/14 05:32
电脑刷什么游戏最赚钱
2025/11/12 08:47
无广告看小说网站
2025/11/12 06:07
注册送彩金的娱乐场
2025/11/12 15:22
适合小投资的餐饮项目有哪些
2025/11/20 08:44
玩着挣钱的项目
2025/11/18 14:16
豆友棋牌怎么挣钱
2025/11/14 23:55
有钱app是怎么赚钱的
2025/11/19 10:41
会pr能做什么兼职吗
2025/11/21 17:01
棋牌游戏怎么开发
2025/11/15 16:41
自建站一定赚钱吗
2025/11/07 16:53
自建站一定赚钱吗
2025/11/07 16:53更新
世界首富是另很多人都向往的,成为世界首富也是许多人的梦想,世界首富证图片生成器就可以帮助你实现这个梦想,装装x还是非常不错的。世界首富证图片生成器使用方法输入姓...
支持 ( 95 ) 盖楼(回复)
支持 ( 5 ) 盖楼(回复)
支持 ( 166 ) 盖楼(回复)
支持 ( 9 ) 盖楼(回复)
支持 ( 79 ) 盖楼(回复)
支持 ( 33 ) 盖楼(回复)
支持 ( 78 ) 盖楼(回复)
支持 ( 54 ) 盖楼(回复)
支持 ( 128 ) 盖楼(回复)
支持 ( 71 ) 盖楼(回复)
支持 ( 82 ) 盖楼(回复)
支持 ( 120 ) 盖楼(回复)
支持 ( 139 ) 盖楼(回复)
支持 ( 79 ) 盖楼(回复)
支持 ( 178 ) 盖楼(回复)
支持 ( 20 ) 盖楼(回复)
支持 ( 169 ) 盖楼(回复)
支持 ( 26 ) 盖楼(回复)
支持 ( 81 ) 盖楼(回复)
支持 ( 37 ) 盖楼(回复)