深入理解iuap design-05-neoui前端框架

@GuoYongfeng 2016-08-02 10:58:00发表于 iuap-design/blog

neoui 前端框架

neoui是什么

NeoUI 是基于 UI 设计语言 iuap design 实现的前端框架,致力于快速构建前端页面。

组成部分

  • 全局CSS样式

CSS样式提供了基础样式、布局、色彩、辅助类、字体图标、以及基本控件。开发者只需调用相应的样式即可,操作很简便。

  • 组件

把一些常见的网页组件拆分成不同的部分,进行类似 Web Components 的封装

  • JS插件

20+个官方插件,并在持续开发中,满足你的功能需求

优点

  • 丰富的组件

    neoui 包含丰富的 CSS 组件、JS 插件(20+)、全局样式

  • 统一的样式规范

    neoui样式由UED团队设计,开发人员不需复写样式即可实现想要的效果

  • 兼容主流浏览器(ie8+、Firefox、chrome等)

缺点

个别文档不够全面,在使用过程中,发现任何问题请及时回馈。我们这边会及时解决从而更好的服务大家。

如何使用

请参考官网中的开发使用中的快速入门

具体demo

  • css全局样式button

css全局样式的demo,只需根据文档添加对应的css样式即可

参考button文档来实现一个实现一个警告颜色的按钮.

<button class="u-button   u-button-danger">danger</button>

上例中u-button为一个基本的按钮样式,u-button-danger设置了警告色

  • 组件、Js插件

    组件、Js插件在编写时,除了引入具体的样式名称,还可能需要对应的js内容。具体请参考官网相关文档