Skip to content

Commit 4612aa8

Browse files
lyyourclyyourc
committed
+ ramdon emoji App
1 parent 1c6b099 commit 4612aa8

File tree

8 files changed

+4820
-53
lines changed

8 files changed

+4820
-53
lines changed

Diff for: ‎.babelrc

+5-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
{
22
"presets": [
3-
["latest", {
4-
"es2015": { "modules": false }
3+
["env", {
4+
"modules": false,
5+
"targets": {
6+
"browsers": ["last 2 versions"]
7+
}
58
}]
69
]
710
}

Diff for: ‎index.html

-1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,5 @@
66
</head>
77
<body>
88
<div id="app"></div>
9-
<script src="/dist/build.js"></script>
109
</body>
1110
</html>

Diff for: ‎package.json

+4
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,22 @@
99
"build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
1010
},
1111
"dependencies": {
12+
"axios": "^0.15.3",
1213
"vue": "^2.2.1"
1314
},
1415
"devDependencies": {
1516
"babel-core": "^6.0.0",
1617
"babel-loader": "^6.0.0",
18+
"babel-preset-env": "^1.4.0",
1719
"babel-preset-latest": "^6.0.0",
1820
"cross-env": "^3.0.0",
1921
"css-loader": "^0.25.0",
2022
"file-loader": "^0.9.0",
23+
"html-webpack-plugin": "^2.28.0",
2124
"vue-loader": "^11.1.4",
2225
"vue-template-compiler": "^2.2.1",
2326
"webpack": "^2.2.0",
27+
"webpack-bundle-analyzer": "^2.3.1",
2428
"webpack-dev-server": "^2.2.0"
2529
}
2630
}

Diff for: ‎src/App.vue

+19-46
Original file line numberDiff line numberDiff line change
@@ -1,60 +1,33 @@
11
<template>
2-
<div id="app">
3-
<img src="./assets/logo.png">
4-
<h1></h1>
5-
<h2>Essential Links</h2>
6-
<ul>
7-
<li><a href="https://vuejs.org" target="_blank">Core Docs</a></li>
8-
<li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li>
9-
<li><a href="https://gitter.im/vuejs/vue" target="_blank">Gitter Chat</a></li>
10-
<li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li>
11-
</ul>
12-
<h2>Ecosystem</h2>
13-
<ul>
14-
<li><a href="http://router.vuejs.org/" target="_blank">vue-router</a></li>
15-
<li><a href="http://vuex.vuejs.org/" target="_blank">vuex</a></li>
16-
<li><a href="http://vue-loader.vuejs.org/" target="_blank">vue-loader</a></li>
17-
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li>
18-
</ul>
19-
</div>
2+
<div id="app">
3+
<emoji></emoji>
4+
</div>
205
</template>
216

227
<script>
8+
import Emoji from './pages/Emoji.vue'
9+
2310
export default {
2411
name: 'app',
25-
data () {
26-
return {
27-
msg: 'Welcome to Your Vue.js App'
28-
}
29-
}
12+
components: { Emoji },
3013
}
3114
</script>
3215

3316
<style>
34-
#app {
35-
font-family: 'Avenir', Helvetica, Arial, sans-serif;
36-
-webkit-font-smoothing: antialiased;
37-
-moz-osx-font-smoothing: grayscale;
38-
text-align: center;
39-
color: #2c3e50;
40-
margin-top: 60px;
41-
}
42-
43-
h1, h2 {
44-
font-weight: normal;
45-
}
46-
47-
ul {
48-
list-style-type: none;
49-
padding: 0;
50-
}
51-
52-
li {
53-
display: inline-block;
54-
margin: 0 10px;
17+
html,
18+
body {
19+
height: 100%;
20+
width: 100%;
5521
}
22+
</style>
5623

57-
a {
58-
color: #42b983;
24+
<style scoped>
25+
#app {
26+
height: 100%;
27+
width: 100%;
28+
display: flex;
29+
flex-direction: column;
30+
align-items: center;
31+
justify-content: center;
5932
}
6033
</style>

0 commit comments

Comments
 (0)