Skip to content

Commit 2e196e2

Browse files
hhstorehhstore
committed
chore: update
1 parent de6c7e5 commit 2e196e2

File tree

5 files changed

+165
-117
lines changed

5 files changed

+165
-117
lines changed

‎packages/v2/.prettierignore

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
# Ignore artifacts:
2+
build
3+
coverage
4+
5+
# Ignore all HTML files:
6+
**/*.html

‎packages/v2/prettier.config.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
// prettier.config.js, .prettierrc.js, prettier.config.mjs, or .prettierrc.mjs
2+
3+
/** @type {import("prettier").Config} */
4+
const config = {
5+
trailingComma: 'es5',
6+
tabWidth: 2,
7+
semi: false,
8+
singleQuote: true,
9+
printWidth: 80,
10+
}
11+
12+
export default config

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

+65-112
Original file line numberDiff line numberDiff line change
@@ -1,138 +1,91 @@
11
<template>
2-
3-
4-
<n-flex>
5-
6-
<n-flex vertical>
7-
8-
9-
<n-split direction="horizontal"
10-
default-size="0.3"
11-
class="m-5 p-5"
12-
:max="0.75" :min="0.25">
13-
<template #1>
14-
15-
16-
<n-flex vertical>
17-
<div>
18-
<n-avatar
19-
class="bg-red-400 text-4xl"
20-
size="large"
21-
>
22-
M
23-
</n-avatar>
24-
</div>
25-
26-
27-
<div>
28-
<li>Awesome Wallet Application</li>
29-
<li>support Windows/macOS/Linux</li>
30-
<li>support multiple blockchains</li>
31-
<li>support multiple languages</li>
32-
</div>
33-
</n-flex>
34-
35-
36-
</template>
37-
<template #2>
38-
39-
<div class="px-5">
40-
<n-card content-class="">
41-
<n-row class="">
42-
<n-carousel
43-
dot-placement="bottom"
44-
interval="2000"
45-
align="center"
46-
class=""
47-
autoplay>
48-
<img
49-
class="carousel-img"
50-
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg"
51-
>
52-
<img
53-
class="carousel-img"
54-
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg"
55-
>
56-
<img
57-
class="carousel-img"
58-
src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg"
59-
>
60-
</n-carousel>
61-
</n-row>
62-
63-
</n-card>
64-
</div>
65-
66-
67-
</template>
68-
</n-split>
69-
2+
<n-flex>
3+
<n-flex vertical>
4+
<n-split :min="0.25" class="m-5 p-5" default-size="0.3" direction="horizontal">
5+
<template #1>
6+
<n-flex class="px-5">
7+
<n-card>
8+
<div>
9+
<n-avatar class="bg-red-400 text-4xl" size="large"> M</n-avatar>
10+
</div>
11+
<n-gradient-text class="text-2xl" type="info"> Desc</n-gradient-text>
12+
<br />
13+
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+
电灯熄灭 物换星移 泥牛入海<br />
24+
黑暗好像 一颗巨石 按在胸口<br />
25+
独脚大盗 百万富翁 摸爬滚打<br />
26+
电灯熄灭 物换星移 泥牛入海<br />
27+
黑暗好像 一颗巨石 按在胸口<br />
28+
独脚大盗 百万富翁 摸爬滚打<br />
29+
电灯熄灭 物换星移 泥牛入海<br />
30+
黑暗好像 一颗巨石 按在胸口<br />
31+
独脚大盗 百万富翁 摸爬滚打<br />
32+
黑暗好像 一颗巨石 按在胸口
33+
</n-ellipsis>
34+
</n-gradient-text>
35+
</n-card>
36+
</n-flex>
37+
</template>
38+
<template #2>
39+
<div class="px-5">
40+
<n-card content-class="">
41+
<n-row class="">
42+
<n-carousel align="center" autoplay class="" dot-placement="bottom" interval="2000">
43+
<img class="carousel-img" src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg" />
44+
<img class="carousel-img" src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg" />
45+
<img class="carousel-img" src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg" />
46+
</n-carousel>
47+
</n-row>
48+
</n-card>
49+
</div>
50+
</template>
51+
</n-split>
52+
</n-flex>
7053
</n-flex>
71-
72-
73-
<n-card theme="dark">
74-
<n-space>
75-
<n-button strong type="success" @click="download()">Download</n-button>
76-
<n-button strong type="info" @click="info()">Buy</n-button>
77-
</n-space>
78-
79-
80-
<div class="grid-2">
81-
<n-text> The count is: {{ count }}</n-text>
82-
83-
<n-space>
84-
<n-badge :value="count"> count</n-badge>
85-
86-
<n-button strong type="warning" @click="count++">Increment</n-button>
87-
</n-space>
88-
</div>
89-
90-
</n-card>
91-
92-
</n-flex>
93-
94-
9554
</template>
9655

