本文主要介绍亚马逊的下载配置和Helloworld的实现。通过示例代码详细介绍,对大家的学习或工作有一定的参考学习价值。需要它的朋友将和边肖一起学习
虽然这个东西号称支持跨平台浏览器,但是建议不要用这个前端框架在PC端开发网页,因为这个东西不支持IE8以下的浏览器。如果和PC上的IE6不兼容,基本可以丢弃。AmazeUI只是作为移动网页使用,其HTML5特性符合移动浏览器的特点。不要试图写一个既能兼容PC又能兼容手机的网页,应该分开布局。看不到很多手机页面底部有“手机版”和“电脑版”的唐山网站制作公司吗?
1.直接在AmazeUI官网下载这个项目(点击开放链接)。打开官网后,选择“开始使用”-然后在“获取Amaze UI”一栏中选择“惊奇UI v2.3.0”
2.下载后,解压并把里面的资产拖到你的移动版本的站点目录中。
3.创造一个新的Helloworld.html。您的网站目录应该如下:
4.在Helloworld.html写下下面的代码,然后用谷歌浏览器、野狐Zen等支持调试手机版网页的浏览器打开Helloworld.html。把下面的网页和官网Helloworld.html的例子对比一下,删掉很多没有意义的外部文件引用。
!-用HTML5开发-
!声明文档类型
html class='no-js '
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '
元http-equiv='X-UA-Compatible '内容='IE=edge '
!-自动适应移动屏幕-
meta name=' viewport ' content=' width=device-width,initial-scale=1,maximum-scale=1,user-scaled=no '
!-首选webkit内核渲染-
meta name=' renderer ' content=' web kit '
!-不要被百度转码-
meta http-equiv='Cache-Control '内容='no-siteapp'/
!-以下是亚马逊资源的介绍-
link rel='样式表' href=' assets/CSS/amazeui . min . CSS '
link rel='样式表' href='assets/css/app.css '
脚本src=' assets/js/jquery . min . js '/脚本
标题你好惊奇用户界面/标题
/head
身体
h1Hello拍案惊奇UI。/h1
按钮类型=' button ' class=' am-BTN am-BTN-default '默认样式/按钮
按钮类型=' button ' class=' am-BTN am-BTN-primary '主色按钮/按钮
按钮类型=' button ' class=' am-BTN am-BTN-secondary '二级彩色按钮/按钮
按钮类型='按钮' class=' am-BTN am-BTN-成功'绿色按钮/按钮
按钮类型='按钮' class=' am-BTN am-BTN-警告'橙色按钮/按钮