-
popup气泡是一个基础模块,是dropdown、tooltip等模块的父类;是class类,可以被extend继承;content参数支持多种数据格式,与contType和contData参数配合使用可获取多种格式数据,包括DOM节点、纯文本、html文本、array和object、form表单等;用户可使用内置的模板解析器解析array和object数据,也可以自定义模板引擎。
-
dialog对话框是一个基础模块,是alert、confirm等窗口的基础,也是事件交互的主要形式;同popup和drawer一样,支持多种数据形式;可拖拽不遮挡。
-
pill组件是独立的tab切换组件,只包含tab头,没有tab体,类似胶囊形状,背景块可动画移动。
-
post与bullet一样是构成图文列表的子单元,post更多的是强调图片或图片集,突出图片在信息中的作用,当然不用图片仅展示多行文本也是可以的;如果内容叫丰富或者希望尽可能多的显示信息,可使用post代替bullet。
-
Tooltip模块是继承自Popup模块,在原Popup基础上进行了结构简化,取消了footer和tools,并且使用theme参数来填充气泡背景;content主要是纯文本为主。
-
wall照片墙主要以豆腐块的形式展示图文信息,是构成图文列表的重要形式;支持使用多行标题、图标、标签、浮层等元素;支持多种豆腐块比例;支持自适应布局。
-
可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。
-
讲述color颜色class样式类以及生成颜色的css变量的关系,通过本文可以清晰的了解到AXUI的颜色主题是如何产生的,用户掌握了颜色的css变量之后可以diy自己的风格主题。
-
createBtns工具函数可快速创建一组按钮,按钮可以是纯文本也可以是纯图标形式,支持对单个按钮绑定事件;支持对按钮组的按钮使用AXUI框架中btn组件的所有风格类型。
-
通过诸多示例详细展示Tags模块核心参数的使用效果以及Tags模块自身的内部变量和操作方法;另外包括演示模块常规特性,包括事件监听、等待执行、缓存数据、销毁和初始化等。
-
bulletin在国外刊物中称之为“简讯”,意为纯文字的简短报道。AXUI中的bulletin用来表达简洁明快的中心思想,所以以文字为主,简单的辅之以小图,让简讯看上去内容更加丰富。bulletin是构成信息列表的主要单元之一,也是AXUI诸多列表模块中默认的列表结构。
-
dialog对话框是一个基础模块,是alert、confirm等窗口的基础,也是事件交互的主要形式;同popup和drawer一样,支持多种数据形式;可拖拽不遮挡。
-
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
-
-
popup气泡是一个基础模块,是dropdown、tooltip等模块的父类;是class类,可以被extend继承;content参数支持多种数据格式,与contType和contData参数配合使用可获取多种格式数据,包括DOM节点、纯文本、html文本、array和object、form表单等;用户可使用内置的模板解析器解析array和object数据,也可以自定义模板引擎。
-
-
divider分隔线组件有hr标签和ax-line组件相似的效果,即都可以创建一条水平分隔线;我们将divider分隔线定义得更纯粹,他仅仅是分隔上下文,他是上下文的一部分,他的label文本字号和上下文间距都继承自父层。
-
Select模块可实现单选和多选,完美替代原生的select-single和select-multiple组件;支持模糊检索和自动完成。
-
flex弹性布局,是对一个页面进行结构划分的重要方法,可以替代table布局和float布局;flex布局会自动铺满容器(包括水平或垂直方向)而不会塌陷,比较容易实现内容自适应;另外同grid布局一样,flex布局支持多终端自适应。
-
grid栅格布局或者叫做网格布局,是多列等分布局的重要方法,可以替代table布局和flex弹性布局;另外grid布局方式自带gap间隙而不需要另外写margin或padding;grid布局支持多终端自适应。
-
Message模块用于实时显示状态信息,包括success、error、information、question、warning等;支持大图标大标题模式以突出显示内容;支持9个显示位置;支持html文本。
-
Retrieval根据关键字对数据进行检索并生成相应的节点,可自动或手动的填充目标节点,可自定义模版字符串和模板引擎;以arrSearch工具函数为核心的数据检索模块,是其他搜索列表的基础模块
-
Gesture手势库是AXUI专用的多终端手势库模块,规范了click单击、dblclick双击、hold长按、cancel取消、scale缩放、rotate旋转事件和translate移动事件,另外还特别处理了桌面端的wheel滚轮事件和右键事件。
-
Datetime模块可创建日期选择实例,支持单选或多选日期,也支持选择日期段,支持使用农历,支持自定义事件。
-
drawer抽屉模块是bubble气泡模块,是class类,可被extend继承;该模块支持四个方向展示内容;支持同一方向多个drawer叠加显示;content支持多种数据格式,包括DOM、string、object、array、函数等;特别的该模块支持asycn异步获取内容并自动解析为列表。
-
dropdown下拉菜单模块是继承自popup模块,也就是说dropdown的参数格式与popup相同,dropdown下拉菜单模块强调的是通过创建列表并给目标节点传递checked值;该模块的列表结构是bullet;该模块支持多种列表形式,支持单选和多选列表。
-
fieldTools工具函数可以用来获取表单域的值,设置表单域的值,重置表单域的值。表单域包括原生表单域和自定义表单域。
-
observe模块是对Proxy代理的封装,除了基本的get、set、delete监听,还支持edit、crud、trigger、complete监听,特别的Observe模块支持deep深度监听;数据类型与Proxy一致,是object和array类型;对数组数据的增删改操作需要使用splice、pop、shift、push等改变数组length的方法才可触发Proxy监听。
-
-
breakpoints工具函数是一个自适应函数,他可以根据浏览器可视宽度自动修正对象的属性值;合并原对象的值,不输出新对象;支持浏览器可视宽度判断,支持是否是移动端判断,支持指定宽度判断。是使用js实现终端自适应的一个重要途径。基本上每个模块都支持breakpoints断点方法。
-
spy即对IntersectionObserver方法的二次封装,支持进入退出动画;支持与其他元素(menu菜单,anchor菜单)发生联动;可以改变参照父节点;最简单的用法是让进入视窗的元素有缓冲动画效果,比如渐显。