97-
<script setup lang="ts">
98-
import {ref} from 'vue'
99-
import {useMessage} from "naive-ui";
56+
<script lang="ts" setup>
57+
import { ref } from 'vue'
58+
import { useMessage } from 'naive-ui'
10059
10160
const count = ref(0)
10261
10362
function download() {
104-
alert("download")
63+
alert('download')
10564
}
10665
107-
10866
//
10967
// todo x: check `.vitepress/theme/Layout.vue`
11068
//
11169
const message = useMessage()
11270
11371
function info() {
114-
message.info(
115-
"I don't know why nobody told you how to unfold your love",
116-
{
117-
keepAliveOnHover: true
118-
}
119-
)
72+
message.info("I don't know why nobody told you how to unfold your love", {
73+
keepAliveOnHover: true,
74+
})
12075
}
121-
12276
</script>
12377

12478
<style module>
12579
.button {
126-
margin: 5px;
127-
color: white;
128-
font-weight: bold;
129-
border-radius: 5px;
130-
padding: 5px 10px;
131-
background-color: orange;
80+
margin: 5px;
81+
color: white;
82+
font-weight: bold;
83+
border-radius: 5px;
84+
padding: 5px 10px;
85+
background-color: orange;
13286
}
13387
13488
.button:hover {
135-
background-color: blue;
89+
background-color: blue;
13690
}
137-
13891
</style>

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

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<template>
2+
<div>
3+
<div>
4+
<n-tabs default-value="screenshots" justify-content="space-evenly" pane-class="text-2xl " size="large" tab-class="text-2xl text-primary" trigger="hover" type="card">
5+
<n-tab-pane name="desc" tab="Desc">
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>
21+
22+
<n-tab-pane name="screenshots" tab="Screenshots">
23+
<n-carousel align="center" autoplay class="" dot-placement="bottom" interval="2000">
24+
<img class="carousel-img" src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel3.jpeg" />
25+
<img class="carousel-img" src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel2.jpeg" />
26+
<img class="carousel-img" src="https://naive-ui.oss-cn-beijing.aliyuncs.com/carousel-img/carousel4.jpeg" />
27+
</n-carousel>
28+
</n-tab-pane>
29+
<n-tab-pane name="download" tab="Download">
30+
<div>
31+
<n-space>
32+
<n-button strong type="success" @click="download()">Download</n-button>
33+
<n-button strong type="info" @click="info()">Buy</n-button>
34+
</n-space>
35+
</div>
36+
37+
Download this app
38+
</n-tab-pane>
39+
<n-tab-pane name="buy" tab="Buy">
40+
<div class="grid-2">
41+
<n-text> The count is: {{ count }}</n-text>
42+
<n-space>
43+
<n-badge :value="count"> count</n-badge>
44+
<n-button strong type="warning" @click="count++">Increment</n-button>
45+
</n-space>
46+
</div>
47+
48+
Buy this app
49+
</n-tab-pane>
50+
</n-tabs>
51+
</div>
52+
</div>
53+
</template>
54+
55+
<script lang="ts" setup>
56+
import { ref } from 'vue'
57+
import { useMessage } from 'naive-ui'
58+
59+
const count = ref(0)
60+
61+
function download() {
62+
alert('download')
63+
}
64+
65+
//
66+
// todo x: check `.vitepress/theme/Layout.vue`
67+
//
68+
const message = useMessage()
69+
70+
function info() {
71+
message.info("I don't know why nobody told you how to unfold your love", {
72+
keepAliveOnHover: true,
73+
})
74+
}
75+
</script>

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

+7-5
Original file line numberDiff line numberDiff line change
@@ -11,14 +11,16 @@ layout: home
1111
- support multiple blockchains
1212
- support multiple languages
1313

14-
## Download
14+
<w-product/>
1515

16-
<WDownload/>
16+
## Download
1717

1818
## Buy
1919

20-
<WDownload/>
21-
2220
<script setup>
23-
import WDownload from '../components/WDownload.vue'
21+
22+
23+
// prettier-ignore
24+
import WProduct from "../components/WProduct.vue";
25+
import WDownload from "../components/WDownload.vue";
2426
</script>

0 commit comments

Comments
 (0)