Skip to content

Commit 9487404

Browse files
committed
增加图片
1 parent 2e35cb6 commit 9487404

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

90 files changed

+130
-94
lines changed

.eslintrc.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ module.exports = {
2424
// allow async-await
2525
'generator-star-spacing': 'off',
2626
// allow debugger during development
27-
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
27+
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
28+
"no-tabs": "off"
2829
}
2930
}

.postcssrc.js

+22-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,27 @@ module.exports = {
55
"postcss-import": {},
66
"postcss-url": {},
77
// to edit target browsers: use "browserslist" field in package.json
8-
"autoprefixer": {}
8+
"postcss-aspect-ratio-mini": {},
9+
"postcss-write-svg": {
10+
utf8: false
11+
},
12+
"postcss-cssnext": {},
13+
"postcss-px-to-viewport": {
14+
viewportWidth: 750,
15+
viewportHeight: 1334,
16+
unitPrecision: 3,
17+
viewportUnit: 'vw',
18+
selectorBlackList: [
19+
'.ignore', '.hairlines'
20+
],
21+
minPixelValue: 1,
22+
mediaQuery: false
23+
},
24+
"postcss-viewport-units":{},
25+
"cssnano": {
26+
preset: "advanced",
27+
autoprefixer: false,
28+
"postcss-zindex": false
29+
}
930
}
1031
}

index.html

+20-9
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,23 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta charset="utf-8">
5-
<meta name="viewport" content="width=device-width,initial-scale=1.0">
6-
<title>weichen</title>
7-
</head>
8-
<body>
9-
<div id="app"></div>
10-
<!-- built files will be auto injected -->
11-
</body>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
7+
<title>weichen</title>
8+
<script src="//g.alicdn.com/fdilab/lib3rd/viewport-units-buggyfill/0.6.2/??viewport-units-buggyfill.hacks.min.js,viewport-units-buggyfill.min.js"></script>
9+
</head>
10+
11+
<body>
12+
<div id="app"></div>
13+
<!-- built files will be auto injected -->
14+
<script>
15+
window.onload = function () {
16+
window.viewportUnitsBuggyfill.init({
17+
hacks: window.viewportUnitsBuggyfillHacks
18+
});
19+
}
20+
</script>
21+
</body>
22+
1223
</html>

package.json

+9
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,12 @@
1111
"build": "node build/build.js"
1212
},
1313
"dependencies": {
14+
"cssnano": "^3.10.0",
15+
"postcss-aspect-ratio-mini": "^0.0.2",
16+
"postcss-cssnext": "^3.1.0",
17+
"postcss-px-to-viewport": "^0.0.3",
18+
"postcss-viewport-units": "^0.1.4",
19+
"postcss-write-svg": "^3.0.1",
1420
"vue": "^2.5.2",
1521
"vue-router": "^3.0.1"
1622
},
@@ -28,6 +34,7 @@
2834
"chalk": "^2.0.1",
2935
"copy-webpack-plugin": "^4.0.1",
3036
"css-loader": "^0.28.0",
37+
"cssnano-preset-advanced": "^4.0.0-rc.2",
3138
"eslint": "^4.15.0",
3239
"eslint-config-standard": "^10.2.1",
3340
"eslint-friendly-formatter": "^3.0.0",
@@ -42,13 +49,15 @@
4249
"friendly-errors-webpack-plugin": "^1.6.1",
4350
"html-webpack-plugin": "^2.30.1",
4451
"node-notifier": "^5.1.2",
52+
"node-sass": "^4.7.2",
4553
"optimize-css-assets-webpack-plugin": "^3.2.0",
4654
"ora": "^1.2.0",
4755
"portfinder": "^1.0.13",
4856
"postcss-import": "^11.0.0",
4957
"postcss-loader": "^2.0.8",
5058
"postcss-url": "^7.2.1",
5159
"rimraf": "^2.6.0",
60+
"sass-loader": "^6.0.7",
5261
"semver": "^5.3.0",
5362
"shelljs": "^0.7.6",
5463
"uglifyjs-webpack-plugin": "^1.1.1",

