Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
qq_45831282
vue-element-admin
提交
387b2061
V
vue-element-admin
项目概览
qq_45831282
/
vue-element-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-element-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
387b2061
编写于
3月 25, 2019
作者:
P
Pan
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update
上级
b9fd5ae6
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
25 addition
and
15 deletion
+25
-15
src/views/components-demo/countTo.vue
src/views/components-demo/countTo.vue
+2
-2
src/views/components-demo/jsonEditor.vue
src/views/components-demo/jsonEditor.vue
+5
-1
src/views/components-demo/markdown.vue
src/views/components-demo/markdown.vue
+18
-12
未找到文件。
src/views/components-demo/countTo.vue
浏览文件 @
387b2061
...
...
@@ -26,10 +26,10 @@
<input
v-model.number=
"setDuration"
type=
"number"
name=
"durationInput"
>
</label>
<div
class=
"startBtn example-btn"
@
click=
"start"
>
开始
Start
</div>
<div
class=
"pause-resume-btn example-btn"
@
click=
"pauseResume"
>
暂停/恢复
pause/resume
</div>
<br>
<label
class=
"label"
for=
"decimalsInput"
>
decimals:
...
...
src/views/components-demo/jsonEditor.vue
浏览文件 @
387b2061
<
template
>
<div
class=
"components-container"
>
<code>
JsonEditor is base on
<a
href=
"https://github.com/codemirror/CodeMirror"
target=
"_blank"
>
CodeMirrorr
</a>
, lint base on json-lint
</code>
<code>
Json-Editor is base on
<a
href=
"https://github.com/codemirror/CodeMirror"
target=
"_blank"
>
CodeMirrorr
</a>
. Lint
base on
<a
href=
"https://github.com/codemirror/CodeMirror/blob/master/addon/lint/json-lint.js"
target=
"_blank"
>
json-lint
</a>
.
</code>
<div
class=
"editor-container"
>
<json-editor
ref=
"jsonEditor"
v-model=
"value"
/>
</div>
...
...
src/views/components-demo/markdown.vue
浏览文件 @
387b2061
<
template
>
<div
class=
"components-container"
>
<code>
Markdown is based on
<a
href=
"https://github.com/nhnent/tui.editor"
target=
"_blank"
>
tui.editor
</a>
,Simply encapsulated in Vue.
<a
target=
"_blank"
href=
"https://panjiachen.github.io/vue-element-admin-site/feature/component/markdown-editor.html"
>
<a
href=
"https://github.com/nhnent/tui.editor"
target=
"_blank"
>
tui.editor
</a>
,simply wrapped with Vue.
<a
target=
"_blank"
href=
"https://panjiachen.github.io/vue-element-admin-site/feature/component/markdown-editor.html"
>
Documentation
</a>
</code>
...
...
@@ -10,33 +13,33 @@
<el-tag
class=
"tag-title"
>
Basic:
</el-tag>
<markdown-editor
v-model=
"content"
height=
"300px"
/>
<markdown-editor
v-model=
"content
1
"
height=
"300px"
/>
</div>
<div
class=
"editor-container"
>
<el-tag
class=
"tag-title"
>
Markdown Mode:
</el-tag>
<markdown-editor
ref=
"markdownEditor"
v-model=
"content"
:options=
"
{hideModeSwitch:true,previewStyle:'tab'}" height="200px" />
<markdown-editor
ref=
"markdownEditor"
v-model=
"content
2
"
:options=
"
{hideModeSwitch:true,previewStyle:'tab'}" height="200px" />
</div>
<div
class=
"editor-container"
>
<el-tag
class=
"tag-title"
>
Customize Toolbar:
</el-tag>
<markdown-editor
ref=
"markdownEditor"
v-model=
"content"
:options=
"
{ toolbarItems: ['heading','bold','italic']}"
/>
<markdown-editor
v-model=
"content3"
:options=
"
{ toolbarItems: ['heading','bold','italic']}" />
</div>
<div
class=
"editor-container"
>
<el-tag
class=
"tag-title"
>
I18n:
</el-tag>
<el-alert
:closable=
"false"
title=
"You can change the language of the admin system to see the effect"
type=
"success"
/>
<markdown-editor
v-model=
"content"
:language=
"language"
height=
"300px"
/>
<el-alert
:closable=
"false"
title=
"You can change the language of the admin system to see the effect"
type=
"success"
/>
<markdown-editor
ref=
"markdownEditor"
v-model=
"content4"
:language=
"language"
height=
"300px"
/>
</div>
<el-button
style=
"margin-top:80px;"
type=
"primary"
icon=
"el-icon-document"
@
click=
"getHtml"
>
...
...
@@ -62,7 +65,10 @@ export default {
components
:
{
MarkdownEditor
},
data
()
{
return
{
content
:
content
,
content1
:
content
,
content2
:
content
,
content3
:
content
,
content4
:
content
,
html
:
''
,
languageTypeList
:
{
'
en
'
:
'
en_US
'
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录