Skip to content

yyued/LegoUI-pc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

开始使用


LegoUI for pc 是一套轻量级的前端UI库,从欢聚时代的实际业务产品需求中精选提取而来的CSS解决方案,旨在像组装LEGO积木一样方便、快捷、灵活的组装成一个web应用。LegoUI使用SASS来组织和书写样式,遵循YY UED前端规范


获取源码

git

直接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>

参考使用的项目

About

LegoUI, 一套基于BEM的轻量级前端UI库

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages