[搜文档]AUI - 搜索结果

导航类

7 2025-04-08 《AUI在线文档》

顶部导航栏底部的工具切换栏顶部导航栏这个是app的必须品了，在这定义了几款样式来方便使用，同时根据apicloud的$api.fixStatusBar(); 做了兼容处理，在ios7+和android4.4以上可以默认修改状态栏背景色。使用.aui-bar 、.aui-bar-nav 来定义你的顶部导航栏自定义导航栏颜色，需要重...

有缩略图的列表样式

7 2025-04-08 《AUI在线文档》

带有缩略图的列表布局原理跟普通列表是基本相同的，我们借助.aui-img来实现带有缩略图的列表布局。 .aui-img-object : 显示的图片 .aui-img-body ：文字内容区域使用.aui-pull-left 或.aui-pull-right 来控制图片和文字的位置。 <div class = "aui-con...

switch开关

9 2025-04-08 《AUI在线文档》

.aui-switch 在列表中我们可以在右侧加上一个开关效果，借助了css3动画效果来实现圆钮的左右滑动，因为AUI本身是一个css样式，所有这个开关并不支持拖动的效果同时默认提供了几个颜色，可以使用.aui-switch-*来选择使用 <li class = "aui-list-view-cell aui-switch-bod...

图片列表布局样式

9 2025-04-08 《AUI在线文档》

图片排列效果图片＋下方文字排列图片排列效果 .aui-list-view 和.aui-thumb-view 来结合使用，同时借助栅格系统完成图片的排列。使用栅格系统可以决定一行显示图片数量 <div class = "aui-content" > <ul class = "aui-list-view aui...

布局容器和栅格系统

6 2025-04-08 《AUI在线文档》

布局容器常用标签在aui中的处理对齐、显示、隐藏的处理容器边距类的处理栅格系统布局容器 AUI的布局容器有两种.aui-content 、.aui-card 和.aui-content-padded 默认背景色为#ffffff；用户可以根据实际情况来定义。.aui-content-padded 为增加了10px的外边距。 .aui...

按钮

8 2025-04-08 《AUI在线文档》

块级按钮 AUI支持为、、、增加.aui-btn 来使用按钮效果。使用.aui-btn-*来选择使用AUI提供的样式 <button class = "aui-btn aui-btn-primary" > BUTTON </button> <a class = "aui-btn aui-btn-success" ...

列表样式

9 2025-04-08 《AUI在线文档》

从列表样式开始，可以说是进入到了一个小高潮。任何一个app都会有列表类的布局，使用AUI基本可以满足大多数开发者的需求。AUI提供的默认布局样式有普通列表，图文列表，图片列表，类似通讯录效果，开发者可以结合栅格系统来布局出更丰富的样式。学习这块，单凭看是没有多大效果的，建议大家多练习一下。 .aui-list-view 普通列表类的布局容器，.a...

checkbox

8 2025-04-08 《AUI在线文档》

.aui-checkbox 实现的动画多选框，给input加上disabled为禁止状态，checked为选中同时默认提供了几个颜色，可以使用.aui-checkbox-*来选择使用 <li class = "aui-list-view-cell aui-switch-body" > <div class = ...

九宫格＋十六宫格

6 2025-04-08 《AUI在线文档》

九宫格十六宫格 AUI里面定义了一套九宫格的样式，貌似现在大屏手机使用九宫格显得有些空虚，就顺便弄了个十六宫格，使用.aui-grid-nine 和.aui-grid-sixteen 来布局。宫格类的操作因为加了线条分割的样式，所以在布局的时候最好为9或16的倍数，并且最大为9或16个块，最少为3或4。同样的也可以结合.aui-card 九宫...