太阳集团tyc5997|官网【中国】有限公司

亚马逊的下载配置和Helloworld的实现
  • 作者:admin
  • 发表时间:2021-02-06 07:51
  • 来源:未知

本文主要介绍亚马逊的下载配置和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-警告'橙色按钮/按钮

Baidu
sogou