zhouchijian/fe-drone-ci
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

refine

Browse Source
This commit is contained in:
Pan
2017-08-23 11:16:54 +08:00
committed by 花裤衩
parent 33a4369cd7
commit 385ec5a762
18 changed files with 34 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/charts/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="components-container" >
<code>
这里的所有的图表都基于ECharts,实例代码来源<a href='http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all' target='_blank'>gallery</a><br/>其实ECharts封装的很好了，用vue封装是很简单的事情，建议大家自己来封装。<a target='_blank' class='lin' href="https://segmentfault.com/a/1190000009762198#articleHeader16">相关教程</a>
这里的所有的图表都基于ECharts,实例代码来源<a href='http://gallery.echartsjs.com/explore.html#sort=rank~timeframe=all~author=all' target='_blank'> gallery</a><br/>其实ECharts封装的很好了，用vue封装是很简单的事情，建议大家自己来封装。<a target='_blank' class='lin' href="https://segmentfault.com/a/1190000009762198#articleHeader16">相关教程</a>
</code>
</div>
</template>

2
src/views/charts/keyboard2.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="components-container" style='height:100vh'>
<div class='chart-container'>
<keyboard-chart2 id='apple' height='100%' width='100%'></keyboard-chart2>
<keyboard-chart2 height='100%' width='100%'></keyboard-chart2>
</div>
</div>
</template>

2
src/views/charts/mixChart.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="components-container" style='height:100vh'>
<div class='chart-container'>
<mix-chart id='apple' height='100%' width='100%'></mix-chart>
<mix-chart height='100%' width='100%'></mix-chart>
</div>
</div>
</template>

3
src/views/components/dndlist.vue → src/views/components/dndList.vue
View File

@@ -8,7 +8,7 @@
</template>
<script>
import DndList from 'components/twoDndList'
import DndList from '@/components/twoDndList'
import { getList } from 'api/article'
export default {
@@ -28,7 +28,6 @@ export default {
getList(this.listQuery).then(response => {
this.list1 = response.data.splice(0, 5)
this.list2 = response.data
console.log(this.list1, this.list2)
})
}
}

4
src/views/components/jsoneditor.vue → src/views/components/jsonEditor.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="components-container" style='height:100vh'>
<code>jsonEditor is base on <a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirrorr</a>,lint base on json-lint </code>
<code>jsonEditor is base on <a href="https://github.com/codemirror/CodeMirror" target="_blank">CodeMirrorr</a> , lint base on json-lint </code>
<div class="editor-container">
<json-editor ref="jsonEditor" v-model="value"></json-editor>
</div>
@@ -8,7 +8,7 @@
</template>
<script>
import jsonEditor from 'components/jsonEditor'
import jsonEditor from '@/components/jsonEditor'
const jsonData = '[{"items":[{"market_type":"forexdata","symbol":"XAUUSD"},{"market_type":"forexdata","symbol":"UKOIL"},{"market_type":"forexdata","symbol":"CORN"}],"name":""},{"items":[{"market_type":"forexdata","symbol":"XAUUSD"},{"market_type":"forexdata","symbol":"XAGUSD"},{"market_type":"forexdata","symbol":"AUTD"},{"market_type":"forexdata","symbol":"AGTD"}],"name":"贵金属"},{"items":[{"market_type":"forexdata","symbol":"CORN"},{"market_type":"forexdata","symbol":"WHEAT"},{"market_type":"forexdata","symbol":"SOYBEAN"},{"market_type":"forexdata","symbol":"SUGAR"}],"name":"农产品"},{"items":[{"market_type":"forexdata","symbol":"UKOIL"},{"market_type":"forexdata","symbol":"USOIL"},{"market_type":"forexdata","symbol":"NGAS"}],"name":"能源化工"}]'
export default {

2
src/views/components/markdown.vue
View File

@@ -10,7 +10,7 @@
</template>
<script>
import MdEditor from 'components/MdEditor'
import MdEditor from '@/components/MarkdownEditor'
export default {
components: { MdEditor },
data() {

4
src/views/components/tinymce.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="components-container">
<code>公司做的后台主要是一个cms系统，公司也是以自媒体为核心的，所以富文本是后台很核心的功能。在选择富文本的过程中也走了不少的弯路，市面上常见的富文本都基本用过了，最终选择了Tinymce<a target='_blank' href='https://segmentfault.com/a/1190000009762198#articleHeader13'> 相关文章 </a></code>
<code>公司做的后台主要是一个cms系统，公司也是以自媒体为核心的，所以富文本是后台很核心的功能。在选择富文本的过程中也走了不少的弯路，市面上常见的富文本都基本用过了，最终选择了Tinymce<a target='_blank' href='https://segmentfault.com/a/1190000009762198#articleHeader13'> 相关文章 </a> <a target='_blank' href='https://www.tinymce.com/'> 官网 </a></code>
<div>
<Tinymce :height=200 ref="editor" v-model="content"></Tinymce>
</div>
@@ -9,7 +9,7 @@
</template>
<script>
import Tinymce from 'components/Tinymce'
import Tinymce from '@/components/Tinymce'
export default {
components: { Tinymce },