Skip to content

Commit 085609f

Browse files
hhstorehhstore
committed
chore: update
1 parent 6830b19 commit 085609f

File tree

4 files changed

+165
-109
lines changed

4 files changed

+165
-109
lines changed

‎packages/v2/src/components/WLicense.vue

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<template>
2+
<n-button @click="info">License Management</n-button>
3+
</template>
4+
5+
<script lang="ts" setup>
6+
import { useMessage } from 'naive-ui'
7+
8+
const message = useMessage()
9+
10+
function info() {
11+
message.info('License Management')
12+
}
13+
</script>

‎packages/v2/src/components/WPricing.vue

Lines changed: 75 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,45 @@
11
<template>
2-
<div>
3-
<n-space justify="space-between">
4-
<n-card v-for="d in dw" :key="d" style="min-width: 300px; min-height: 500px">
5-
<n-flex class="py-5" vertical>
6-
<n-text align="center" class="text-2xl" type="warning">{{ d.title }}</n-text>
7-
<n-text align="center" class="text-4xl text-amber-500 py-5" type="info">{{ d.price }}</n-text>
2+
<div>
3+
<n-space justify="space-between">
4+
<n-card
5+
v-for="d in dw"
6+
:key="d"
7+
style="min-width: 300px; min-height: 500px"
8+
>
9+
<n-flex class="py-5" vertical>
10+
<n-text align="center" class="text-2xl" type="warning">{{
11+
d.title
12+
}}</n-text>
13+
<n-text
14+
align="center"
15+
class="text-4xl text-amber-500 py-5"
16+
type="info"
17+
>{{ d.price }}</n-text
18+
>
819

9-
<n-button class="" secondary size="large" strong type="success" @click="download(d.url)"
10-
>{{ d.dl }}
20+
<n-button
21+
class=""
22+
secondary
23+
size="large"
24+
strong
25+
type="success"
26+
@click="download(d.url)"
27+
>{{ d.dl }}
1128

12-
<template #icon></template>
13-
</n-button>
29+
<template #icon></template>
30+
</n-button>
1431

15-
<n-flex class="py-5" vertical>
16-
<!-- version -->
17-
<n-gradient-text type="success">
18-
Latest Version:
19-
<n-gradient-text type="info">{{ d.version }}</n-gradient-text>
20-
</n-gradient-text>
21-
</n-flex>
22-
</n-flex>
23-
</n-card>
24-
</n-space>
25-
</div>
32+
<n-flex class="py-5" vertical>
33+
<!-- version -->
34+
<n-gradient-text type="success">
35+
Latest Version:
36+
<n-gradient-text type="info">{{ d.version }}</n-gradient-text>
37+
</n-gradient-text>
38+
</n-flex>
39+
</n-flex>
40+
</n-card>
41+
</n-space>
42+
</div>
2643
</template>
2744

