当前位置: 首页 > 软件库 > Web应用开发 > 网站API >

AUI

移动端 UI 快速布局解决方案
授权协议 MIT
开发语言 HTML/CSS
所属分类 Web应用开发、 网站API
软件类型 开源软件
地区 国产
投 递 者 文喜
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

AUI为一款轻量级前端UI框架,更偏重于CSS布局及样式的构造,通俗易懂的写法及模块式的拼装方便用户自由扩展。轻小的体积、灵活的扩展性,大大提高移动端项目的体验度和开发效率。

AUI Flex(aui-flex.css)采用12个栅格进行布局,与aui-col-xs-*相比更灵活性,可以快速布局出自己所需要的框架结构。结合aui.css,能彻底解决布局+样式的问题。

在AUI Flex中,使用了aui-flex-col(横向)和aui-flex-row(纵向)两种容器,只需要把栅格放入容器中即可。AUI Flex所有类支持嵌套布局,可任意进行排列。

使用AUI Flex可以方便解决垂直居中,多栏等高,等宽布局,任意对齐等。

功能介绍

基础元素

提供了一系列的文字、颜色、背景色、按钮等基础元素

列表布局

从文字到图片的布局,AUI提供了更全面的布局方式

索引列表

带有拼音首字母的索引列表,快速搜索轻松搞定

Form表单

只需要简单的几行代码,一款漂亮的Form表单就能呈现

选择类

重新定义checkbox、radio、switch,体验原生效果

导航栏

兼容沉浸式、更易扩展的导航栏让顶部样式不再单调

时间轴

一目了然的布局样式体验

图标

二百多款常用的APP图标一网打尽

日历

更直观漂亮的日历样式,只需要引入JS就能搞定

更多

