当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

RUI

基础样式库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 国产
投 递 者 曾实
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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'
  • 1:URI:统一资源标识符,采用一种特定的语法表示一种资源的字符串。所标识的资源在服务器上可能是文件,或者其他任何内容。 uri的语法是由一个模式和一个模式特定部分组成,模式:模式特定部分,当前模式包括:   data:链接中直接包含Base64编码数据   file:本地磁盘上的文件   ftp:ftp服务器   http:使用超文本传输协议的国际互联网服务器。   mailto:电子邮件地址

  •       转自:https://zhidao.baidu.com/question/304972203991148284.htmlfr=iks&word=URL%BA%CDuri%C7%F8%B1%F0&ie=gbk        这两天在写代码的时候,由于涉及到资源的位置,因此,需要在Java Bean中定义一些字段,用来表示资源的位置,比如:imgUrl,logoUri等等。但是,每次定义的

  • RUI平板桌面是一款非常实用的智能分类管理桌面手机软件,拥有多套主题,随心而换,各种实用小插件让操作变得异常容易,让分类、管理、下载程序在桌面上一步到位。 软件特色: 1.分类管理应用,应用自动智能分类,方便管理桌面程,应用再多也不用烦恼布局,让查找app更加简单,高效。无需联网,节省流量。 2.应用智能布局,应用分类后,常用的几类应用被并平铺到桌面首页,以文件夹形式显示,既节省桌面空间,又方便打

  • 1、安装环境 yum install docker yum install docker-compose systemctl start docker docker pull wechaty/wechaty:0.65 2、git免密登录 ssh-keygen -t rsa cat /root/.ssh/id_rsa.pub git clone git@github.com:liuguangru

 相关资料
  • 使用基础组件 在React中使用组合的思想去构建我们的UI会带来很大的灵活性, 因为我们的组件从另一个角度来看都是函数. 通过改变组件中的props进而改变组件的样式, 我们能让组件更加的可复用. 我们把color和backgroundColor属性作为组件的props传入, 另外我们新加了一个props来调整padding top和padding bottom. const Button = (

  • 我很喜欢Ionic的原因是,默认的组件都是开箱即用型的。一切看起来很整齐,平滑,整洁,同时也有点枯燥。我喜欢简单,平平淡淡才是真,但是,也许你不想你的应用看起来跟其他应用没什么两样。举一下我们在模板中讲过的例子: 界面看起来简单明了,但是明显没有赢得任何设计大奖的可能性。他使用的都是默认的样式,没有半点自定义的东西。如果你看一下我本课程中制作的应用的时候,会发现他们基本上都有自定义样式: 一些应用

  • 不要被各种关于 reducers, middleware, store 的演讲所蒙蔽 —— Redux 实际是非常简单的。如果你有 Flux 开发经验,用起来会非常习惯。没用过 Flux 也不怕,很容易! 下面的教程将会一步步教你开发简单的 Todo 应用。 Action Reducer Store 数据流 搭配 React 示例:Todo 列表

  • StackExchange.Redis 中核心对象是在 StackExchange.Redis 命名空间中的 ConnectionMultiplexer 类,这个对象隐藏了多个服务器的详细信息。 因为ConnectionMultiplexer要做很多事,它被设计为在调用者之间可以共享和重用。 你不应该在执行每一个操作的时候就创建一个 ConnectionMultiplexer. 它完全是线程安全的

  • 本部分介绍了 ES6 中的常用基本概念,旨在让大家对 ES6 有个初步的理解。具体内容包括: 变量 字符串 数值 数组 函数 对象 正则 集合 Symbol

  • 路由配置 路由匹配原理 History 默认路由(IndexRoute)与 IndexLink