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

Complate theme list and tag list

pull/9/head
ruibaby 2019-03-25 00:11:05 +08:00
parent e6aeb409b9
commit 3490de8de4
2 changed files with 117 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,68 @@
<template>
<div> Theme List </div>
<div>
<a-row :gutter="12" type="flex" align="middle">
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions">
<a-icon type="check"/>
<a-icon type="setting"/>
</template>
<a-card-meta title="Anatole"></a-card-meta>
</a-card>
</a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions">
<a-icon type="check"/>
<a-icon type="setting"/>
</template>
<a-card-meta title="Anatole"></a-card-meta>
</a-card>
</a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions">
<a-icon type="check"/>
<a-icon type="setting"/>
</template>
<a-card-meta title="Anatole"></a-card-meta>
</a-card>
</a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions">
<a-icon type="check"/>
<a-icon type="setting"/>
</template>
<a-card-meta title="Anatole"></a-card-meta>
</a-card>
</a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions">
<a-icon type="check"/>
<a-icon type="setting"/>
</template>
<a-card-meta title="Anatole"></a-card-meta>
</a-card>
</a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions">
<a-icon type="check"/>
<a-icon type="setting"/>
</template>
<a-card-meta title="Anatole"></a-card-meta>
</a-card>
</a-col>
</a-row>
</div>
</template>
<script>

54
src/views/post/TagList.vue
View File

@ -1,5 +1,57 @@
<template>
<div> Tag List </div>
<div>
<a-row :gutter="12">
<a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24">
<a-card hoverable title="添加标签">
<a-form :layout="horizontal">
<a-form-item label="名称：" help="*页面上所显示的名称">
<a-input/>
</a-form-item>
<a-form-item label="路径名称：" help="*这是文章路径上显示的名称，最好为英文">
<a-input/>
</a-form-item>
<a-form-item>
<a-button type="primary">保存</a-button>
</a-form-item>
</a-form>
</a-card>
</a-col>
<a-col :xl="14" :lg="14" :md="14" :sm="24" :xs="24">
<a-card hoverable title="所有标签">
<a-tooltip placement="topLeft">
<template slot="title">
<span>10 篇文章</span>
</template>
<a-tag color="pink">Java</a-tag>
</a-tooltip>
<a-tooltip placement="topLeft">
<template slot="title">
<span>10 篇文章</span>
</template>
<a-tag color="red">PHP</a-tag>
</a-tooltip>
<a-tooltip placement="topLeft">
<template slot="title">
<span>10 篇文章</span>
</template>
<a-tag color="orange">.NET</a-tag>
</a-tooltip>
<a-tooltip placement="topLeft">
<template slot="title">
<span>10 篇文章</span>
</template>
<a-tag color="green">Python</a-tag>
</a-tooltip>
<a-tooltip placement="topLeft">
<template slot="title">
<span>10 篇文章</span>
</template>
<a-tag color="pink">Golang</a-tag>
</a-tooltip>
</a-card>
</a-col>
</a-row>
</div>
</template>
<script>