关于 Rubik UI
Rubik UI is a Material Design style ui library based Vue.js 2.0+ which can be used for PC and Mobile.
Rubik UI 是一个基于 Vue.js 2.0+ 的开源 UI 组件库，在交互和视觉设计上遵循 Material Design 规范，适用于 PC 端和 mobile 端。
GitHub
https://github.com/ccforward/rubik
NPM
Support
Support Vue.js 2.0+
Not support Vue.js 1.x
Demo
https://ccforward.github.io/rubik/
Usage
npm install
$ npm install i-rubik --save $ yarn add i-rubik
Rubik init
import Vue from 'vue' import Rubik from 'i-rubik' Vue.use(Rubik) export default { name: 'app', mounted(){ this.$rubik.init() } }
iconfont
Material Design's iconfont has been writtened in css file
import css
<link href="./node_modules/i-rubik/dist/rubik.min.css" rel="stylesheet" type="text/css">
OR
<link href="//unpkg.com/i-rubik/dist/rubik.min.css" rel="stylesheet" type="text/css">
Releated Projects
Rubik UI 的部分组件和样式代码参考了以下项目
Thanks to
-
element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue
-
UI组件 element ★9305 - 饿了么出品的Vue2的web UI工具套件 Vux ★6802 - 基于Vue和WeUI的组件库 mint-ui ★4776 - Vue 2的移动UI元素 iview ★4458 - 基于 Vuejs 的开源 UI 组件库 Keen-UI ★2363 - 轻量级的基本UI组件合集 vue-material ★2207 - 通过Vue Material和Vu
-
PC端： 1. ElementUI：http://element-cn.eleme.io/#/zh-CN 2. iView：https://www.iviewui.com/ 3. VueStrap：http://yuche.github.io/vue-strap/ 4. VueAdmin：https://admin.vuebulma.com/#/ 5. KeenUi：https://jo
-
1、file --> Settings --> file encodings(Ctrl+Alt+S) 2、在弹出的对话框右侧，将所有的Encoding(一共三个)全部改为“UTF-8” 3、Apply and OK 。 4、然后清除缓存重启(InValidate Caches/Restart)
-
PC端： 1. ElementUI：http://element-cn.eleme.io/#/zh-CN 2. iView：https://www.iviewui.com/ 3. VueStrap：http://yuche.github.io/vue-strap/ 4. VueAdmin：https://admin.vuebulma.com/#/ 5. KeenUi：https://jo
-
内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vue和WeUI的组件库 mint-ui ★4870 - Vue 2的移动UI元素 iview ★4782 - 基于 Vuejs 的开源 UI 组件库 Keen-UI ★2401 - 轻量级的基本UI组件
-
PC端： 1. ElementUI：http://element-cn.eleme.io/#/zh-CN 2. iView：https://www.iviewui.com/ 3. VueStrap：http://yuche.github.io/vue-strap/ 4. VueAdmin：https://admin.vuebulma.com/#/ 5. KeenUi：https://josephu
-
UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Materia
-
camelCase 很糟 你曾维护过别人的代码吗？你维护过像这样的代码吗？ my $variableThatContainsData = someSubroutineThatMucksWithData( $someAwfulVariable ); 混合大小写单词在 Perl 世界被称为 camelCase，通常它的令人不悦之处是使 阅读代码更难。 甚至具有糟糕名称的代码使用下划线也能变得
-
问题内容： 标题几乎总结了一下。 外部样式表具有以下代码： 我尝试使用： 和 但都行不通。是否有可能使用javascript覆盖！important样式。 如果有区别的话，这是给 greasemonkey扩展的。 问题答案： 我相信这样做的唯一方法是将样式添加为带有’！important’后缀的新CSS声明。最简单的方法是将新的元素附加到文档的开头： 使用上述方法添加的规则（如果使用！import
-
Style Java 传统的代码风格是被用来编写非常复杂的企业级 JavaBean。新的代码风格看起来会更加整洁，更加正确，并且更加简单。 Structs 对我们程序员来说，包装数据是最简单的事情之一。下面是传统的通过定义一个 JavaBean 的实现方式： public class DataHolder { private String data; public DataHold
-
如果一定要把一般的API 服务转换成restful风格，可以自定义控制器。例如上一节的服务例子: 方法 restful url 功能 原 url 原方法 GET /website 查询记录列表 /website/list.java GET POST /website 创建一条记录 /website/insert.java POST GET /website/id 根据id查询记录 /website
-
本文向大家介绍基于bootstrap风格的弹框插件，包括了基于bootstrap风格的弹框插件的使用技巧和注意事项，需要的朋友参考一下 自己写的一款基于bootstrap风格的弹框插件，暂时只有确认框、提示框。后续功能扩展、bug修改再更新。 html页面中调用： 感觉写的不是很好，后面修改了或者扩展了功能再更新。源码会上传到文件。 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多
-
问题内容： Python教程说：“在运算符周围和逗号后使用空格，但不要直接在括号结构内使用：a = f（1，2）+ g（3，4）”。“不直接在包围结构内”到底是什么意思？ 问题答案： 这可能来自PEP 8-Python代码样式指南 。具体来说，请参见“表达式和语句中的空白”部分。 从该部分：
-
本文向大家介绍mockito BDDMockito风格，包括了mockito BDDMockito风格的使用技巧和注意事项，需要的朋友参考一下 示例 行为驱动开发(BDD)测试样式围绕测试的“给定”，“何时”和“然后”阶段进行。但是，古典Mockito在“给定”阶段使用“何时”一词，并且不包括可以包含BDD的其他自然语言构造。因此，在1.8.0版中引入了BDDMockito别名，以便于进行行为驱动
-
如果有人问起 Python 程序员他们最喜欢 Python 哪一点，他们一定会提到 Python 的高可读性。确实，对于 Python 来说，其高可读性一直是 Python 这门语言设计的核心。一个不争的事实是，相对于写代码而言，读代码才是更加平常的事情。 Python 代码有高可读性的一个原因就是其有着相对而言更加完善的编码风格准则和 「Python化」习语。 当 Python 老手（Pytho