所在位置:首页 / API接口 / 原生标准
Pagination分页导航并没有封装为组件,因为不同系统使用分页的方式各有不同,以原生的html和css设计pagination就方便不同的场景自行组合分页元素,这些元素包括“上一页/下一页”导航,“首页尾页”导航,诸多页码,当前页码,页码跳转,分页数量等。
1周前更新
Breadcrumb意为面包屑,也可以使用crumb简称,面包屑导航主要意义是在网站项目中告诉用户当前页面在网站项目中的层级关系,并且通过层级关系迅速返回上一页或首页,类似windows系统中的文件目录层级;面包屑导航是纯css+html打造的,未进行任何封装,方便不同网站系统组合使用。
2周前更新
特殊字符是指那些通过键盘打不出的字符,在网页中使用这些字符需要通过实体编码才能使用,编码方式包括:UNICODE、HEX CODE、HEX CODE、HTML ENTITY、CSS CODE;特殊字符普遍字号偏小,如有需要可追加font-size属性增大字号。
2周前更新
页签组是tab头的一种形式,已经被集成在Tab组件模块使用;因其由css+html打造,当然也可以用在网页body部分的任何地方,也可以被其他自定义组件或模块打包引用。
2周前更新
指示灯组是tab头的一种形式,已经被集成在Tab组件模块使用;因其由css+html打造,当然也可以用在网页body部分的任何地方,也可以被其他自定义组件或模块打包引用。
2周前更新
弹性组是tab头的一种形式,已经被集成在Tab组件模块使用;因其由css+html打造,当然也可以用在网页body部分的任何地方,也可以被其他自定义组件或模块打包引用。
2周前更新
按钮组是tab头的一种形式,已经被集成在Tab组件模块使用;因其由css+html打造,当然也可以用在网页body部分的任何地方,也可以被其他自定义组件或模块打包引用。
2周前更新
渐变色通常用在板块背景,对于常规网页而言,颜色不易过多,所以AXUI的gradient渐变色也仅仅采用了双色渐变;支持7种主色渐变,支持8个方向渐变,使用近似色作为渐变终点。
2周前更新
grade菜单是Menu模块的简化版,grade不是组件或模块,是原生css+html打造,用户在保留grade基本结构前提下可自行插入任意内容,也可以组合到自定义的模块或组件。
2周前更新
表单域容器是表单域的三级容器(一级是input、select等原生表单域,二级是被分装的AX-INPUT、AX-SELECT等组件),该容器是构成一个完整的form表单的基本单位,在表单域容器里包含的子元素有:input等原生元素或AX-INPUT等表单域组件,表单域校验模块,左侧label头,右侧help元素,下方alert元素。
2周前更新
bulletin在英文报刊界叫做简讯,以短文字为主,通常不会配图;在AXUI中bulletin也是以一行或多行文字为主,但是可以辅助以小图、小图标等元素;bulletin是css+html打造,可以被用在网页的body任何地方,也可以被其他组件或模块所封装。
2周前更新
网站的底部是整个网页的最次要区域,基本用于展示某些申明或者联系方式等;AXUI提供的footer板块已经内置了多个子元素供用户组合使用,包含图标按钮组、辅助栏目导航组、版权申明组等。
2周前更新
使用_b或_b-*表示独立的边框样式类(外轮廓),这些样式可以用在所有元素上面;边框样式支持边框位置,边框大小;_b[-*]都是solid实边。与outline不占用空间不同,本边框会占用空间;通常我们会配合border-box:box-sizing使用。
2周前更新
article是html5语义化标签之一,文章正文应该放在该标签里,本框架对article标签做了优化改进,其内部的诸多子元素可以呈现良好的布局效果,并且确保行内元素不会超出article标签边界;与article配套的元素还包括来源出处、作者、文章标题头等。
2周前更新
网页内容始终需要规划在一个范围内,这个范围我们称之为外容器,外容器即是包裹所有内容的容器,也是实现内容自适应伸缩的有效方法;也就是说当用户将简单快速的实现内容终端自适应,直接套一层wrap外容器即可;外容器支持多个固定尺寸适应不同尺寸桌面终端
2周前更新
用户可通过_w-*和_h-*样式类独立使用宽度和高度;宽度和高度是以input高度作为基本单位的,例如_w-x1表示38px,_w-x6表示38*6px;特别提供了neat(同input宽度),half(50%)和full(100%)三个尺寸。
2周前更新
margin为外边距,padding为内边距;通过_m[-*]样式类独立设置元素的外边距,支持边距大小和边距位置;通过_p[-*]样式类独立设置元素的内边距,支持边距大小和边距位置。
2周前更新
单行省略和多行省略在文字较多的情况是很有必要的;_ell[-*]样式类表示省略,支持一行或多行省略,多行省略支持文本字号尺寸;多行省略的行高采用em作为单位,以确保字号变大了之后,行间距也响应的改变。
2周前更新
通过_bg[-*]样式类单独定义板块的背景色,支持prim、succ、error等色系,另外可使用_bg-stage当前网页背景色系(默认白色)。
2周前更新
网页中常见的尺寸的单位是px、em、rem、vh和vw;本框架主要使用px、em和rem作为元素的尺寸单位,px常用于固定尺寸的元素,比如1px的分割线;em常用于需要自由改变尺寸的元素,比如input表单域;rem常用于随全局改变尺寸的元素,本框架的大部分元素均支持全局尺寸改变(修改root的fontsize属性)。
2周前更新
通过_sd[-*]样式类给元素独立设置阴影;在本框架中,阴影不以大小而论,而是以风格而论;比如我们可以通过阴影给元素模拟出一个边框,这模拟边框不会占用空间;再例如通过阴影模拟出一种弥漫而扩撒的效果,可以营造一种朦胧诗意的意境。
2周前更新
通过_r[-*]样式类独立设置元素的圆角半径,支持定义圆角的大半径小和位置;其大小是以3px为基准的,例如_r-x3表示3px*3。
2周前更新
markdown编辑器和语法在编程界比较常见,已经慢慢的推广到了各大博客和论坛平台;markdown语法的文档最终会被编译为html网页,也就是说markdown再炫也会最终转为原生html标签;本框架已经完善了对原生html标签的支持,所以在markdown页面引入本框架的css文件可获得良好的展示效果。
2周前更新
弹性布局也即flex布局,是目前网页的主流布局方式;解决了float布局的塌陷问题,也解决了inline-block元素的4px间隙问题;最关键的是flex布局天然适合多终端自适应环境。
2周前更新
本框架内置了一套图标字体(iconfont),通过_icon[-*]样式类使用图标字体;另外一种用法是将图标主体名称写在标签内,对该标签应用图标字体;图标字体库会持续不断地更新。
2周前更新
grid栅格布局可以替代传统的table布局;grid布局即可模拟table存放数据,也可以模拟flex弹性布局做多栏目多列布局;本框架的布局方式主要是flex布局和grid布局。
2周前更新
本框架的颜色主要分三大类:主色系,通用色系,文本色系;通用色系和文本色系通常不会变,如果要修改网页的主题风格,主要是调整主色系;本框架通过_c-*来独立设置文本颜色,支持以上三大类颜色,特别的可使用_c-stage来使用网页背景色(白色)。
2周前更新
对齐排列分两大列,一类是行内元素的左中右排列;二类是弹性布局的子元素对齐;通过_a[-*]独立设置父层的对齐排列方式。
2周前更新
本框架对部分常用的原生标签样式做了重置,使之与本框架风格一致;虽然重置了原标签的样式,但是依然保留了原标签的功能,并充分考虑残障适应,并不会盲目的让原标签样式归零。
2周前更新
文本格式的样式分散在css和原生标签中,用起来多有不便,本框架已经对常用的文本格式写入了css,统一通过css样式类实现原生标签中的文本格式;另外也适当定义了若干非原生标签的、日常行文中常见的文本格式。
2周前更新