amazeui 费用(AmazeUI的下载配置与Helloworld的实现)
类别:Web前端 浏览量:1859
时间:2021-10-23 10:43:24 amazeui 费用
AmazeUI的下载配置与Helloworld的实现虽然这东西号称跨平台支持浏览器,但建议还是不要使用这个前端框架开发PC端的网页,因为这东西不支持IE8以下的浏览器。在PC上不兼容IE6的话,基本可以抛弃了。AmazeUI仅仅用来做移动端的网页还是不错的,其HTML5的特性等很符合手机浏览器的特点。不要妄想能写出一个网页同时兼容PC与手机,应该分开布局。君不见在很多手机版网页的底部有“手机版”与“电脑版”之分吗?
1、这东西直接在AmazeUI的官网(点击打开链接)中下载,打开官网之后,选择“开始使用”->然后在“获取 Amaze UI”一栏中“Amaze UI v2.3.0”
2、下载之后,之后解压,把里面的assets拖到你手机版的站点目录。
3、新建一个Helloworld.html,你的站点目录应该如下图:
4、在Helloworld.html写入如下的代码,然后使用Google浏览器、野狐禅等支持手机版网页调试的浏览器,打开Helloworld.html,以下的网页对比与官网的Helloworld.html例子,删除不少的没意义的外部文件引用。
<!--使用HTML5开发--> <!doctype html> <html class="no-js"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--自动适应移动屏幕--> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <!--优先使用webkit内核渲染--> <meta name="renderer" content="webkit"> <!--不要被百度转码--> <meta http-equiv="Cache-Control" content="no-siteapp"/> <!--以下才是引入amazeui资源--> <link rel="stylesheet" href="assets/css/amazeui.min.css"> <link rel="stylesheet" href="assets/css/app.css"> <script src="assets/js/jquery.min.js"></script> <title>Hello Amaze UI</title> </head> <body> <h1>Hello Amaze UI.</h1> <button type="button" class="am-btn am-btn-default">默认样式</button> <button type="button" class="am-btn am-btn-primary">主色按钮</button> <button type="button" class="am-btn am-btn-secondary">次色按钮</button> <button type="button" class="am-btn am-btn-success">绿色按钮</button> <button type="button" class="am-btn am-btn-warning">橙色按钮</button> <button type="button" class="am-btn am-btn-danger">红色按钮</button> <button type="button" class="am-btn am-btn-danger am-round">圆角红色按钮</button> <a class="am-btn am-btn-link">链接</a> </body> </html>
则得到如下的效果:
到此这篇关于AmazeUI的下载配置与Helloworld的实现的文章就介绍到这了,更多相关AmazeUI下载配置内容请搜索开心学习网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开心学习网!
您可能感兴趣
- 前端ui 滑动条(AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码)
- 前端轮播图效果(AmazeUI图片轮播效果的示例代码)
- 小程序推荐ui库(AmazeUI 列表的实现示例)
- 后端ui框架排名(前后端结合实现amazeUI分页效果)
- 前端app开发适配消息栏(AmazeUI 导航条的实现示例)
- 自定义ui组件的三个重要方法(AmazeUI 面板的实现示例)
- amaze如何创建作品(AmazeUI 网格的实现示例)
- amazeui图标(AmazeUI 折叠面板的实现代码)
- amazeui 费用(AmazeUI的下载配置与Helloworld的实现)
- amaze软件(amazeui时间组件的实现示例)
- 前端app开发适配消息栏(amazeui页面校验功能的实现代码)
- 前端app开发适配消息栏(AmazeUI 加载进度条的实现示例)
- app开发自定义导航栏(AmazeUI底部导航栏与分享按钮的示例代码)
- 2020app前端ui框架(amazeui页面分析之登录页面的示例代码)
- ui界面的测试用例(AmazeUI 模态窗口的实现代码)
- amazeui怎么设置侧边栏(AmazeUI 等分网格的实现示例)
- 美国数十万加仑牛奶倒下水道怎么回事 原因曝光令人心痛(美国数十万加仑牛奶倒下水道怎么回事)
- 探索中国神秘文字(探索中国神秘文字)
- 重温《蜗居》 宋思明选中海藻为红颜知己,纯属巧合,与爱无关(宋思明选中海藻为红颜知己)
- 越南旅游攻略(越南旅游攻略自由行)
- 成都旅游攻略(成都旅游攻略自由行最佳线路)
- 给儿童吃什么最好(给儿童吃什么最好消化)
热门推荐
- 跨服务器mysql数据迁移方案(从云数据迁移服务看MySQL大表抽取模式的原理解析)
- SQL SERVER中调用存储过程
- react app框架(浅谈React原生APP更新)
- 如何提高软件开发团队效率
- python和java的共同语法(Python和Java的语法对比分析语法简洁上python的确完美胜出)
- dedecms文章标题(dedecms5.7后台发布文章提示“标题不能为空”的解决方法)
- 怎么把csv文件导入mysql(mysql导入csv的4种报错的解决方法)
- JS脚本中Null与Undefined的区别
- python ssh登录服务器(python利用跳板机ssh远程连接redis的方法)
- html5中的语义化标签有哪些(详解HTML5常用的语义化标签)