Skip to content
This repository was archived by the owner on Mar 1, 2020. It is now read-only.

Commit cd361bf

Browse files
yyx990803yyx990803
committed
beautify examples
1 parent 9bf5426 commit cd361bf

File tree

15 files changed

+56
-18
lines changed

15 files changed

+56
-18
lines changed

Diff for: ‎examples/active-links/index.html

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,11 @@
11
<!DOCTYPE html>
2+
<link rel="stylesheet" href="/global.css">
23
<style>
3-
.router-link-active {
4-
color: red;
4+
a.router-link-active {
5+
color: #f66;
56
}
67
</style>
7-
<a href="/">Examples index</a>
8+
<a href="/">&larr; Examples index</a>
89
<div id="app"></div>
910
<script src="/__build__/shared.js"></script>
1011
<script src="/__build__/active-links.js"></script>

Diff for: ‎examples/auth-flow/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/auth-flow.js"></script>

Diff for: ‎examples/basic/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/basic.js"></script>

Diff for: ‎examples/data-fetching/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/data-fetching.js"></script>

Diff for: ‎examples/global.css

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
html, body {
2+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3+
color: #2c3e50;
4+
}
5+
6+
#app {
7+
padding: 0 20px;
8+
}
9+
10+
ul {
11+
line-height: 1.5em;
12+
padding-left: 1.5em;
13+
}
14+
15+
a {
16+
color: #7f8c8d;
17+
text-decoration: none;
18+
}
19+
20+
a:hover {
21+
color: #4fc08d;
22+
}

Diff for: ‎examples/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,9 @@
22
<html>
33
<head>
44
<title>Vue Router Examples</title>
5+
<link rel="stylesheet" href="/global.css">
56
</head>
6-
<body>
7+
<body style="padding: 0 20px">
78
<h1>Vue Router Examples</h1>
89
<ul>
910
<li><a href="basic">Basic</a></li>

Diff for: ‎examples/named-routes/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/named-routes.js"></script>

Diff for: ‎examples/named-views/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/named-views.js"></script>

Diff for: ‎examples/navigation-guards/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/navigation-guards.js"></script>

Diff for: ‎examples/nested-routes/index.html

+6-3
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,16 @@
11
<!DOCTYPE html>
2+
<link rel="stylesheet" href="/global.css">
23
<style>
34
.parent {
4-
border: 1px solid red;
5+
border: 1px solid #f66;
6+
padding: 10px;
57
}
68
.child {
7-
border: 1px solid blue;
9+
border: 1px solid #f66;
10+
padding: 10px 20px;
811
}
912
</style>
10-
<a href="/">Examples index</a>
13+
<a href="/">&larr; Examples index</a>
1114
<div id="app"></div>
1215
<script src="/__build__/shared.js"></script>
1316
<script src="/__build__/nested-routes.js"></script>

Diff for: ‎examples/redirect/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/redirect.js"></script>

Diff for: ‎examples/route-alias/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/route-alias.js"></script>

Diff for: ‎examples/route-matching/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<!DOCTYPE html>
2-
<a href="/">Examples index</a>
2+
<link rel="stylesheet" href="/global.css">
3+
<a href="/">&larr; Examples index</a>
34
<div id="app"></div>
45
<script src="/__build__/shared.js"></script>
56
<script src="/__build__/route-matching.js"></script>

Diff for: ‎examples/scroll-behavior/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,12 @@
11
<!DOCTYPE html>
2+
<link rel="stylesheet" href="/global.css">
23
<style>
34
.view {
45
border: 1px solid red;
56
height: 1000px;
67
}
78
</style>
8-
<a href="/">Examples index</a>
9+
<a href="/">&larr; Examples index</a>
910
<div id="app"></div>
1011
<script src="/__build__/shared.js"></script>
1112
<script src="/__build__/scroll-behavior.js"></script>

Diff for: ‎examples/transitions/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
<!DOCTYPE html>
2+
<link rel="stylesheet" href="/global.css">
23
<style>
34
.fade-enter-active, .fade-leave-active {
45
transition: opacity .5s ease;
@@ -20,7 +21,7 @@
2021
transform: translate(-30px, 0);
2122
}
2223
</style>
23-
<a href="/">Examples index</a>
24+
<a href="/">&larr; Examples index</a>
2425
<div id="app"></div>
2526
<script src="/__build__/shared.js"></script>
2627
<script src="/__build__/transitions.js"></script>

0 commit comments

Comments
 (0)