github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

refactor: theme install modal (halo-dev/console#96)

pull/3445/head
Ryan Wang 2020-03-13 20:21:41 +08:00 committed by GitHub
parent a138ca55cd
commit bf032a958b
1 changed files with 30 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/interface/ThemeList.vue
View File

@ -152,8 +152,34 @@
<div class="custom-tab-wrapper"> <div class="custom-tab-wrapper">
<a-tabs> <a-tabs>
<a-tab-pane <a-tab-pane
tab="远程拉取" tab="本地上传"
key="1" key="1"
>
<FilePondUpload
ref="upload"
name="file"
accept="application/zip"
label="点击选择主题包或将主题包拖拽到此处<br>仅支持 ZIP 格式的文件"
:uploadHandler="uploadHandler"
@success="handleUploadSuccess"
>
</FilePondUpload>
<a-alert
type="info"
closable
>
<template slot="message">
更多主题请访问：
<a
target="_blank"
href="https://halo.run/s/themes"
>https://halo.run/s/themes</a>
</template>
</a-alert>
</a-tab-pane>
<a-tab-pane
tab="远程拉取"
key="2"
> >
<a-form layout="vertical"> <a-form layout="vertical">
<a-form-item label="远程地址："> <a-form-item label="远程地址：">
@ -172,29 +198,15 @@
closable closable
> >
<template slot="message"> <template slot="message">
远程地址即主题仓库地址，如：https://github.com/halo-dev/halo-theme-quick-starter。 远程地址即主题仓库地址，使用这种方式安装的一般为开发版本，请谨慎使用。
<br>更多主题请访问： <br>更多主题请访问：
<a <a
target="_blank" target="_blank"
href="https://halo.run/theme" href="https://halo.run/s/themes"
>https://halo.run/theme</a> >https://halo.run/s/themes</a>
</template> </template>
</a-alert> </a-alert>
</a-tab-pane> </a-tab-pane>
<a-tab-pane
tab="本地上传"
key="2"
>
<FilePondUpload
ref="upload"
name="file"
accept="application/zip"
label="点击选择主题包或将主题包拖拽到此处<br>仅支持 ZIP 格式的文件"
:uploadHandler="uploadHandler"
@success="handleUploadSuccess"
>
</FilePondUpload>
</a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</a-modal> </a-modal>