宝安通 UI 首页DemoGitHub
轻量小巧 界面精美 搭建迅速

宝安通UI库

宝安通UI库是一个开源的简单易用,轻量快捷的移动端UI框架。基于宝安通2.0样式规范,选取最常用的组件,做成宝安通2.0离线包减少dns请求,目前全面应用在宝安通2.0开放平台中。

轻量的UI库

宝安通UI库非常轻量,核心库的JS、CSS网络传输体积总共只有45K,通过压缩Gzip后的会更小,却提供了20+个常用的组件。对于只有HTML&CSS的组件,你只需要复制HTML代码既可以使用。他的大部分JS组件都是独立的Zepto 插件,并且提供了 Zepto/jQuery 风格的API,你将会非常熟悉这种方式。

更显灵动的JS插件

宝安通UI提供的一系列JavaScript插件,更优雅地在移动端上呈现更灵动的动画效果。

功能强大的组件

宝安通UI提供的CSS组件是目前宝安通前端开发组所用的通用样式库。遵循移动端样式规范,基本样式使用离线包的方式减少请求,并提供快速接入的方案。

特色展示

适用于规范设计的Web页面,通过修改变量定制界面主题。可以按需选择需要的组件,也可以采用cdn和vv的方式按需加载。使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px,rem,文字截断等解决方案,同时解决了手极端屏幕适配问题。CSS使用模块化的样式命名和组织规范,使用sass编写css代码。

宝安通JS 包括: basic:BatJS 的一些基础功能,包括模板引擎、tap 支持等。ui:主要是一些触屏常用的 UI 组件,包括 dialog等。effect:非常用的特效库,特殊场景使用到是可以单独调用。兼容android 2.3 +,ios 4.0 + 。