LegoUI for pc 是一套轻量级的前端UI库,从欢聚时代的实际业务产品需求中精选提取而来的CSS解决方案,旨在像组装LEGO积木一样方便、快捷、灵活的组装成一个web应用。LegoUI使用SASS来组织和书写样式,遵循YY UED前端规范。
直接clone到本地使用:
git clone https://github.com/duowan/legoui-pc.git
如果你正在使用我们的gulp构建工具 Generator Lego,那可以在初始化时使用yo lego:more
命令,然后选择LegoUI for pc模板即可以将LegoUI for pc初始化到你的开发目录了。
我们提供了编译好的 CSS 文件,还有经过压缩的 CSS 文件,可以直接使用到任何 web 项目中。同时还包含了来自阿里字体库的图标字体。
LegoUI-for-pc
│
├── dist/
│ ├── lego.css # 预编译的 CSS 文件
│ └── lego.min.css # 压缩版 CSS 文件
│
├── sass/ # LegoUI SASS 文件
│ ├── _lego.scss
│ ├── _base.scss
│ ├── ...
│
├── font/ # web 字体
│ └── lego/ # LegoUI 图标字体
│ ├── iconfont.eot
│ ├── iconfont.svg
│ ├── iconfont.ttf
│ └── iconfont.woff
│
└── README.md # LegoUI 说明文档
这是一个简单的页面模板,直接拷贝然后愉快的使用LegoUI for pc吧:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Keywords" content="">
<meta name="description" content="">
<title>LegoUI</title>
<link rel="stylesheet" href="../css/lego.min.css">
<link rel="stylesheet" href="../css/app.css">
</head>
<body>
<p>
Hello Lego UI.
</p>
<!-- 在这里编写你的代码 -->
</body>
</html>
- Sea.js ( MIT License )
- Arale ( MIT License )
- Normalize.css ( MIT License )
- Bootstrap ( MIT License )
- Alice ( MIT License )
- Pure ( BSD License )
- Neat.css ( MIT License )