aidlab/Code-Create
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

111

Browse Source
This commit is contained in:
李志鹏
2026-05-19 10:36:47 +08:00
parent bcaeda6217
commit 9eeb29da31
5 changed files with 39 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -5,7 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>test-ssg</title> <title>test-ssg</title>
<link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4403230_70xz405a1wg.css" /> <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_4403230_cf4g5f65ci.css" />
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

4
src/pages/my-account/orders.vue
View File

@@ -1,8 +1,6 @@
<template> <template>
<div class="orders"> <div class="orders">
<tip-box> <tip-box type="warning" title="No order has been made yet." />
<router-link class="link" to="/">Browse products</router-link>
</tip-box>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

15
src/pages/my-account/subscriptions.vue Normal file
View File

@@ -0,0 +1,15 @@
<template>
<div class="subscriptions">
<tip-box type="success" title="You have no active subscriptions." />
</div>
</template>
<script setup lang="ts">
import { computed, ref } from 'vue'
import tipBox from './tip-box.vue'
</script>
<style scoped lang="less">
.subscriptions {
width: 100%;
}
</style>

24
src/pages/my-account/tip-box.vue
View File

@@ -1,12 +1,20 @@
<template> <template>
<div class="tip-box"> <div class="tip-box">
<span class="iconfont icon-info"></span> <span class="iconfont" :class="[`icon-${type}`]"></span>
<div class="tip">No order has been made yet.</div> <div class="tip">{{ title }}</div>
<slot></slot> <router-link v-if="isShowLink" class="link" to="/">Browse products</router-link>
</div> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { computed, ref } from 'vue' import { computed, ref } from 'vue'
const props = defineProps({
type: {
default: 'warning',
type: String as () => 'success' | 'warning'
},
title: { default: '', type: String },
isShowLink: { default: true, type: Boolean }
})
</script> </script>
<style scoped lang="less"> <style scoped lang="less">
@@ -18,12 +26,16 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 20px; padding: 0 20px;
> .tip {
flex: 1;
}
> * { > * {
color: #fff; color: #fff;
font-size: 16px; font-size: 16px;
} }
> .iconfont {
margin-right: 10px;
font-size: 18px;
}
> .tip {
flex: 1;
}
} }
</style> </style>

4
src/routes.ts
View File

@@ -49,6 +49,10 @@ export const routes: RouteRecordRaw[] = [
path: 'orders', path: 'orders',
component: () => import('./pages/my-account/orders.vue'), component: () => import('./pages/my-account/orders.vue'),
}, },
{
path: 'subscriptions',
component: () => import('./pages/my-account/subscriptions.vue'),
},
{ {
path: ':pathMatch(.*)*', path: ':pathMatch(.*)*',
component: () => import('./pages/my-account/welcome.vue'), component: () => import('./pages/my-account/welcome.vue'),