通过_bg[-*]样式类单独定义板块的背景色,支持prim、succ、error等色系,另外可使用_bg-stage当前网页背景色系(默认白色)。
对齐排列分两大列,一类是行内元素的左中右排列;二类是弹性布局的子元素对齐;通过_a[-*]独立设置父层的对齐排列方式。
legend图例样式组件主要用来作为小图片装饰形式存在,可置于任何组件或模块当中;包含rep=disk、rep=cube和rp=image
本框架内置了一套图标字体(iconfont),通过_icon[-*]样式类使用图标字体;另外一种用法是将图标主体名称写在标签内,对该标签应用图标字体;图标字体库会持续不断地更新。
表单域容器是表单域的三级容器(一级是input、select等原生表单域,二级是被分装的AX-INPUT、AX-SELECT等组件),该容器是构成一个完整的form表单的基本单位,在表单域容器里包含的子元素有:input等原生元素或AX-INPUT等表单域组件,表单域校验模块,左侧label头,右侧help元素,下方alert元素。
单行省略和多行省略在文字较多的情况是很有必要的;_ell[-*]样式类表示省略,支持一行或多行省略,多行省略支持文本字号尺寸;多行省略的行高采用em作为单位,以确保字号变大了之后,行间距也响应的改变。
Pagination分页导航并没有封装为组件,因为不同系统使用分页的方式各有不同,以原生的html和css设计pagination就方便不同的场景自行组合分页元素,这些元素包括“上一页/下一页”导航,“首页尾页”导航,诸多页码,当前页码,页码跳转,分页数量等。
可以单独使用tag标签,也可以用tags标签包裹tag标签来统一设定标记外观颜色、尺寸和边框样式;tag和tags是Tags组件和模块的基础。
弹性组是tab头的一种形式,已经被集成在Tab组件模块使用;因其由css+html打造,当然也可以用在网页body部分的任何地方,也可以被其他自定义组件或模块打包引用。
页签组是tab头的一种形式,已经被集成在Tab组件模块使用;因其由css+html打造,当然也可以用在网页body部分的任何地方,也可以被其他自定义组件或模块打包引用。
指示灯组是tab头的一种形式,已经被集成在Tab组件模块使用;因其由css+html打造,当然也可以用在网页body部分的任何地方,也可以被其他自定义组件或模块打包引用。
网页内容始终需要规划在一个范围内,这个范围我们称之为外容器,外容器即是包裹所有内容的容器,也是实现内容自适应伸缩的有效方法;也就是说当用户将简单快速的实现内容终端自适应,直接套一层wrap外容器即可;外容器支持多个固定尺寸适应不同尺寸桌面终端
markdown编辑器和语法在编程界比较常见,已经慢慢的推广到了各大博客和论坛平台;markdown语法的文档最终会被编译为html网页,也就是说markdown再炫也会最终转为原生html标签;本框架已经完善了对原生html标签的支持,所以在markdown页面引入本框架的css文件可获得良好的展示效果。
margin为外边距,padding为内边距;通过_m[-*]样式类独立设置元素的外边距,支持边距大小和边距位置;通过_p[-*]样式类独立设置元素的内边距,支持边距大小和边距位置。
用户可通过_w-*和_h-*样式类独立使用宽度和高度;宽度和高度是以input高度作为基本单位的,例如_w-x1表示38px,_w-6表示38*6px;特别提供了neat(同input宽度),half(50%)和full(100%)三个尺寸。
网站的底部是整个网页的最次要区域,基本用于展示某些申明或者联系方式等;AXUI提供的footer板块已经内置了多个子元素供用户组合使用,包含图标按钮组、辅助栏目导航组、版权申明组等。