Skip to content

Commit cffb8f0

Browse files
GitHubPlayerZeroGitHubPlayerZero
committed
1. 修正每日任務 10、11 的 code 連結
2. 加入每日任務 12 3. 增加 cookie 練習 4. 加入第二週作業
1 parent cfba4ee commit cffb8f0

File tree

11 files changed

+1059
-12
lines changed

11 files changed

+1059
-12
lines changed

‎src/router/index.js

Lines changed: 12 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,10 @@ const router = createRouter({
7272
path: 'axios',
7373
component: () => import('../views/samples/AxiosTest.vue'),
7474
},
75+
{
76+
path: 'cookie',
77+
component: () => import('../views/samples/CookieTest.vue'),
78+
},
7579
],
7680
},
7781
// 每日任務
@@ -129,10 +133,10 @@ const router = createRouter({
129133
path: 'day11',
130134
component: () => import('../views/day_jobs/DayJob11.vue'),
131135
},
132-
// {
133-
// path: 'day12',
134-
// component: () => import('../views/day_jobs/DayJob12.vue'),
135-
// },
136+
{
137+
path: 'day12',
138+
component: () => import('../views/day_jobs/DayJob12/DayJob12.vue'),
139+
},
136140
// {
137141
// path: 'day13',
138142
// component: () => import('../views/day_jobs/DayJob13.vue'),
@@ -182,10 +186,10 @@ const router = createRouter({
182186
path: 'week1',
183187
component: () => import('../views/homework/WorkWeek1.vue'),
184188
},
185-
// {
186-
// path: 'week2',
187-
// component: () => import('../views/homework/WorkWeek2.vue'),
188-
// },
189+
{
190+
path: 'week2',
191+
component: () => import('../views/homework/WorkWeek2.vue'),
192+
},
189193
// {
190194
// path: 'week3',
191195
// component: () => import('../views/homework/WorkWeek3.vue'),

‎src/views/day_jobs/DayJob10.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<p>
44
<a href="https://hackmd.io/8DiAOsTxRTW9lvna-yiGqw" target="_blank">題目</a>｜
55
<a
6-
href="https://github.com/GitHubPlayerZero/hex-vue3-practise/blob/main/src/views/day_jobs/DayJo10.vue"
6+
href="https://github.com/GitHubPlayerZero/hex-vue3-practise/blob/main/src/views/day_jobs/DayJob10.vue"
77
target="_blank"
88
>Code</a
99
>｜

‎src/views/day_jobs/DayJob11.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<p>
44
<a href="https://hackmd.io/5qENDoiZS261xzOlaSRL5w" target="_blank">題目</a>｜
55
<a
6-
href="https://github.com/GitHubPlayerZero/hex-vue3-practise/blob/main/src/views/day_jobs/DayJo11.vue"
6+
href="https://github.com/GitHubPlayerZero/hex-vue3-practise/blob/main/src/views/day_jobs/DayJob11.vue"
77
target="_blank"
88
>Code</a
99
>｜

‎src/views/day_jobs/DayJob12/DayJob12.vue

Lines changed: 147 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
<template>
2+
<h1 class="h1">🏅 Day12 - Vue.js 的元件篇：Component</h1>
3+
<p>
4+
<a href="https://hackmd.io/vAJeYRdmSGufhAGntphrTQ" target="_blank">題目</a>｜
5+
<a
6+
href="https://github.com/GitHubPlayerZero/hex-vue3-practise/blob/main/src/views/day_jobs/DayJob12.vue"
7+
target="_blank"
8+
>Code</a
9+
>｜
10+
<a
11+
href="https://play.vuejs.org/#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"
12+
target="_blank"
13+
>Vue SFC Playground</a
14+
>
15+
</p>
16+
17+
<hr class="hr mt-0" />
18+
19+
<div id="app" class="container">
20+
21+
<DayJob12Header />
22+
23+
<div class="banner">
24+
<h2>六角水果行 Banner</h2>
25+
</div>
26+
<div class="content">
27+
<h2>公司介紹：</h2>
28+
<p>
29+
我們的公司致力於提供最新鮮、最優質的水果給我們的顧客。我們的使命是將健康、美味的水果帶到每一個家庭。我們的水果來自於全球各地的優質果園，經過嚴格的品質控制，確保每一顆水果都是自然成熟、營養豐富。
30+
我們的產品種類豐富，包括蘋果、香蕉、橙子、草莓、葡萄等等，無論是日常食用還是特別場合，我們都能滿足您的需求。我們與許多當地農場合作，支持可持續農業，保護環境，同時保證水果的新鮮度和口感。
31+
我們還提供快捷便利的送貨服務，讓您足不出戶就能享受到新鮮的水果。我們的客服團隊始終準備好為您提供最優質的服務，解答您的疑問，滿足您的訂購需求。
32+
選擇我們的水果，就是選擇健康和品質。讓我們一起享受大自然的美味，為您的生活增添更多色彩與健康。
33+
</p>
34+
</div>
35+
<div class="subscribe">
36+
<h2>訂閱我們的電子報</h2>
37+
<p>輸入您的電子郵件地址，獲取最新的水果資訊和優惠。</p>
38+
<input type="email" placeholder="您的電子郵件" />
39+
<button class="btn">訂閱</button>
40+
</div>
41+
42+
<DayJob12Footer />
43+
</div>
44+
</template>
45+
46+
<script setup>
47+
import DayJob12Footer from './DayJob12Footer.vue';
48+
import DayJob12Header from './DayJob12Header.vue';
49+
</script>
50+
51+
<style lang="scss" scoped>
52+
.container {
53+
width: 100%;
54+
max-width: 1200px;
55+
margin: 0 auto;
56+
padding: 16px;
57+
}
58+
59+
.row {
60+
display: flex;
61+
flex-wrap: wrap;
62+
margin: -8px;
63+
}
64+
65+
.col {
66+
flex: 0 0 50%;
67+
padding: 8px;
68+
box-sizing: border-box;
69+
}
70+
71+
.card {
72+
border: 1px solid #ddd;
73+
border-radius: 4px;
74+
overflow: hidden;
75+
}
76+
77+
.card-img-top {
78+
width: 25%;
79+
display: block;
80+
margin: 16px auto;
81+
}
82+
83+
.card-body {
84+
padding: 16px;
85+
}
86+
87+
.card-title {
88+
font-size: 1.25rem;
89+
margin-bottom: 8px;
90+
}
91+
92+
.card-text {
93+
margin-bottom: 8px;
94+
}
95+
96+
.btn {
97+
display: inline-block;
98+
padding: 8px 16px;
99+
background-color: #007bff;
100+
color: #fff;
101+
text-align: center;
102+
border-radius: 4px;
103+
text-decoration: none;
104+
}
105+
106+
.banner {
107+
background-image: url(https://images.unsplash.com/photo-1610348725531-843dff563e2c?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
108+
height: 200px;
109+
background-position: center;
110+
background-size: cover;
111+
margin-bottom: 20px;
112+
color: white;
113+
padding: 15px;
114+
}
115+
116+
.subscribe {
117+
text-align: center;
118+
margin: 20px 0;
119+
padding: 20px;
120+
background-color: #f9f9f9;
121+
border: 1px solid #ddd;
122+
border-radius: 4px;
123+
}
124+
125+
.subscribe input[type='email'] {
126+
padding: 10px;
127+
font-size: 1rem;
128+
margin-right: 10px;
129+
border: 1px solid #ddd;
130+
border-radius: 4px;
131+
width: 250px;
132+
}
133+
134+
.subscribe button {
135+
padding: 10px 20px;
136+
font-size: 1rem;
137+
background-color: #007bff;
138+
color: white;
139+
border: none;
140+
border-radius: 4px;
141+
cursor: pointer;
142+
}
143+
144+
.subscribe button:hover {
145+
background-color: #0056b3;
146+
}
147+
</style>

‎src/views/day_jobs/DayJob12/DayJob12Footer.vue

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<template>
2+
<footer>
3+
<p>六角股份有限公司</p>
4+
</footer>
5+
</template>
6+
7+
<style lang="scss" scoped>
8+
footer {
9+
margin-top: 15px;
10+
background-color: beige;
11+
padding: 30px 0;
12+
text-align: center;
13+
}
14+
</style>

‎src/views/day_jobs/DayJob12/DayJob12Header.vue

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<template>
2+
<header>
3+
<h1>六角水果行</h1>
4+
<ul>
5+
<li>產品資料</li>
6+
<li>聯絡我們</li>
7+
<li>公司資訊</li>
8+
</ul>
9+
</header>
10+
</template>
11+
12+
<style lang="scss" scoped>
13+
header {
14+
background-color: aliceblue;
15+
display: flex;
16+
align-items: center;
17+
justify-content: space-between;
18+
margin-bottom: 15px;
19+
padding: 5px 10px;
20+
}
21+
22+
header ul {
23+
display: flex;
24+
}
25+
26+
header li {
27+
list-style: none;
28+
padding: 0 15px;
29+
}
30+
</style>

‎src/views/day_jobs/DayJobs.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<RouterLink to="/dayjobs/day9">Day9</RouterLink>｜
1414
<RouterLink to="/dayjobs/day10">Day10</RouterLink>｜
1515
<RouterLink to="/dayjobs/day11">Day11</RouterLink>｜
16-
<!-- <RouterLink to="/dayjobs/day12">Day12</RouterLink>｜ -->
16+
<RouterLink to="/dayjobs/day12">Day12</RouterLink>｜
1717
<!-- <RouterLink to="/dayjobs/day13">Day13</RouterLink>｜ -->
1818
<!-- <RouterLink to="/dayjobs/day14">Day14</RouterLink>｜ -->
1919
<!-- <RouterLink to="/dayjobs/day15">Day15</RouterLink>｜ -->

‎src/views/homework/WorkCatalog.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<template>
44
<nav class="mb-16">
55
<RouterLink to="/homework/week1">第 1 週作業</RouterLink>｜
6-
<!-- <RouterLink to="/homework/week2">第 2 週作業</RouterLink>｜ -->
6+
<RouterLink to="/homework/week2">第 2 週作業</RouterLink>｜
77
<!-- <RouterLink to="/homework/week3">第 3 週作業</RouterLink>｜ -->
88
<!-- <RouterLink to="/homework/week4">第 4 週作業</RouterLink>｜ -->
99
</nav>

0 commit comments

Comments
 (0)