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

[GuoYongfeng]

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内容。具体请参考官网相关文档