Parker的移动城堡

很喜欢小猴子!

Parker的移动城堡

2017-03-24 11:25

网站>

z -- 即轻便又方便的前端ui框架

z ui 是一套轻便、简易的UI (css体积:37kb,js体积:14kb)。以下是对z ui 的一个大致的介绍:
共有blue(primary)green(success)yellow(warning)red(danger)dark五种颜色体系,并运用于导航(z-nav)、按钮(z-btn)等很多组件中。
所有class名都有z-作为前缀,目的是防止全局污染。
所有js所需的属性都是以zdata-作为前缀。z也提供了$.fn.zdata()作为获取办法。
需要注意的是 在z里的所有元素盒子属性都被定义成border-box了,如果您需要使用常规的盒子属性,只需要在需要使用的地方加上classz-box-content
z需要jQuery作为基础,所以在使用z时请确保在z.js || z.min.js之前先加载jquery,默认路径:libs/jquery.js || libs/jquery.min.js
功能与样式分离:
相信您一定有过这样的需求 -- 使用组件时只是想要它js功能并不想要它给定的样式,不然还需要重新一个个的覆盖它给定的样式。 在z里默认功能模块都是以classz-action-作为前缀的,比如说您想使用内置的幻灯组件,您只需要在您的幻灯元素上加上classz-action-slider即可,这时候z并不会给您的幻灯任何样式,您可以随意定义。

发表评论

>
X < >