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

refactor: rename FilledLayout to BasicLayout 

Signed-off-by: Ryan Wang <i@ryanc.cc>
pull/581/head
Ryan Wang 2022-05-11 20:41:42 +08:00
parent 43407db1b6
commit 028842842d
10 changed files with 66 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
src/layouts/FilledLayout.vue → src/layouts/BasicLayout.vue
View File

2
src/layouts/index.ts
View File

@ -1,2 +1,2 @@
export { default as BlankLayout } from "./BlankLayout.vue";
export { default as FilledLayout } from "./FilledLayout.vue";
export { default as BasicLayout } from "./BasicLayout.vue";

6
src/views/AboutView.vue
View File

@ -1,15 +1,15 @@
<script lang="ts" setup>
import { FilledLayout } from "@/layouts";
import { BasicLayout } from "@/layouts";
import { useRoute } from "vue-router";
const route = useRoute();
</script>
<template>
<FilledLayout>
<BasicLayout>
<div>
<pre class="overflow-auto">Route: {{ route }}</pre>
<pre class="overflow-auto">Route: {{ route }}</pre>
</div>
</FilledLayout>
</BasicLayout>
</template>

53
src/views/HomeView.vue
View File

@ -1,24 +1,49 @@
<template>
<FilledLayout>
<VModal v-model:visible="visible" title="登录">
<div class="flex justify-between">
<BasicLayout>
<VPageHeader title="仪表盘">
<template #icon>
<IconDashboard class="self-center mr-2" />
</template>
<template #actions>
<VButton type="secondary"> 设置</VButton>
</template>
</VPageHeader>
<div class="m-4">
<div class="grid grid-cols-1 lg:grid-cols-3 gap-3">
<div>
<VButton type="secondary" @click="visible = false">关闭</VButton>
<dl class="grid grid-cols-1 gap-3 sm:grid-cols-2">
<VCard>
<dt class="text-sm font-medium text-gray-500 truncate">文章</dt>
<dd class="mt-1 text-3xl font-semibold text-gray-900">231</dd>
</VCard>
<VCard>
<dt class="text-sm font-medium text-gray-500 truncate">用户</dt>
<dd class="mt-1 text-3xl font-semibold text-gray-900">10</dd>
</VCard>
<VCard>
<dt class="text-sm font-medium text-gray-500 truncate">评论</dt>
<dd class="mt-1 text-3xl font-semibold text-gray-900">1423</dd>
</VCard>
<VCard>
<dt class="text-sm font-medium text-gray-500 truncate">访问量</dt>
<dd class="mt-1 text-3xl font-semibold text-gray-900">1232</dd>
</VCard>
</dl>
</div>
<div>
<VButton type="secondary" @click="visible = true">打开</VButton>
<VCard title="快速操作">
<ul></ul>
</VCard>
</div>
</div>
<p></p>
</VModal>
<VButton type="secondary" @click="visible = true">打开</VButton>
</FilledLayout>
</div>
</BasicLayout>
</template>
<script lang="ts" setup>
import { FilledLayout } from "@/layouts";
import { VModal } from "@/components/base/modal";
import { BasicLayout } from "@/layouts";
import { VButton } from "@/components/base/button";
import { ref } from "vue";
const visible = ref(false);
import { VCard } from "@/components/base/card";
import { VPageHeader } from "@/components/base/header";
import { IconDashboard } from "@/core/icons";
</script>

6
src/views/attachments/Attachments.vue
View File

@ -1,12 +1,12 @@
<script lang="ts" setup>
import { FilledLayout } from "@/layouts";
import { BasicLayout } from "@/layouts";
import { VPageHeader } from "@/components/base/header";
import { VButton } from "@/components/base/button";
import { IconPalette } from "@/core/icons";
import { VCard } from "@/components/base/card";
</script>
<template>
<FilledLayout>
<BasicLayout>
<VPageHeader title="附件库">
<template #icon>
<IconPalette class="self-center mr-2" />
@ -41,5 +41,5 @@ import { VCard } from "@/components/base/card";
</li>
</ul>
</div>
</FilledLayout>
</BasicLayout>
</template>

6
src/views/interface/Themes.vue
View File

