-
网站的底部是整个网页的最次要区域,基本用于展示某些申明或者联系方式等;AXUI提供的footer板块已经内置了多个子元素供用户组合使用,包含图标按钮组、辅助栏目导航组、版权申明组等。
-
AX-BR组件是原生br标签的替代;本break-row组件可以创造上下文水平分割空白,br=break-row;另外AX-BC组件可创造垂直空白间隔,bc=break-column,AX-BR和AX-BC都可以自定义空白多少。
-
网页内容始终需要规划在一个范围内,这个范围我们称之为外容器,外容器即是包裹所有内容的容器,也是实现内容自适应伸缩的有效方法;也就是说当用户将简单快速的实现内容终端自适应,直接套一层wrap外容器即可;外容器支持多个固定尺寸适应不同尺寸桌面终端
-
用户可通过_w-*和_h-*样式类独立使用宽度和高度;宽度和高度是以input高度作为基本单位的,例如_w-1表示40px,_w-6表示40*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文件可获得良好的展示效果。
-
本框架内置了一套图标字体(iconfont),通过_icon[-*]样式类使用图标字体;另外一种用法是将图标主体名称写在标签内,对该标签应用图标字体;图标字体库会持续不断地更新。
-
对齐排列分两大列,一类是行内元素的左中右排列;二类是弹性布局的子元素对齐;通过_a[-*]独立设置父层的对齐排列方式。
-
变量和命名缩写首先是为了提高开发者编程效率,其次是为了使用者方便记忆和快速使用,最后是为了压缩文件大小,不过最终使用框架代码的时候通常会使用min版本,这类版本已经不在乎短命名带来的文件尺寸变化;变量和命名缩写都是采用国际通行的、可读的方式进行,但是有些时候为了方便统一管理而自创了部分缩写,这类缩写主要体现在css变量当中,例如_c-prim-tl,其完整的意思是color+primary+translucent即半透明主色,其中translucent在英文编程界没有缩写,所以自创以tl作为缩写。

