Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
绝世唐门三哥
Vue Manage System
提交
098fe341
Vue Manage System
项目概览
绝世唐门三哥
/
Vue Manage System
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Vue Manage System
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
098fe341
编写于
5月 30, 2017
作者:
L
lin-xin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Update readme
上级
0a17d0f5
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
86 addition
and
79 deletion
+86
-79
README.md
README.md
+52
-49
README_EN.md
README_EN.md
+34
-30
未找到文件。
README.md
浏览文件 @
098fe341
...
...
@@ -37,7 +37,6 @@
| |-- BaseTable.vue // 基础表格
| |-- Login.vue // 登录
| |-- Markdown.vue // markdown组件
| |-- MixCharts.vue // 混合图表
| |-- Readme.vue // 自述组件
| |-- Upload.vue // 图片上传
| |-- VueEditor.vue // 富文本编辑器
...
...
@@ -102,7 +101,7 @@
}
},
components: {
Datasource
// 声明组件Datasource
Datasource
},
methods: {
changePage(values) {...},
...
...
@@ -135,7 +134,7 @@
}
},
components: {
quillEditor
// 声明组件quillEditor
quillEditor
}
}
</script>
...
...
@@ -213,40 +212,44 @@ Vue.js的Markdown Editor组件。访问地址:[Vue-SimpleMDE](https://github.c
```
### vue-
echarts-v3
###
基于vue2和eCharts.js3的图表组件。访问地址:
[
vue-echarts-v3
](
https://github.com/xlsdg/vue-echarts-v3
)
### vue-
schart
###
vue.js封装sChart.js的图表组件。访问地址:
[
vue-schart
](
https://github.com/linxin/vue-schart
)
```
JavaScript
<template>
<div>
<IEcharts :option="bar"></IEcharts>
<schart :canvasId="canvasId"
:type="type"
:width="width"
:height="height"
:data="data"
:options="options"
></schart>
</div>
</template>
<script>
import
IEcharts from 'vue-echarts-v3'; // 导入IEcharts
组件
import
Schart from 'vue-schart'; // 导入Schart
组件
export default {
data: function(){
return {
bar: {
title: {
text: '柱状图' // 图标标题文本
},
tooltip: {},
xAxis: { // 横坐标
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {}, // 纵坐标
series: [{
name: '销量',
type: 'bar', // 图标类型
data: [5, 20, 36, 10, 10, 20]
}]
canvasId: 'myCanvas', // canvas的id
type: 'bar', // 图表类型
width: 500,
height: 400,
data: [
{name: '2014', value: 1342},
{name: '2015', value: 2123},
{name: '2016', value: 1654},
{name: '2017', value: 1795},
],
options: { // 图表可选参数
title: 'Total sales of stores in recent years'
}
}
},
components: {
IEcharts // 声明组件VueCoreImageUpload
Schart
}
}
</script>
...
...
README_EN.md
浏览文件 @
098fe341
...
...
@@ -68,10 +68,10 @@ The scheme as a set of multi-function background frame templates, suitable for m
## Component description and presentation ##
### element-ui ###
A desktop component library based on vue.js2.0 .
live demo:
[
element
](
http://element.eleme.io/#/zh-CN/component/layout
)
A desktop component library based on vue.js2.0 .
Github :
[
element
](
http://element.eleme.io/#/zh-CN/component/layout
)
### vue-datasource ###
A Vue.js server side component to create dynamic tables.
live demo:
[
vue-datasource
](
https://github.com/coderdiaz/vue-datasource
)
A Vue.js server side component to create dynamic tables.
Github :
[
vue-datasource
](
https://github.com/coderdiaz/vue-datasource
)
```
JavaScript
<template>
...
...
@@ -111,7 +111,7 @@ A Vue.js server side component to create dynamic tables. live demo:[vue-dataso
### Vue-Quill-Editor ###
Quill editor component for Vue2.
live demo:
[
vue-quill-editor
](
https://github.com/surmon-china/vue-quill-editor
)
Quill editor component for Vue2.
Github :
[
vue-quill-editor
](
https://github.com/surmon-china/vue-quill-editor
)
```
JavaScript
<template>
...
...
@@ -139,7 +139,7 @@ Quill editor component for Vue2. live demo:[vue-quill-editor](https://github.c
```
### Vue-SimpleMDE ###
Markdown Editor component for Vue.js.
live demo:
[
Vue-SimpleMDE
](
https://github.com/F-loat/vue-simplemde
)
Markdown Editor component for Vue.js.
Github :
[
Vue-SimpleMDE
](
https://github.com/F-loat/vue-simplemde
)
```
JavaScript
<template>
...
...
@@ -172,7 +172,7 @@ Markdown Editor component for Vue.js. live demo:[Vue-SimpleMDE](https://github
```
### Vue-Core-Image-Upload ###
a vue plugin for image upload and crop.
live demo:
[
Vue-Core-Image-Upload
](
https://github.com/Vanthink-UED/vue-core-image-upload
)
a vue plugin for image upload and crop.
Github :
[
Vue-Core-Image-Upload
](
https://github.com/Vanthink-UED/vue-core-image-upload
)
```
JavaScript
...
...
@@ -210,40 +210,44 @@ a vue plugin for image upload and crop. live demo:[Vue-Core-Image-Upload](http
```
### vue-
echarts-v3
###
Vue.js
v2.x+ component wrap for ECharts.js v3.x+. live demo:
[
vue-echarts-v3
](
https://github.com/xlsdg/vue-echarts-v3
)
### vue-
schart
###
Vue.js
wrapper for sChart.js. Github :
[
vue-schart
](
https://github.com/linxin/vue-schart
)
```
JavaScript
<template>
<div>
<IEcharts :option="bar"></IEcharts>
<schart :canvasId="canvasId"
:type="type"
:width="width"
:height="height"
:data="data"
:options="options"
></schart>
</div>
</template>
<script>
import
IEcharts from 'vue-echarts-v3';
import
Schart from 'vue-schart';
export default {
data: function(){
return {
bar: {
title: {
text: '柱状图'
},
tooltip: {},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
},
yAxis: {},
series: [{
name: '销量',
canvasId: 'myCanvas',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
width: 500,
height: 400,
data: [
{name: '2014', value: 1342},
{name: '2015', value: 2123},
{name: '2016', value: 1654},
{name: '2017', value: 1795},
],
options: {
title: 'Total sales of stores in recent years'
}
}
},
components: {
IEcharts
Schart
}
}
</script>
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录