2845
<script lang="ts" setup>
@@ -33,56 +50,56 @@ import { useMessage } from 'naive-ui' //
3350
const message = useMessage()
3451
3552
const props = defineProps({
36-
downloads: {
37-
type: Array,
38-
},
53+
downloads: {
54+
type: Array,
55+
},
3956
})
4057
4158
//
4259
// ref: https://icon-sets.iconify.design/?category=General
4360
//
4461
const dw = [
45-
{
46-
title: 'Basic', // basic // 免费版
47-
price: 'Free',
48-
icon: 'iconoir:windows', // <Icon icon="iconoir:windows" />
49-
color: 'blue',
50-
dl: 'Free Download',
51-
url: 'https://github.com/naive-ui/naive-ui/releases',
52-
version: '1.0.0',
53-
},
54-
{
55-
title: 'Pro', // pro // 专业版
56-
price: '$5.99',
57-
icon: 'iconoir:apple-mac', // <Icon icon="iconoir:apple-mac" />
58-
color: 'white',
59-
dl: 'Select Plan',
60-
url: 'https://github.com/naive-ui/naive-ui/releases',
61-
version: '1.0.0',
62-
},
63-
{
64-
title: 'Ultimate', // ultimate // 旗舰版
65-
price: '$5.99',
66-
icon: 'iconoir:apple-mac', // <Icon icon="iconoir:apple-mac" />
67-
color: 'white',
68-
dl: 'Select Plan',
69-
url: 'https://github.com/naive-ui/naive-ui/releases',
70-
version: '1.0.0',
71-
},
62+
{
63+
title: 'Basic', // basic // 免费版
64+
price: 'Free',
65+
icon: 'iconoir:windows', // <Icon icon="iconoir:windows" />
66+
color: 'blue',
67+
dl: 'Free Download',
68+
url: 'https://github.com/naive-ui/naive-ui/releases',
69+
version: '1.0.0',
70+
},
71+
{
72+
title: 'Pro', // pro // 专业版
73+
price: '$5.99',
74+
icon: 'iconoir:apple-mac', // <Icon icon="iconoir:apple-mac" />
75+
color: 'white',
76+
dl: 'Buy Now',
77+
url: 'https://github.com/naive-ui/naive-ui/releases',
78+
version: '1.0.0',
79+
},
80+
{
81+
title: 'Ultimate', // ultimate // 旗舰版
82+
price: '$5.99',
83+
icon: 'iconoir:apple-mac', // <Icon icon="iconoir:apple-mac" />
84+
color: 'white',
85+
dl: 'Buy Now',
86+
url: 'https://github.com/naive-ui/naive-ui/releases',
87+
version: '1.0.0',
88+
},
7289
]
7390
7491
function download(url: string) {
75-
const msg = 'downloading... ' + url
92+
const msg = 'downloading... ' + url
7693
77-
message.success(msg, {
78-
duration: 3000,
79-
})
94+
message.success(msg, {
95+
duration: 3000,
96+
})
8097
}
8198
8299
function info() {
83-
message.info("I don't know why nobody told you how to unfold your love", {
84-
keepAliveOnHover: true,
85-
})
100+
message.info("I don't know why nobody told you how to unfold your love", {
101+
keepAliveOnHover: true,
102+
})
86103
}
87104
</script>
88105

‎packages/v2/src/pages/ProductPage.vue

Lines changed: 56 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,42 +1,52 @@
11
<template>
2+
<div>
23
<div>
3-
<div>
4-
<n-tabs default-value="screenshots" justify-content="space-evenly" size="medium" tab-style="font-weight: bold; font-size: 20px;" trigger="click" type="segment">
5-
<n-tab-pane name="desc" tab="Description">
6-
<div>
7-
<n-gradient-text type="warning">
8-
<n-ellipsis expand-trigger="click" line-clamp="13">
9-
电灯熄灭 物换星移 泥牛入海<br />
10-
黑暗好像 一颗巨石 按在胸口<br />
11-
黑暗好像 一颗巨石 按在胸口<br />
12-
独脚大盗 百万富翁 摸爬滚打<br />
13-
电灯熄灭 物换星移 泥牛入海<br />
14-
黑暗好像 一颗巨石 按在胸口<br />
15-
独脚大盗 百万富翁 摸爬滚打<br />
16-
黑暗好像 一颗巨石 按在胸口
17-
</n-ellipsis>
18-
</n-gradient-text>
19-
</div>
20-
</n-tab-pane>
4+
<n-tabs
5+
default-value="screenshots"
6+
justify-content="space-evenly"
7+
size="medium"
8+
tab-style="font-weight: bold; font-size: 20px;"
9+
trigger="click"
10+
type="segment"
11+
>
12+
<n-tab-pane name="desc" tab="Description">
13+
<div>
14+
<n-gradient-text type="warning">
15+
<n-ellipsis expand-trigger="click" line-clamp="13">
16+
电灯熄灭 物换星移 泥牛入海<br />
17+
黑暗好像 一颗巨石 按在胸口<br />
18+
黑暗好像 一颗巨石 按在胸口<br />
19+
独脚大盗 百万富翁 摸爬滚打<br />
20+
电灯熄灭 物换星移 泥牛入海<br />
21+
黑暗好像 一颗巨石 按在胸口<br />
22+
独脚大盗 百万富翁 摸爬滚打<br />
23+
黑暗好像 一颗巨石 按在胸口
24+
</n-ellipsis>
25+
</n-gradient-text>
26+
</div>
27+
</n-tab-pane>
2128

