RUI基础样式库

联合创作 · 2023-09-23 08:05

RUI 是一套前端开发框架,视觉体验一致的基础样式库,借助开源力量为系统 Web 开发量身设计,可以令我们开发的系统使用感知更加统一。

执行任务

$ gulp watch

文档预览

  1. 克隆RUI

  2. 切换到 gh-pages 分支

$ 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 在该项目中进行添加软链,此时可以在项目中引用。

var rui = require('rui'),
    stylus    = require('stylus');

function compile(str) {
  return stylus(str)
    .use(rui());
}

Stylus 中使用

@import 'rui/variables'
@import 'rui/mixins'
@import 'rui/alerts'
浏览 3
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报