vue-component
Build responsive projects on the web with the world's most popular front-end component library. The is an open source toolkit for developing with Vue2, HTML, CSS, and JS. Quickly prototype your ideas or build your entire app, responsive grid system, powerful prebuilt components.
Installation
you only need to include compiled CSS or JS. 仅仅在页面上引入 js 和 css 文件即可开始使用。
<!-- import css -->
<link rel="stylesheet" href="./css/component.min.css">
<!-- import Vue -->
<script src="./js/vue-all.min.js"></script>
<!-- import component -->
<script src="./js/vue-component-all.min.js"></script>
root/
├── css/
│ ├── component.min.css
└── js/
├── vue-all.min.js
└── vue-component-all.min.js
---Links-----
特征
- Table,List等控件中 高速数据预览 。
- 提供结构图展示控件,可以用来显示组织图,Bom产品表等。
- 提供Sortbale展示控件,可以用来处理各个控件间的Item拖拽。
- 提供日历展示控件,可以用来处理日历展示,事件展示系统的设计。
- 提供Aside 侧边栏,可以从侧边展示类似子窗口的相关操作。
- 一大波的控件,满足企业开发需求。
- 提供各种Case场景的控件综合使用实例。
- 使用简单,展示的画面漂亮。
Demo
Quick start
- 首先你需要学习下VueJs的基本用法 (学习过Vue的可以忽略。) 1-1 声明式数据渲染 https://cn.vuejs.org/v2/guide/#%E5%A3%B0%E6%98%8E%E5%BC%8F%E6%B8%B2%E6%9F%93 1-2 条件与循环1 https://cn.vuejs.org/v2/guide/#%E6%9D%A1%E4%BB%B6%E4%B8%8E%E5%BE%AA%E7%8E%AF 1-3 条件与循环2 v-if https://cn.vuejs.org/v2/guide/conditional.html 1-4 条件与循环3 v-for https://cn.vuejs.org/v2/guide/list.html 1-5 表单控件绑定 v-model https://cn.vuejs.org/v2/guide/forms.html 1-6 模板语法 https://cn.vuejs.org/v2/guide/syntax.html
- 下载 \build 目录下的JS和Css。
root/
├── css/
│ ├── component.min.css 组件标准ccs样式 。(必须)
│ ├── font-awesome.css 有名的web图标字体文件。 当然你可以直接从font-awesome网站下载。
└── js/
├── vue-all.min.js 包含Vue,以及封装过的部分Utils函数(必须)
├── vue-component-all.min.js 包含所有扩展的组件(必须)
├── strutchart.min.js 一个结构化图像展示控件。可用于组织图,产品图等。
└── echarts.min.js EChart,百度很有名的做图控件,当然你可以从百度网站下载。
- 开始写HTML代码
License
MIT
Donation
如果对您有帮助,您可以点右上角 "Star" 支持一下,谢谢! 或者您可以 "follow" 一下,鞭策我项目不断的完善。
you can buy us a cup of coffee 如果觉得不错,可以请我们喝杯咖啡