22-
<n-tab-pane name="screenshots" tab="Preview">
23-
<!-- 截图-->
24-
<w-screenshots :images="imgs"></w-screenshots>
25-
</n-tab-pane>
26-
<n-tab-pane name="download" tab="Download">
27-
<w-download></w-download>
28-
</n-tab-pane>
29-
<n-tab-pane name="buy" tab="Pricing">
30-
<div class="" style="width: 100%">
31-
<w-pricing></w-pricing>
32-
</div>
33-
</n-tab-pane>
34-
<n-tab-pane name="help" tab="Help">
35-
<w-help></w-help>
36-
</n-tab-pane>
37-
</n-tabs>
38-
</div>
29+
<n-tab-pane name="screenshots" tab="Preview">
30+
<!-- 截图-->
31+
<w-screenshots :images="imgs"></w-screenshots>
32+
</n-tab-pane>
33+
<n-tab-pane name="download" tab="Download">
34+
<w-download></w-download>
35+
</n-tab-pane>
36+
<n-tab-pane name="buy" tab="Pricing">
37+
<div class="" style="width: 100%">
38+
<w-pricing></w-pricing>
39+
</div>
40+
</n-tab-pane>
41+
<n-tab-pane name="license" tab="License">
42+
<w-license></w-license>
43+
</n-tab-pane>
44+
<n-tab-pane name="help" tab="Help">
45+
<w-help></w-help>
46+
</n-tab-pane>
47+
</n-tabs>
3948
</div>
49+
</div>
4050
</template>
4151

4252
<script lang="ts" setup>
@@ -46,17 +56,18 @@ import WScreenshots from '../components/WScreenshots.vue'
4656
import WDownload from '../components/WDownload.vue'
4757
import WPricing from '../components/WPricing.vue'
4858
import WHelp from '../components/WHelp.vue'
59+
import WLicense from '../components/WLicense.vue'
4960
5061
const count = ref(0)
5162
5263
const imgs = [
53-
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg',
54-
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg',
55-
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg',
64+
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg',
65+
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg',
66+
'https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg',
5667
]
5768
5869
function download() {
59-
alert('download')
70+
alert('download')
6071
}
6172
6273
//
@@ -65,16 +76,16 @@ function download() {
6576
const message = useMessage()
6677
6778
function info() {
68-
message.info("I don't know why nobody told you how to unfold your love", {
69-
keepAliveOnHover: true,
70-
})
79+
message.info("I don't know why nobody told you how to unfold your love", {
80+
keepAliveOnHover: true,
81+
})
7182
}
7283
</script>
7384

7485
<style scoped>
7586
.myTab {
76-
font-weight: bold;
77-
font-size: 20px;
78-
font-family: 'JetBrains Mono', monospace;
87+
font-weight: bold;
88+
font-size: 20px;
89+
font-family: 'JetBrains Mono', monospace;
7990
}
8091
</style>

‎packages/v2/src/products/product1.md

Lines changed: 21 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,32 @@ layout: home
44

55
# Geek Wallet
66

7-
## Description
8-
9-
- Awesome Wallet Application
10-
- support Windows/macOS/Linux
11-
- support multiple blockchains
12-
- support multiple languages
7+
## Overview
138

149
<product-page/>
1510

11+
## DownLoad
12+
13+
<w-download></w-download>
14+
15+
## Pricing
16+
17+
<w-pricing></w-pricing>
18+
19+
## License
20+
21+
<w-license></w-license>
22+
23+
## Help
24+
25+
<w-help></w-help>
26+
1627

1728
<script setup>
1829
// prettier-ignore
1930
import ProductPage from "../pages/ProductPage.vue";
31+
import WDownload from "../components/WDownload.vue";
32+
import WPricing from "../components/WPricing.vue";
33+
import WLicense from "../components/WLicense.vue";
34+
import WHelp from "../components/WHelp.vue";
2035
</script>

0 commit comments

Comments
 (0)