Skip to content

Commit 934d8ef

Browse files
path-yupath-yu
committed
补充
1 parent 1349245 commit 934d8ef

20 files changed

+3828
-458
lines changed

‎.prettierignore

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
dist
2+
node_modules
3+
.eslintrc.cjs
4+
pnpm-lock.yaml
5+
coverage

‎.prettierrc.json

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
{
2+
"parser": "flow",
3+
"tabWidth": 2,
4+
// 使用单引号
5+
"singleQuote": true,
6+
// 强制使用分号结尾
7+
"semi": true
8+
}

‎.vscode/extensions.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
{
2-
"recommendations": ["johnsoncodehk.volar", "johnsoncodehk.vscode-typescript-vue-plugin"]
2+
"recommendations": ["johnsoncodehk.volar", "johnsoncodehk.vscode-typescript-vue-plugin"],
33
}

‎jsconfig.json

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"compilerOptions": {
3+
"baseUrl": "./",
4+
"paths": {
5+
"@/*": ["src/**"],
6+
}
7+
},
8+
"exclude": ["node_modules", "dist"],
9+
"include": ["src/**/*", "env.d.ts"]
10+
}

‎pnpm-lock.yaml

+3,777
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/App.vue

+2-111
Original file line numberDiff line numberDiff line change
@@ -1,119 +1,10 @@
11
<script setup lang="ts">
2-
import { RouterLink, RouterView } from 'vue-router'
3-
import HelloWorld from '@/components/HelloWorld.vue'
2+
import { RouterView } from 'vue-router';
43
</script>
5-
64
<template>
7-
<header>
8-
<img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
9-
10-
<div class="wrapper">
11-
<HelloWorld msg="You did it!" />
12-
13-
<nav>
14-
<RouterLink to="/">Home</RouterLink>
15-
<RouterLink to="/about">About</RouterLink>
16-
</nav>
17-
</div>
18-
</header>
19-
205
<RouterView />
216
</template>
227

238
<style>
24-
@import '@/assets/base.css';
25-
26-
#app {
27-
max-width: 1280px;
28-
margin: 0 auto;
29-
padding: 2rem;
30-
31-
font-weight: normal;
32-
}
33-
34-
header {
35-
line-height: 1.5;
36-
max-height: 100vh;
37-
}
38-
39-
.logo {
40-
display: block;
41-
margin: 0 auto 2rem;
42-
}
43-
44-
a,
45-
.green {
46-
text-decoration: none;
47-
color: hsla(160, 100%, 37%, 1);
48-
transition: 0.4s;
49-
}
50-
51-
@media (hover: hover) {
52-
a:hover {
53-
background-color: hsla(160, 100%, 37%, 0.2);
54-
}
55-
}
56-
57-
nav {
58-
width: 100%;
59-
font-size: 12px;
60-
text-align: center;
61-
margin-top: 2rem;
62-
}
63-
64-
nav a.router-link-exact-active {
65-
color: var(--color-text);
66-
}
67-
68-
nav a.router-link-exact-active:hover {
69-
background-color: transparent;
70-
}
71-
72-
nav a {
73-
display: inline-block;
74-
padding: 0 1rem;
75-
border-left: 1px solid var(--color-border);
76-
}
77-
78-
nav a:first-of-type {
79-
border: 0;
80-
}
81-
82-
@media (min-width: 1024px) {
83-
body {
84-
display: flex;
85-
place-items: center;
86-
}
87-
88-
#app {
89-
display: grid;
90-
grid-template-columns: 1fr 1fr;
91-
padding: 0 2rem;
92-
}
93-
94-
header {
95-
display: flex;
96-
place-items: center;
97-
padding-right: calc(var(--section-gap) / 2);
98-
}
99-
100-
header .wrapper {
101-
display: flex;
102-
place-items: flex-start;
103-
flex-wrap: wrap;
104-
}
105-
106-
.logo {
107-
margin: 0 2rem 0 0;
108-
}
109-
110-
nav {
111-
text-align: left;
112-
margin-left: -1rem;
113-
font-size: 1rem;
114-
115-
padding: 1rem 0;
116-
margin-top: 1rem;
117-
}
118-
}
9+
@import "@/assets/base.css";
11910
</style>

‎src/assets/base.css

+1-72
Original file line numberDiff line numberDiff line change
@@ -1,74 +1,3 @@
1-
/* color palette from <https://github.com/vuejs/theme> */
21
:root {
3-
--vt-c-white: #ffffff;
4-
--vt-c-white-soft: #f8f8f8;
5-
--vt-c-white-mute: #f2f2f2;
6-
7-
--vt-c-black: #181818;
8-
--vt-c-black-soft: #222222;
9-
--vt-c-black-mute: #282828;
10-
11-
--vt-c-indigo: #2c3e50;
12-
13-
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
14-
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
15-
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
16-
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
17-
18-
--vt-c-text-light-1: var(--vt-c-indigo);
19-
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
20-
--vt-c-text-dark-1: var(--vt-c-white);
21-
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
22-
}
23-
24-
/* semantic color variables for this project */
25-
:root {
26-
--color-background: var(--vt-c-white);
27-
--color-background-soft: var(--vt-c-white-soft);
28-
--color-background-mute: var(--vt-c-white-mute);
29-
30-
--color-border: var(--vt-c-divider-light-2);
31-
--color-border-hover: var(--vt-c-divider-light-1);
32-
33-
--color-heading: var(--vt-c-text-light-1);
34-
--color-text: var(--vt-c-text-light-1);
35-
36-
--section-gap: 160px;
37-
}
38-
39-
@media (prefers-color-scheme: dark) {
40-
:root {
41-
--color-background: var(--vt-c-black);
42-
--color-background-soft: var(--vt-c-black-soft);
43-
--color-background-mute: var(--vt-c-black-mute);
44-
45-
--color-border: var(--vt-c-divider-dark-2);
46-
--color-border-hover: var(--vt-c-divider-dark-1);
47-
48-
--color-heading: var(--vt-c-text-dark-1);
49-
--color-text: var(--vt-c-text-dark-2);
50-
}
51-
}
52-
53-
*,
54-
*::before,
55-
*::after {
56-
box-sizing: border-box;
57-
margin: 0;
58-
position: relative;
59-
font-weight: normal;
60-
}
61-
62-
body {
63-
min-height: 100vh;
64-
color: var(--color-text);
65-
background: var(--color-background);
66-
transition: color 0.5s, background-color 0.5s;
67-
line-height: 1.6;
68-
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
69-
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
70-
font-size: 15px;
71-
text-rendering: optimizeLegibility;
72-
-webkit-font-smoothing: antialiased;
73-
-moz-osx-font-smoothing: grayscale;
2+
--theme-color: #ffffff;
743
}

‎src/components/TheWelcome.vue

-84
This file was deleted.

0 commit comments

Comments
 (0)