2 files changed +117
-2
lines changed Original file line number Diff line number Diff line change 1
1
.DS_Store
2
2
node_modules
3
3
bower_components
4
- dist
4
+ src
5
5
npm-debug.log
6
- index.html
6
+ .bowerrc
7
+ app.js
8
+ app.vue
9
+ bower.json
10
+ index.template.html
11
+ package.json
12
+ webpack.config.js
13
+ webpack.dev.js
Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html lang ="zh-CN ">
3
+ < head >
4
+ < meta charset ="utf-8 ">
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no ">
6
+ < link href ="http://tigerb.github.io/easy-vue/dist/app.47d7bf7b4c18531f1323.css " rel ="stylesheet ">
7
+ < style media ="screen ">
8
+ .pc-show {
9
+ width : 1000px ;
10
+ height : 760px ;
11
+ margin : auto;
12
+ position : absolute;
13
+ top : 0 ;
14
+ left : 0 ;
15
+ bottom : 0 ;
16
+ right : 0 ;
17
+ }
18
+
19
+ .pc-slogan {
20
+ width : 650px ;
21
+ display : block;
22
+ float : left;
23
+ }
24
+
25
+ .pc-slogan p {
26
+ text-align : center;
27
+ padding-top : 280px ;
28
+ color : # 1abc9c ;
29
+ font-size : 39px ;
30
+ font-family : monospace;
31
+ }
32
+
33
+ .pc-slogan h6 {
34
+ text-align : center;
35
+ padding-top : 15px ;
36
+ color : # bbb ;
37
+ font-size : 20px ;
38
+ font-weight : lighter;
39
+ }
40
+ .pc-github {
41
+ width : 190px ;
42
+ margin : 50px auto;
43
+ }
44
+ .pc-github iframe {
45
+ width : 90px ;
46
+ }
47
+
48
+ .pc-phone {
49
+ min-width : 350px ;
50
+ display : inline-block;
51
+ width : 350px ;
52
+ height : 760px ;
53
+ background : url ('https://raw.githubusercontent.com/TIGERB/easy-vue/gh-pages/phone.png' ) no-repeat;
54
+ background-size : cover;
55
+ }
56
+
57
+ .pc-phone iframe {
58
+ width : 326px ;
59
+ height : 560px ;
60
+ margin : 100px 12px ;
61
+ }
62
+ </ style >
63
+ < script >
64
+ var _hmt = _hmt || [ ] ;
65
+ ( function ( ) {
66
+ var hm = document . createElement ( "script" ) ;
67
+ hm . src = "https://hm.baidu.com/hm.js?e08c44649498e1704a0c238d55523c5f" ;
68
+ var s = document . getElementsByTagName ( "script" ) [ 0 ] ;
69
+ s . parentNode . insertBefore ( hm , s ) ;
70
+ } ) ( ) ;
71
+ </ script >
72
+ </ head >
73
+
74
+ < body >
75
+ <!-- pc -->
76
+ < div id ="pc " class ="pc-show ">
77
+ < div class ="pc-slogan ">
78
+ < p >
79
+ Learn Vue Easy
80
+ </ p >
81
+ < h6 >
82
+ a easy example using the vue to implement easy web
83
+ </ h6 >
84
+ < div class ="pc-github ">
85
+ < iframe src ="https://ghbtns.com/github-btn.html?user=tigerb&repo=easy-vue&type=star&count=true " frameborder ="0 " scrolling ="0 " width ="110px " height ="20px "> </ iframe >
86
+ < iframe src ="https://ghbtns.com/github-btn.html?user=tigerb&repo=easy-vue&type=fork&count=true " frameborder ="0 " scrolling ="0 " width ="110px " height ="20px "> </ iframe >
87
+ </ div >
88
+ </ div >
89
+ < div class ="pc-phone ">
90
+ < iframe src ="http://tigerb.github.io/easy-vue/index.make.html " frameborder ="0 "> </ iframe >
91
+ </ div >
92
+ </ div >
93
+ <!-- mobile -->
94
+ < div id ="mobile ">
95
+ < div id ='app '> </ div >
96
+ </ div >
97
+ < script type ="text/javascript " src ="http://tigerb.github.io/easy-vue/dist/app.47d7bf7b4c18531f1323.js "> </ script >
98
+ </ body >
99
+ < script type ="text/javascript ">
100
+ var width = window . screen . width ;
101
+ if ( width >= 900 ) {
102
+ var mobile = document . getElementById ( 'mobile' ) ;
103
+ mobile . removeChild ( mobile . childNodes [ 1 ] ) ;
104
+ }
105
+ </ script >
106
+ </ body >
107
+
108
+ </ html >
0 commit comments