@ -1,5 +1,5 @@
<script lang="ts" setup>
import { FilledLayout } from "@/layouts";
import { BasicLayout } from "@/layouts";
import { VPageHeader } from "@/components/base/header";
import { VButton } from "@/components/base/button";
import { VCard } from "@/components/base/card";
@ -7,7 +7,7 @@ import { IconPalette } from "@/core/icons";
import { themes } from "@/views/interface/themes-mock";
</script>
<template>
<FilledLayout>
<BasicLayout>
<VPageHeader title="主题">
<template #icon>
<IconPalette class="self-center mr-2" />
@ -42,5 +42,5 @@ import { themes } from "@/views/interface/themes-mock";
</li>
</ul>
</div>
</FilledLayout>
</BasicLayout>
</template>

12
src/views/interface/themes-mock.ts
View File

@ -90,7 +90,8 @@ export const themes = [
themePath: "/root/.halo/templates/themes/louie_senpai_siren",
folderName: "louie_senpai_siren",
hasOptions: true,
screenshots: "https://demo.halo.run/themes/louie_senpai_siren/screenshot.png",
screenshots:
"https://demo.halo.run/themes/louie_senpai_siren/screenshot.png",
postMetaField: null,
sheetMetaField: null,
activated: false,
@ -186,7 +187,8 @@ export const themes = [
themePath: "/root/.halo/templates/themes/codelunatic_simple",
folderName: "codelunatic_simple",
hasOptions: true,
screenshots: "https://demo.halo.run/themes/codelunatic_simple/screenshot.png",
screenshots:
"https://demo.halo.run/themes/codelunatic_simple/screenshot.png",
postMetaField: null,
sheetMetaField: null,
activated: false,
@ -306,7 +308,8 @@ export const themes = [
themePath: "/root/.halo/templates/themes/fastbyte01_keepit",
folderName: "fastbyte01_keepit",
hasOptions: true,
screenshots: "https://demo.halo.run/themes/fastbyte01_keepit/screenshot.png",
screenshots:
"https://demo.halo.run/themes/fastbyte01_keepit/screenshot.png",
postMetaField: null,
sheetMetaField: null,
activated: false,
@ -523,7 +526,8 @@ export const themes = [
themePath: "/root/.halo/templates/themes/SumiMakito_Journal",
folderName: "SumiMakito_Journal",
hasOptions: true,
screenshots: "https://demo.halo.run/themes/SumiMakito_Journal/screenshot.png",
screenshots:
"https://demo.halo.run/themes/SumiMakito_Journal/screenshot.png",
postMetaField: null,
sheetMetaField: null,
activated: false,

6
src/views/posts/PageList.vue
View File

@ -1,5 +1,5 @@
<script lang="ts" setup>
import FilledLayout from "@/layouts/FilledLayout.vue";
import BasicLayout from "@/layouts/BasicLayout.vue";
import { VButton } from "@/components/base/button";
import { VCard } from "@/components/base/card";
import { VSpace } from "@/components/base/space";
@ -29,7 +29,7 @@ const handleCheckAll = () => {
handleCheckAll();
</script>
<template>
<FilledLayout>
<BasicLayout>
<VPageHeader title="页面">
<template #icon>
<IconPages class="self-center mr-2" />
@ -235,7 +235,7 @@ handleCheckAll();
</template>
</VCard>
</div>
</FilledLayout>
</BasicLayout>
</template>
<style lang="scss">

6
src/views/posts/PostList.vue
View File

@ -1,5 +1,5 @@
<script lang="ts" setup>
import FilledLayout from "@/layouts/FilledLayout.vue";
import BasicLayout from "@/layouts/BasicLayout.vue";
import { VButton } from "@/components/base/button";
import { VCard } from "@/components/base/card";
import { VSpace } from "@/components/base/space";
@ -29,7 +29,7 @@ const handleCheckAll = () => {
handleCheckAll();
</script>
<template>
<FilledLayout>
<BasicLayout>
<VPageHeader title="文章">
<template #icon>
<IconBookRead class="self-center mr-2" />
@ -235,7 +235,7 @@ handleCheckAll();
</template>
</VCard>
</div>
</FilledLayout>
</BasicLayout>
</template>
<style lang="scss">

6
src/views/users/Profile.vue
View File

@ -1,5 +1,5 @@
<template>
<FilledLayout>
<BasicLayout>
<header class="bg-white">
<div class="h-48 bg-gradient-to-r from-gray-800 to-red-500"></div>
<div class="px-4 sm:px-6 lg:px-8">
@ -166,10 +166,10 @@
</VTabItem>
</VTabs>
</section>
</FilledLayout>
</BasicLayout>
</template>
<script lang="ts" setup>
import { FilledLayout } from "@/layouts";
import { BasicLayout } from "@/layouts";
import { VButton } from "@/components/base/button";
import { VInput } from "@/components/base/input";
import { VTextarea } from "@/components/base/textarea";