amaze UI的使用

简介:

1.放置在独立的位置

2.引入核心css与js

<link href="{sh::PUB}amaze-ui/css/amazeui.min.css" rel="stylesheet" type="text/css">
<link href="{sh::PUB}amaze-ui/css/amazeui.flat.min.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="{sh::PUB}amaze-ui/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="{sh::PUB}amaze-ui/js/jquery.min.js"></script>
<!--<![endif]-->
<script src="{sh::PUB}amaze-ui/js/amazeui.min.js"></script>
<script src="{sh::PUB}amaze-ui/js/amazeui.widgets.helper.min.js"></script>
<script src="{sh::PUB}amaze-ui/js/handlebars.min.js"></script>

3.引入局部的html或js脚本

<form class="am-form am-form-horizontal" id="myform" method="post" action="">
    <div class="am-form-group">
        <label for="doc-ipt">分类名称</label>
        <input type="text" name="name" class="" id="doc-ipt-name" placeholder="分类名称">
    </div>
    
    <div class="am-form-group">
        <label for="doc-ipt">分类排序</label>
        <input type="number" name="sort" class="" id="doc-ipt-sort" placeholder="分类排序">
    </div>

    <div class="am-form-group">
        <p>
            <button type="submit" class="am-btn am-btn-default">提交</button>
        </p>
    </div>
</form>

4.调试效果

具体请参考官网
http://amazeui.org/



本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5575217.html,如需转载请自行联系原作者

相关文章
|
移动开发 前端开发 JavaScript
云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI
云适配,这是一家能以一行代码将你的网站移动化,实现网址不变且内容实时自动同步的服务提供商。云适配所采用的技术是一项基于云计算、利用html5进行网站跨屏适配,它为目标网站开发一行JS代码,并嵌入PC网站,这个JS代码通过对PC网站目标网页数据的分析和抓取,在云端完成用户当前设备的网页最佳展现方式的计算,最后在浏览器端实现html结构的重排及CSS的重新渲染,以适应移动端用户的浏览习惯。
386 0
云适配将推出中国首个开源 HTML5 跨屏前端框架 - Amaze UI
|
移动开发 前端开发 开发者
|
5月前
|
开发框架 前端开发 JavaScript
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发一
本文介绍了方舟开发框架(ArkUI)及其两种开发范式:基于ArkTS的声明式开发范式和类Web开发范式。ArkUI是用于构建HarmonyOS应用界面的UI框架,提供极简UI语法和基础设施。声明式开发范式使用ArkTS语言,以组件、动画和状态管理为核心,适合复杂团队协作;类Web开发范式采用HML、CSS、JavaScript三段式开发,适用于简单界面应用,贴近Web开发者习惯。文中还概述了两者的架构和基础能力,帮助开发者选择合适的范式进行高效开发。
165 15
|
5月前
|
编解码 前端开发 Java
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发三
本文介绍了基于声明式UI范式的图形绘制与动画效果实现方法,涵盖绘制图形、添加动画效果及常见组件说明三部分内容。在绘制图形部分,详细讲解了如何通过Circle组件为食物成分表添加圆形标签,以及使用Path组件结合SVG命令绘制自定义图形(如应用Logo)。动画效果部分则展示了如何利用animateTo实现闪屏动画,包括渐出、放大效果,并设置页面跳转;同时介绍了页面间共享元素转场动画的实现方式。最后,文章列举了声明式开发范式中的各类组件及其功能,帮助开发者快速上手构建复杂交互页面。
151 11
|
14天前
|
存储 开发者 容器
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
本文介绍了ArkTS语言中的Class类、泛型、接口、模块化、自定义组件及状态管理等核心概念,并结合代码示例讲解了对象属性、构造方法、继承、静态成员、访问修饰符等内容,同时涵盖了路由管理、生命周期和Stage模型等应用开发关键知识点。
133 0
鸿蒙 HarmonyOS NEXT星河版APP应用开发-ArkTS面向对象及组件化UI开发使用实例
|
4月前
|
JavaScript 前端开发 UED
【HarmonyOS Next之旅】基于ArkTS开发(二) -> UI开发四
本文介绍了Web组件开发与性能优化的相关内容。在Web组件开发部分,涵盖创建组件、设置样式与属性、添加事件和方法以及场景示例,如动态播放视频。性能提升方面,推荐使用数据懒加载、条件渲染替代显隐控制、Column/Row替代Flex、设置List组件宽高及调整cachedCount减少滑动白块等方法,以优化应用性能与用户体验。
176 56