src/App.vue

+23-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,31 @@
11
<template>
2-
<div id="app">
3-
<router-view/>
4-
</div>
2+
<div id="app">
3+
<transition name="router-fade">
4+
<router-view></router-view>
5+
</transition>
6+
<div class="border"></div>
7+
</div>
58
</template>
69

710
<script>
811
export default {
912
name: 'App'
1013
}
1114
</script>
15+
<style lang="scss">
16+
@import './style/reset';
17+
.router-fade-enter-active, .router-fade-leave-active {
18+
transition: opacity .3s;
19+
}
20+
.router-fade-enter, .router-fade-leave-active {
21+
opacity: 0;
22+
}
23+
.border{
24+
width: 32px;
25+
height: 40px;
26+
background-color: orange;
27+
border-bottom: 1px solid transparent;
28+
margin-bottom: 15px;
29+
border-image: svg(1px-border param(--color #333)) 2 2 stretch;
30+
}
31+
</style>

src/components/HelloWorld.vue

+1-80
Original file line numberDiff line numberDiff line change
@@ -1,85 +1,6 @@
11
<template>
22
<div class="hello">
3-
<h1>{{ msg }}</h1>
4-
<h2>Essential Links</h2>
5-
<ul>
6-
<li>
7-
<a
8-
href="https://vuejs.org"
9-
target="_blank"
10-
>
11-
Core Docs
12-
</a>
13-
</li>
14-
<li>
15-
<a
16-
href="https://forum.vuejs.org"
17-
target="_blank"
18-
>
19-
Forum
20-
</a>
21-
</li>
22-
<li>
23-
<a
24-
href="https://chat.vuejs.org"
25-
target="_blank"
26-
>
27-
Community Chat
28-
</a>
29-
</li>
30-
<li>
31-
<a
32-
href="https://twitter.com/vuejs"
33-
target="_blank"
34-
>
35-
Twitter
36-
</a>
37-
</li>
38-
<br>
39-
<li>
40-
<a
41-
href="http://vuejs-templates.github.io/webpack/"
42-
target="_blank"
43-
>
44-
Docs for This Template
45-
</a>
46-
</li>
47-
</ul>
48-
<h2>Ecosystem</h2>
49-
<ul>
50-
<li>
51-
<a
52-
href="http://router.vuejs.org/"
53-
target="_blank"
54-
>
55-
vue-router
56-
</a>
57-
</li>
58-
<li>
59-
<a
60-
href="http://vuex.vuejs.org/"
61-
target="_blank"
62-
>
63-
vuex
64-
</a>
65-
</li>
66-
<li>
67-
<a
68-
href="http://vue-loader.vuejs.org/"
69-
target="_blank"
70-
>
71-
vue-loader
72-
</a>
73-
</li>
74-
<li>
75-
<a
76-
href="https://github.com/vuejs/awesome-vue"
77-
target="_blank"
78-
>
79-
awesome-vue
80-
</a>
81-
</li>
82-
</ul>
3+
834
</div>
845
</template>
856

src/images/add.png

4 KB

src/images/add1.png

2.04 KB

src/images/background.png

11.1 KB

src/images/book.png

2.37 KB

src/images/center1.png

3.01 KB

src/images/center2.png

3.28 KB

src/images/center3.png

3.96 KB

src/images/center4.png

3.04 KB

src/images/close.png

1.32 KB

src/images/close_03.png

3.52 KB

src/images/dili.png

5.75 KB

src/images/dui.png

1.4 KB

src/images/fanhui_03.png

2.27 KB

src/images/huaxue.png

4.35 KB

src/images/jiantou.png

1.59 KB

src/images/jieda.png

2.57 KB

src/images/left.png

1.13 KB

src/images/lishi.png

5.57 KB

src/images/login1.png

5.41 KB

src/images/login2.png

5.16 KB

src/images/login3.png

3.99 KB

src/images/message.png

1.4 KB

src/images/msg.png

1.84 KB

src/images/nav1.png

1.72 KB

src/images/nav11.png

2 KB

src/images/nav2.png

4.26 KB

src/images/nav22.png

40.6 KB

src/images/nav3.png

1.58 KB

src/images/nav33.png

1.58 KB

src/images/nav4.png

2.44 KB

src/images/nav_icon.png

13.5 KB

src/images/nv.png

1.83 KB

src/images/one.png

2.6 KB

src/images/open.png

39.7 KB

src/images/open1.png

2.28 KB

src/images/opening_bg.png

78.2 KB

src/images/opening_text.png

12.3 KB

src/images/primary_1.jpg

251 KB

src/images/primary_2.jpg

107 KB

src/images/primary_3.jpg

138 KB

src/images/qita.png

5.86 KB

src/images/read.png

2.24 KB

src/images/reg.png

78.7 KB

src/images/right.png

1.15 KB

src/images/search.png

3.33 KB

src/images/serach_course.png

2.98 KB

src/images/series_1.png

41.8 KB

src/images/series_2.png

36.6 KB

src/images/shengwu.png

4.94 KB

src/images/shoucang.png

2.67 KB

src/images/shuxue.png

3.18 KB

src/images/skip.png

1.33 KB

src/images/smile.png

4.24 KB

src/images/teacher.png

1.59 KB

src/images/top_msg.png

3.47 KB

src/images/touxiang.png

101 KB

src/images/two.png

2.75 KB

src/images/wuli.png

6.44 KB

src/images/xiaoicon.png

101 KB

src/images/yingyu.png

3.13 KB

src/images/yuwen.png

5.1 KB

src/images/yuyin.png

4.68 KB

src/images/zhangdan.png

3.66 KB

src/images/zhengzhi.png

4.57 KB

src/images/zhitiao01.png

5.07 KB

src/images/zhitiao02.png

5.72 KB

src/images/zhitiao03.png

14.5 KB

src/images/zhitiao04.png

16.5 KB

src/images/zhitiao05.png

5.64 KB

src/images/zhitiao06.png

9.56 KB

src/images/zhitiao07.png

16.8 KB

src/images/zhitiao08.png

14.6 KB

src/images/zhitiao1.png

6.27 KB

src/images/zhitiao2.png

4.55 KB

src/images/zhitiao3.png

6.18 KB

src/images/zhuce1.png

2.93 KB

src/images/zhuce2.png

3.28 KB

src/images/zhuce3.png

2.25 KB

src/store/action.js

Whitespace-only changes.

src/store/getters.js

Whitespace-only changes.

src/store/index.js

Whitespace-only changes.

src/store/mutations.js

Whitespace-only changes.

src/store/types.js

Whitespace-only changes.

src/style/reset.scss

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption, {
2+
padding: 0;
3+
margin: 0;
4+
list-style: none;
5+
font-style: normal;
6+
text-decoration: none;
7+
border: none;
8+
color: #333;
9+
font-weight: normal;
10+
font-family: "Microsoft Yahei";
11+
box-sizing: border-box;
12+
-webkit-tap-highlight-color:transparent;
13+
-webkit-font-smoothing: antialiased;
14+
&:hover{
15+
outline: none;
16+
}
17+
}
18+
input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
19+
-webkit-appearance: none;
20+
}
21+
html {
22+
margin: 0;
23+
padding: 0;
24+
height: 100vh;
25+
box-sizing: border-box;
26+
}
27+
body {
28+
margin: 0;
29+
padding: 0;
30+
min-height: 100vh;
31+
}
32+
* {
33+
box-sizing: inherit;
34+
35+
&:before,
36+
&:after {
37+
box-sizing: inherit;
38+
}
39+
}
40+
img {
41+
width: 100%;
42+
height: auto;
43+
vertical-align: top;
44+
content: normal !important;
45+
}
46+
@svg 1px-border {
47+
height: 2px;
48+
@rect {
49+
fill: var(--color, black);
50+
width: 100%;
51+
height: 50%;
52+
}
53+
}

0 commit comments

Comments
 (0)