Skip to content

Commit

Permalink
feat : 模板建置
Browse files Browse the repository at this point in the history
  • Loading branch information
susu3131 committed Oct 2, 2023
1 parent 2fc67a5 commit b9b5c3d
Show file tree
Hide file tree
Showing 9 changed files with 69 additions and 4 deletions.
7 changes: 7 additions & 0 deletions components/ContentItem.vue
@@ -0,0 +1,7 @@
<script lang="ts" setup></script>

<template>
<div>我是 content 元件</div>
</template>

<style scoped></style>
9 changes: 9 additions & 0 deletions components/layout/FooterItem.vue
@@ -0,0 +1,9 @@
<script lang="ts" setup></script>

<template>
<div>
<p>我是footer</p>
</div>
</template>

<style scoped></style>
15 changes: 15 additions & 0 deletions components/layout/HeaderItem.vue
@@ -0,0 +1,15 @@
<script lang="ts" setup></script>

<template>
<div>
<nav style="background-color: gainsboro">
<nuxt-link to="/" style="margin-right: 8px">回到首頁</nuxt-link>
<nuxt-link to="/about" style="margin-right: 8px">關於</nuxt-link>
<nuxt-link to="/introduce" style="margin-right: 8px">產品介紹</nuxt-link>
<nuxt-link to="/product" style="margin-right: 8px">購買商品</nuxt-link>
<nuxt-link to="/customer" style="margin-right: 8px">客服中心</nuxt-link>
</nav>
</div>
</template>

<style scoped></style>
3 changes: 2 additions & 1 deletion layouts/default.vue
Expand Up @@ -2,8 +2,9 @@

<template>
<div>
Layout: default
<LayoutHeaderItem />
<slot />
<LayoutFooterItem />
</div>
</template>

Expand Down
4 changes: 3 additions & 1 deletion components/HeaderItem.vue → pages/about.vue
@@ -1,7 +1,9 @@
<script lang="ts" setup></script>

<template>
<div>Component: header</div>
<div>
<p>about</p>
</div>
</template>

<style scoped></style>
9 changes: 9 additions & 0 deletions pages/customer.vue
@@ -0,0 +1,9 @@
<script lang="ts" setup></script>

<template>
<div>
<p>customer</p>
</div>
</template>

<style scoped></style>
8 changes: 6 additions & 2 deletions pages/index.vue
@@ -1,6 +1,10 @@
<script lang="ts" setup></script>

<template>
<div>
<NuxtWelcome />
<div>index</div>
<p>我是page首頁</p>
<ContentItem />
</div>
</template>

<style scoped></style>
9 changes: 9 additions & 0 deletions pages/introduce.vue
@@ -0,0 +1,9 @@
<script lang="ts" setup></script>

<template>
<div>
<p>introduce</p>
</div>
</template>

<style scoped></style>
9 changes: 9 additions & 0 deletions pages/product.vue
@@ -0,0 +1,9 @@
<script lang="ts" setup></script>

<template>
<div>
<p>product</p>
</div>
</template>

<style scoped></style>

0 comments on commit b9b5c3d

Please sign in to comment.