File tree 3 files changed +9
-15
lines changed
3 files changed +9
-15
lines changed Original file line number Diff line number Diff line change 1
- html , body , # editor {
1
+ html , body , # editor {
2
2
margin : 0 ;
3
3
height : 100% ;
4
- font-family : " Helvetica Neue" , Arial, sans-serif;
4
+ font-family : ' Helvetica Neue' , Arial, sans-serif;
5
5
color : # 333 ;
6
6
}
7
7
8
- textarea , # editor div {
8
+ textarea , # editor div {
9
9
display : inline-block;
10
10
width : 49% ;
11
11
height : 100% ;
@@ -16,21 +16,17 @@ textarea, #editor div{
16
16
padding : 0 20px ;
17
17
}
18
18
19
- textarea {
19
+ textarea {
20
20
border : none;
21
21
border-right : 1px solid # ccc ;
22
22
resize : none;
23
23
outline : none;
24
24
background-color : # f6f6f6 ;
25
25
font-size : 14px ;
26
- font-family : 'Monaco' , Courier , monospace;
26
+ font-family : 'Monaco' , courier , monospace;
27
27
padding : 20px ;
28
28
}
29
29
30
- code {
30
+ code {
31
31
color : # f66 ;
32
- }
33
-
34
- # editor div {
35
- background-color : # 00d4b4 ;
36
32
}
Original file line number Diff line number Diff line change 3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
5
< title > vuejs练习</ title >
6
-
6
+ < link rel =" stylesheet " type =" text/css " href =" index.css " >
7
7
</ head >
8
8
< body >
9
9
< div id ="editor ">
10
10
< textarea v-model ="input " debounce ="300 "> </ textarea >
11
11
< div v-html ="input | marked "> </ div >
12
12
</ div >
13
-
14
- < script src ='http://cdn.jsdelivr.net/vue/1.0.26/vue.min.js '> </ script >
13
+ < script src ='../vue.min.js '> </ script >
15
14
< script src ="index.js "> </ script >
16
- < link type ="text/css " href ="index.css ">
17
15
</ body >
18
16
</ html >
Original file line number Diff line number Diff line change @@ -4,6 +4,6 @@ new Vue({
4
4
input : '# hello'
5
5
} ,
6
6
filters : {
7
- marked : marked
7
+ // marked: marked
8
8
}
9
9
} )
You can’t perform that action at this time.
0 commit comments