https://github.com/r-ui/rui

Web 前端 UI 框架
https://github.com/r-ui/rui

bootstrap bootstrap3 bootstrap4 css css3 javascript rui

Last synced: about 1 month ago
JSON representation

Web 前端 UI 框架

• Host: GitHub
• URL: https://github.com/r-ui/rui
• Owner: r-ui
• Created: 2016-03-24T15:46:50.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-04-17T05:51:40.000Z (over 5 years ago)
• Last Synced: 2024-10-01T18:08:13.473Z (about 2 months ago)
• Topics: bootstrap, bootstrap3, bootstrap4, css, css3, javascript, rui
• Language: HTML
• Homepage: https://r-ui.github.io/rui/
• Size: 2.11 MB
• Stars: 9
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
RUI 是一套基础样式库

# 执行任务

```

$ gulp watch

```

# 文档预览

1. 克隆RUI

2. 切换到 gh-pages 分支

```bash

$ git clone https://github.com/r-ui/rui.git

$ git checkout gh-pages

```

# 使用

JS 中引入模块。未上传npm，目前不能使用，如果使用，使用方法

1. `$ git clone URL` 进入`cd rui` 。

2. 运行命令 `npm link` 添加软链，就相当于全局安装`rui`。

3. 进入要使用的项目 `npm link rui` 在该项目中进行添加软链，此时可以在项目中引用。

```js

var rui = require('rui'),

    stylus    = require('stylus');

function compile(str) {

  return stylus(str)

    .use(rui());

}

```

Stylus 中使用

```stylus

@import 'rui/variables'

@import 'rui/mixins'

@import 'rui/alerts'

```