forked from gxwebsoft/websoft-cms
5 changed files with 107 additions and 25 deletions
@ -0,0 +1,75 @@ |
|||||
|
<template> |
||||
|
<div class="banner m-auto text-center pt-[60px]" v-if="form"> |
||||
|
<el-image v-if="form.photo" :src="form.photo"></el-image> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div v-if="form" class="flex flex-col w-[1280px] m-auto"> |
||||
|
<el-breadcrumb class="my-5" separator="/"> |
||||
|
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> |
||||
|
<el-breadcrumb-item>{{ form.name }}</el-breadcrumb-item> |
||||
|
</el-breadcrumb> |
||||
|
<div class="w-7xl m-auto bg-white"> |
||||
|
<div class="title text-3xl text-center py-10">{{ form.name }}</div> |
||||
|
<div class="p-4 leading-7" v-html="form.content"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div v-if="!form"> |
||||
|
<el-empty description="404 页面不存在"></el-empty> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script setup lang="ts"> |
||||
|
import type {Design} from "~/api/cms/design/model"; |
||||
|
import type {ApiResult} from "~/api"; |
||||
|
import {useServerRequest} from "~/composables/useServerRequest"; |
||||
|
import {useConfigInfo, useToken} from "~/composables/configState"; |
||||
|
import type {GoodsCategory} from "~/api/shop/goodsCategory/model"; |
||||
|
|
||||
|
const route = useRoute(); |
||||
|
const { query, params } = route; |
||||
|
const pageName = window.location.pathname; |
||||
|
|
||||
|
console.log(window.location.pathname,'pageName') |
||||
|
|
||||
|
// 网站配置信息 |
||||
|
const config = useConfigInfo(); |
||||
|
const token = useToken(); |
||||
|
// 页面信息 |
||||
|
const form = ref<Design | any>(); |
||||
|
|
||||
|
// 请求数据 |
||||
|
const { data: design } = await useServerRequest<ApiResult<Design[]>>('/cms/design', {params: { |
||||
|
path: `${pageName}` |
||||
|
}}) |
||||
|
if (design.value) { |
||||
|
design.value?.data?.map((d,i) => { |
||||
|
if(i == 0){ |
||||
|
form.value = d; |
||||
|
console.log(d.name) |
||||
|
useHead({ |
||||
|
title: `${d.name} 网宿软件`, |
||||
|
meta: [{ name: "keywords", content: "Nuxt Vue SSR Typescript" }], |
||||
|
bodyAttrs: { |
||||
|
class: "page-container", |
||||
|
}, |
||||
|
script: [ |
||||
|
{ |
||||
|
children: "console.log('Hello World')", |
||||
|
}, |
||||
|
], |
||||
|
}); |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
|
||||
|
const { data: category } = useServerRequest<ApiResult<GoodsCategory>>('/shop/goods-category') |
||||
|
|
||||
|
console.log(category.value) |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
|
||||
|
</style> |
||||
Loading…
Reference in new issue