-
虽然原生标签自带了一些文本格式,但是对于某些特殊格式的文本还是需要用户自行通过css或js来设定;format组件目前支持若干特殊格式文本,包括拼音、断行、数学公式、前缀和后缀。
-
表单域容器是表单域的三级容器(一级是input、select等原生表单域,二级是被分装的AX-INPUT、AX-SELECT等组件),该容器是构成一个完整的form表单的基本单位,在表单域容器里包含的子元素有:input等原生元素或AX-INPUT等表单域组件,表单域校验模块,左侧label头,右侧help元素,下方alert元素。
-
-
-
AX-TEXTAREA自定义标签是对原生textarea标签的封装,除了保持输入多行文本功能之外,另外增加了工具箱、字符限制提示和输入校验的支持。
-
AX-FILE自定义标签是对原生file标签的封装,除了保持单选和多选文件能之外,另外增加了工具箱、文件数量限制提示和数量校验的支持。
-
网站的底部是整个网页的最次要区域,基本用于展示某些申明或者联系方式等;AXUI提供的footer板块已经内置了多个子元素供用户组合使用,包含图标按钮组、辅助栏目导航组、版权申明组等。
-
AX-BR组件是原生br标签的替代;本break-row组件可以创造上下文水平分割空白,br=break-row;另外AX-BC组件可创造垂直空白间隔,bc=break-column,AX-BR和AX-BC都可以自定义空白多少。
-
网页内容始终需要规划在一个范围内,这个范围我们称之为外容器,外容器即是包裹所有内容的容器,也是实现内容自适应伸缩的有效方法;也就是说当用户将简单快速的实现内容终端自适应,直接套一层wrap外容器即可;外容器支持多个固定尺寸适应不同尺寸桌面终端
-
用户可通过_w-*和_h-*样式类独立使用宽度和高度;宽度和高度是以input高度作为基本单位的,例如_w-x1表示38px,_w-6表示38*6px;特别提供了neat(同input宽度),half(50%)和full(100%)三个尺寸。
-
通过多种方式实现多终端自适应responsive,通过@media min/max-width做宽度适配查询,通过终端自适应样式_xxs-1,_xs-2等实现自适应,通过@media any-hover做移动端终端适配查询,通过breakpoints函数做断点参数设定,通过_hide-xxs~lg进行不同终端隐藏元素。
-
margin为外边距,padding为内边距;通过_m[-*]样式类独立设置元素的外边距,支持边距大小和边距位置;通过_p[-*]样式类独立设置元素的内边距,支持边距大小和边距位置。
-
单行省略和多行省略在文字较多的情况是很有必要的;_ell[-*]样式类表示省略,支持一行或多行省略,多行省略支持文本字号尺寸;多行省略的行高采用em作为单位,以确保字号变大了之后,行间距也响应的改变。
-
WebComponents组件是es6标准,可以部分代替vue或react等数据响应式框架的部分功能,关键是Webcomponents获得标准支持,原生可用;基于webcomponents标准,AXUI的组件分为两类,一类是有至少一个模块内核的webcomponents组件,修改attributes属性等同于更新模块的参数(使用update方法),例如AX-MENU自定义标签,其内核是Menu模块;第二类是没有核心模块的普通webcomponents组件,通过修改其自身的attributes即可更新参数,例如AX-LINE等。
-
通过_bg[-*]样式类单独定义板块的背景色,支持prim、succ、error等色系,另外可使用_bg-stage当前网页背景色系(默认白色)。
-
markdown编辑器和语法在编程界比较常见,已经慢慢的推广到了各大博客和论坛平台;markdown语法的文档最终会被编译为html网页,也就是说markdown再炫也会最终转为原生html标签;本框架已经完善了对原生html标签的支持,所以在markdown页面引入本框架的css文件可获得良好的展示效果。