Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
风云海OL
Awesome-Markdown-Editor
提交
2b997e0a
Awesome-Markdown-Editor
项目概览
风云海OL
/
Awesome-Markdown-Editor
与 Fork 源项目一致
Fork自
gitcode_dev / Awesome-Markdown-Editor
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Awesome-Markdown-Editor
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
2b997e0a
编写于
8月 23, 2021
作者:
璃白.
🌻
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat:添加进度圈
上级
449c7d35
变更
6
显示空白变更内容
内联
并排
Showing
6 changed file
with
47 addition
and
4 deletion
+47
-4
src/App.vue
src/App.vue
+1
-1
src/assets/style/font/iconfont.ttf
src/assets/style/font/iconfont.ttf
+0
-0
src/assets/style/iconfont.less
src/assets/style/iconfont.less
+4
-0
src/components/header/components/tool-button.vue
src/components/header/components/tool-button.vue
+34
-1
src/components/header/components/video-select.vue
src/components/header/components/video-select.vue
+1
-2
src/components/header/md-header.vue
src/components/header/md-header.vue
+7
-0
未找到文件。
src/App.vue
浏览文件 @
2b997e0a
...
...
@@ -216,7 +216,7 @@ export default {
originalText
,
selectionInfo
,
"
\n
![img](
"
,
`
${
url
}
'=600 #left'
)\n`
`
${
url
}
"=600 #left"
)\n`
);
_this
.
text
=
newText
;
_this
.
$refs
.
mdUploadFile
.
value
=
""
;
...
...
src/assets/style/font/iconfont.ttf
浏览文件 @
2b997e0a
无法预览此类型文件
src/assets/style/iconfont.less
浏览文件 @
2b997e0a
...
...
@@ -137,3 +137,7 @@
.icon-liujibiaoti:before {
content: "\e676";
}
.icon-loading:before {
content: "\e626";
}
src/components/header/components/tool-button.vue
浏览文件 @
2b997e0a
...
...
@@ -2,6 +2,10 @@
<div
v-if=
"isMobile"
@
click=
"mobileClick"
class=
"tool_button"
>
<span
:class=
"['icon iconfont', `icon-$
{info.icon}`]">
</span>
</div>
<div
v-else-if=
"info.name === 'loading'"
class=
"tool_button"
>
<span
:class=
"['icon loading iconfont', `icon-$
{info.icon}`]">
</span>
<span
class=
"percent"
>
{{
percent
}}
</span>
</div>
<div
v-else-if=
"info.name === 'code'"
@
click=
"handleTool(info.name, info.startStr, info.endStr)"
...
...
@@ -83,7 +87,17 @@ export default {
}
},
data
()
{
return
{};
return
{
percent
:
0
};
},
created
()
{
setInterval
(()
=>
{
this
.
percent
++
;
if
(
this
.
percent
>=
100
)
{
this
.
percent
=
0
;
}
},
100
);
},
computed
:
{
darkMode
()
{
...
...
@@ -247,15 +261,31 @@ export default {
};
</
script
>
<
style
lang=
"less"
scoped
>
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.tool_button {
padding: 0 8px 8px;
box-sizing: border-box;
cursor: pointer;
position: relative;
&.active {
.icon {
color: var(--md-editor-border-color-active);
}
}
.percent {
font-size: 12px;
position: absolute;
top: 2px;
left: 50%;
transform: translateX(-50%) scale(0.8);
}
.icon {
font-size: 18px;
color: var(--md-editor-text-color);
...
...
@@ -269,6 +299,9 @@ export default {
color: var(--md-editor-border-color-active);
}
}
&.loading {
animation: rotate 3s linear infinite;
}
&.icon-quxiaoquanping_o {
font-size: 24px;
...
...
src/components/header/components/video-select.vue
浏览文件 @
2b997e0a
...
...
@@ -20,8 +20,7 @@ export default {
ul {
max-height: 142px;
overflow-y: auto;
margin-top: 2px;
margin-bottom: 4px;
margin-bottom: 2px;
padding-top: 4px;
box-sizing: border-box;
scrollbar-color: transparent transparent;
...
...
src/components/header/md-header.vue
浏览文件 @
2b997e0a
...
...
@@ -251,6 +251,13 @@ export default {
startStr
:
""
,
endStr
:
""
},
{
name
:
"
loading
"
,
icon
:
"
loading
"
,
tip
:
"
上传视频
"
,
startStr
:
""
,
endStr
:
""
},
{
name
:
"
task
"
,
icon
:
"
renwu
"
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录