更多组件欢迎下载体验

 
  • 1、按钮。 <body> <script type="text/javascript" charset="utf-8"> AUI().ready('aui-button-item', function(A) { var instance = new A.ButtonItem({ icon: 'pencil', label: 'myFirstButton', handler :fu

  • The Alloy UI Forms are a great tool to help developers build very nice forms really fast. Alloy is included in Liferay v6.0+. These are some of the advantages of using these forms: Nice styling of the

  • w3c w3school 学习网站 菜鸟教程 常见问题及完整 JS-SDK 文档地址 AUI 是Apicloud 的手机端UI第三方,需要引入Apicloud和AUI中的css样式和js框架 **首先:手机项目必须配置config.xml文件 Apicloud官网有详解 ** 其次:程序会默认进入index.html页面,开始程序的加载显示 具体代码如下: 1、<meta charset="utf

  • 1、官网:http://www.alloyui.com 2、标签:http://www.liferay.com/zh_CN/web/guest/community/wiki/-/wiki/Main/Alloy+UI+Forms+%28aui%29 

  • 导航代码如下: <footer class="aui-bar aui-bar-tab" id="footer"> <div id="tabbar1" class="aui-bar-tab-item aui-active" tapmode οnclick="randomSwitchBtn(this,'首页',0)"> <i class="aui

  • 表单列表aui-list-item-input 在ios样式的bug,不给默认的百分百 .aui-list-item-input {             width: 70% !important;         }

  • apicloud aui 做底部导航 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0

  • AUI 是Apicloud 的手机端UI第三方,需要引入Apicloud和AUI中的css样式和js框架 **首先:手机项目必须配置config.xml文件 Apicloud官网有详解  **  其次:程序会默认进入index.html页面,开始程序的加载显示 具体代码如下: 1、<meta charset="utf-8">和<meta http-equiv="content-type" cont

  • UI框架有很多,比如微信官方为公众号开发提供的WeUI、适合后端程序员使用的Layui等。UI框架一般只是给前端狗写静态页面提供方便。 这类框架一般提供css和js文件,使用时引入css和js文件,然后html页面里使用框架规定的类名,或者说html页面里复制框架的html即可渲染出完整的html页面。不用再手工去表单、列表、样式等等,而且一般UI框架的兼容性、美观度都会比我们手写好很多。 初学时

  • artTemplate是个好东西啊,一个开源的js前端模板引擎,使用简单,渲染效率特别的高。 我经常使用这个技术来在前端动态生成新闻列表,排行榜,历史记录等需要在前端列表显示的信息。 下面是artTemplate的下载链接: https://github.com/aui/artTemplate 因为artTemplate比较简单,容易上手,项目的例子,文档又比较齐全,大家有需要可以直接参考官方文档

  • 1、AUI默认根元素为 20px,所以之后涉及尺寸的宽高字号大小等均可以此为基准使用rem(1rem=20px)来进行设置 2、以前使用aui列表的时候看到的默认线条,刚开始以为是边框或者是水平线什么的,改来改去都去不掉,有以下两种方法: a、试着在不影响页面样式的情况下改变它的定位(改为position:static;),这种比较简单一点的方法 b、如果第一种方法会影响页面样式,那么就只能改变这

  • 1、滚动视图类似手机上的scroll 1.1 引入aui样式: <link rel="stylesheet" type="text/css" href="../css/aui.css" /> <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" /> 1.2 需要自己设置图片的样式 如下: .aui

  • AUI(www.auicss.com)是一套针对APICloud定制的一套ui框架,完全属于个人爱好兴趣,也就没有什么官方不官方的。大家在使用中可以多多的提出意见以便后面继续完善。目前市场上的ui框架还是蛮多的,都号称什么罪接近原生效果的ui框架,我也是很不理解,既然是一个app为什么非要弄成原生ui的效果,做出来的app岂不是千篇一律?当时多少的借鉴一下还是可以的,AUI里面没有太多的原生ui的

  • AUI 关闭界面及布局管理 界面关闭 package com.guoguo.lesson01; import sun.font.TrueTypeFont; import java.awt.*; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; //panel可以看成一个空间,不能单独存在 publi

 相关资料
  • 了解 CSS 中属性的值及其特性, 透彻分析问题和需求才可以选择和设计最适合的布局解决方案。 居中布局 水平居中 子元素于父元素水平居中且其(子元素与父元素)宽度均可变。 inline-block + text-align <div class="parent"> <div class="child">Demo</div> </div> <style> .child { disp

  • 本文向大家介绍讲讲viewport和移动端布局?相关面试题,主要包含被问及讲讲viewport和移动端布局?时的应答技巧和注意事项,需要的朋友参考一下 参考回答: 可以参考我的这篇文章: 响应式布局的常用解决方案对比(媒体查询、百分比、rem和vw/vh)

  • 问题内容: 我正在尝试使用UICollectionView创建一个网格,用户可以将其设置为x单元x y单元(在文本框中输入),同时仍在屏幕上占据相同的宽度。 我已经能够创建一个包含正确数量的单元格的网格视图,但是这些视图的布局不正确,即,按5输入7将得到35个单元格,但不能按5输入7个单元格进行布局。这是我到目前为止的代码。 MyCollectionViewCell.swift导入UIKit Cr

  • 移动端布局功能优化了动态交互图表在移动端的显示效果,让移动端展现响应更快,布局更专业,效果更酷炫。 操作简单: 1) 图册的布局区,新增“移动端布局”的Tip页,点击切换为窄长版的布局模式。 2) 移动端可以独立设置布局和配色方案。布局上支持自适应长页面布局和固定分辨率。 3) 预览功能匹配移动端效果 4) 编辑完成后,点击分享,手机微信扫描二维码或点击链接,即可展示图册!

  • 移动端APP部署及安全解决方案 概述 InforMobile移动应用产品不仅支持在局域网(LAN)环境中的部署使用,也支持在internet(互联网)环境中的部署使用。局域网和互联网环境不同,局域网是一个相对封闭的内部网络环境,而互联网则是完全开放的网络,因此对服务部署和数据安全控制有明显的区别。针对企业安全方面的考虑和实际需要,InforMobile移动应用产品提供了一套完整的App部署及安全解

  • 本文向大家介绍js防止DIV布局滚动时闪动的解决方法,包括了js防止DIV布局滚动时闪动的解决方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js防止DIV布局滚动时闪动的方法,分享给大家供大家参考。具体方法如下: 最近接触页面性能的东西,有很多细微又原始的内容,比如浏览器渲染。资料非常多,所以选一些做节译,备忘。 JavaScript多次写、读DOM就会发生「布局颠簸」,引起文档重排

  • 为什么移动端设置了宽度为430px,且所有的内容的宽度也都在430px以内,还是会出现手机端左右滑动条?且还会出现右边有一长条竖着的空白条无法删除。 希望能够将这个竖条以及横向左右滑动条删除

  • 本文向大家介绍快速解决jupyter启动卡死的问题,包括了快速解决jupyter启动卡死的问题的使用技巧和注意事项,需要的朋友参考一下 问题描述 系统:Win10;之前安装过Cpython,现在依次使用pip install ipython与pip install jupyter安装了 Ipython 6.5.0与 jupyter 1.0.0。但是在PowerShell上使用命令jupyter n