iuap-design
UI Framework Used For Enterprise.
Last updated 4 years ago by guoyongfeng .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install iuap-design 
SYNC missed versions from official npm registry.

iuap-design

Bower version npm version Build Status devDependency Status

iuap-design 是基于 UI 设计语言 iUAP Design 实现的前端框架,开放自由、易学易用、美观大气,为开发者提供从产品界面设计到前端开发的完整生态。

核心能力

丰富的组件

iuap-design 包含丰富的 CSS 组件、JS 插件

可扩展主题

更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。

完整生态

基于 iuap-design 扩展的各种功能插件,丰富的主题,易用的快速开发脚手架以及基于框架扩展的datatable等技术元素,为开发者提供一站式解决方案。

开始使用

获取iuap-design

  • 直接从github获取我们的源码
git clone git@github.com:iuap-design/iuap-design.git
  • 使用CDN
http://design.yyuap.com/static/iuap-design/3.0.1/js/u-ui.js
http://design.yyuap.com/static/iuap-design/3.0.1/js/u-polyfill.js

http://design.yyuap.com/static/iuap-design/3.0.1/css/u.css
http://design.yyuap.com/static/iuap-design/3.0.1/css/u-extend.css
  • 使用npm安装
npm install iuap-design
  • 使用bower下载

暂未发布,敬请期待...

版本说明

当前iuap-design框架的版本为3.0.1。

目录及文件说明

提供的资源目录结构

dist
│
├─css
│      font-awesome.css
│      u-extend.css
│      u-extend.min.css
│      u.css
│      u.min.css
│
├─fonts
│      fontawesome-webfont.eot
│      fontawesome-webfont.svg
│      fontawesome-webfont.ttf
│      fontawesome-webfont.woff
│      fontawesome-webfont.woff2
│      FontAwesome.otf
│
└─js
        u-polyfill.js
        u-polyfill.min.js
        u-ui.js
        u-ui.min.js


快速创建一个页面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <title>iUAP Design Demo</title>

  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="iUAP Design"/>
  <link rel="stylesheet" href="http://design.yyuap.com/static/iuap-design/3.0.1/css/u.css">
</head>
<body>
  <h1> Hi, iUAP Design </h1>

  <!-- 你的代码 -->

  <!--[if (gte IE 9)|!(IE)]><!-->
  <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
  <!--<![endif]-->
  <!--[if lte IE 8 ]>
  <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
  <script src="http://design.yyuap.com/static/iuap-design/3.0.1/js/u-polyfill.js"></script>
  <![endif]-->
  <script src="http://design.yyuap.com/static/iuap-design/3.0.1/js/u-ui.js"></script>
</body>
</html>

开发文档

开发文档详见这里

更多内容请移步我们的官网

6.参与讨论和开发

如在使用过程中遇到任何问题,可以在这里提交issue反馈;

或者直接fork代码到你的github仓库,提交pull request给我们。

有紧急问题可以直接邮件给我(Email:guoyff@yonyou.com)

开发及构建

开发者可以一起参与为 iuap-design 贡献代码,同时也可以基于 iuap-design 进行二次开发或封装插件。

目录结构

bower.json
CHANGELOG.md
CONTRIBUTING.md
dist/
docs/
gulpfile.babel.js
js/
package.json
README.md
scss/
vendor/
widget/

构建工具

iuap-design 使用 gulp.js 构建项目。

克隆项目文件:

$ git clone git@github.com:iuap-design/iuap-design.git

然后进入目录安装依赖:

$ npm install

接下来,执行 gulp

$ npm run dev

反馈

Bug 反馈及需求提交

版本号

Current Tags

  • 3.0.6                                ...           latest (4 years ago)

3 Versions

  • 3.0.6                                ...           4 years ago
  • 3.0.2                                ...           4 years ago
  • 3.0.1                                ...           4 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 1
Last Day 0
Last Week 1
Last Month 0
Dependencies (13)
Dev Dependencies (18)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |