Refactor ThemeEdit.vue

pull/3445/head
ruibaby 2019-04-02 23:00:29 +08:00
parent 9ab8b57217
commit 580455a40c
5 changed files with 15 additions and 16 deletions

View File

@ -2,7 +2,7 @@
<div class="page-header-index-wide"> <div class="page-header-index-wide">
<a-row :gutter="12"> <a-row :gutter="12">
<a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24"> <a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24">
<a-card hoverable title="添加菜单"> <a-card title="添加菜单">
<a-form layout="horizontal"> <a-form layout="horizontal">
<a-form-item label="名称:" help="*页面上所显示的名称"> <a-form-item label="名称:" help="*页面上所显示的名称">
<a-input /> <a-input />
@ -34,7 +34,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="14" :lg="14" :md="14" :sm="24" :xs="24"> <a-col :xl="14" :lg="14" :md="14" :sm="24" :xs="24">
<a-card hoverable title="所有菜单"> <a-card title="所有菜单">
<a-table :columns="columns" :dataSource="data" :loading="loading"> </a-table> <a-table :columns="columns" :dataSource="data" :loading="loading"> </a-table>
</a-card> </a-card>
</a-col> </a-col>

View File

@ -1,5 +1,5 @@
<template> <template>
<span class="page-header-index-wide"> <div class="page-header-index-wide">
<a-row :gutter="12"> <a-row :gutter="12">
<a-col <a-col
:xl="18" :xl="18"
@ -8,7 +8,7 @@
:sm="24" :sm="24"
:xs="24" :xs="24"
> >
<a-card hoverable> <a-card>
<codemirror :value="value"></codemirror> <codemirror :value="value"></codemirror>
</a-card> </a-card>
</a-col> </a-col>
@ -20,14 +20,13 @@
:xs="24" :xs="24"
> >
<a-card <a-card
hoverable
title="Anatole 主题" title="Anatole 主题"
> >
<theme-file :files="files" /> <theme-file :files="files" />
</a-card> </a-card>
</a-col> </a-col>
</a-row> </a-row>
</span> </div>
</template> </template>
<script> <script>

View File

@ -2,7 +2,7 @@
<div class="page-header-index-wide"> <div class="page-header-index-wide">
<a-row :gutter="12" type="flex" align="middle"> <a-row :gutter="12" type="flex" align="middle">
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24"> <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable> <a-card>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover"> <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions"> <template class="ant-card-actions" slot="actions">
<a-icon type="check"/> <a-icon type="check"/>
@ -12,7 +12,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24"> <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable> <a-card>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover"> <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions"> <template class="ant-card-actions" slot="actions">
<a-icon type="check"/> <a-icon type="check"/>
@ -22,7 +22,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24"> <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable> <a-card>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover"> <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions"> <template class="ant-card-actions" slot="actions">
<a-icon type="check"/> <a-icon type="check"/>
@ -32,7 +32,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24"> <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable> <a-card>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover"> <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions"> <template class="ant-card-actions" slot="actions">
<a-icon type="check"/> <a-icon type="check"/>
@ -42,7 +42,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24"> <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable> <a-card>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover"> <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions"> <template class="ant-card-actions" slot="actions">
<a-icon type="check"/> <a-icon type="check"/>
@ -52,7 +52,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24"> <a-col :xl="6" :lg="6" :md="6" :sm="12" :xs="24">
<a-card hoverable> <a-card>
<img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover"> <img alt="example" src="https://ryanc.cc/material/screenshot.png" slot="cover">
<template class="ant-card-actions" slot="actions"> <template class="ant-card-actions" slot="actions">
<a-icon type="check"/> <a-icon type="check"/>

View File

@ -2,7 +2,7 @@
<div class="page-header-index-wide"> <div class="page-header-index-wide">
<a-row :gutter="12"> <a-row :gutter="12">
<a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24"> <a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24">
<a-card hoverable title="添加分类目录"> <a-card title="添加分类目录">
<a-form layout="horizontal"> <a-form layout="horizontal">
<a-form-item label="名称:" help="*页面上所显示的名称"> <a-form-item label="名称:" help="*页面上所显示的名称">
<a-input /> <a-input />
@ -25,7 +25,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="14" :lg="14" :md="14" :sm="24" :xs="24"> <a-col :xl="14" :lg="14" :md="14" :sm="24" :xs="24">
<a-card hoverable title="所有分类"> <a-card title="所有分类">
<a-table :columns="columns" :dataSource="data" :loading="loading"> </a-table> <a-table :columns="columns" :dataSource="data" :loading="loading"> </a-table>
</a-card> </a-card>
</a-col> </a-col>

View File

@ -2,7 +2,7 @@
<div class="page-header-index-wide"> <div class="page-header-index-wide">
<a-row :gutter="12"> <a-row :gutter="12">
<a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24"> <a-col :xl="10" :lg="10" :md="10" :sm="24" :xs="24">
<a-card hoverable title="添加标签"> <a-card title="添加标签">
<a-form layout="horizontal"> <a-form layout="horizontal">
<a-form-item label="名称:" help="*页面上所显示的名称"> <a-form-item label="名称:" help="*页面上所显示的名称">
<a-input v-model="tagToCreate.name" /> <a-input v-model="tagToCreate.name" />
@ -17,7 +17,7 @@
</a-card> </a-card>
</a-col> </a-col>
<a-col :xl="14" :lg="14" :md="14" :sm="24" :xs="24"> <a-col :xl="14" :lg="14" :md="14" :sm="24" :xs="24">
<a-card hoverable title="所有标签"> <a-card title="所有标签">
<a-tooltip placement="topLeft" v-for="tag in tags" :key="tag.id"> <a-tooltip placement="topLeft" v-for="tag in tags" :key="tag.id">
<template slot="title"> <template slot="title">
<span>{{ tag.postCount }} 篇文章</span> <span>{{ tag.postCount }} 篇文章</span>