File tree Expand file tree Collapse file tree 2 files changed +18
-1
lines changed Expand file tree Collapse file tree 2 files changed +18
-1
lines changed Original file line number Diff line number Diff line change 8
8
}
9
9
10
10
.App-header {
11
+ <% if (appStyle = = = 'Vue' ) { %>
12
+ background- color : # FFF ;
13
+ color : # 2c3e50;
14
+ <% } else { %>
11
15
background- color : # 282c34;
16
+ color : white;
17
+ <% } %>
12
18
min- height: 100vh;
13
19
dis play: flex;
14
20
flex- direction: column;
15
21
align- items: center;
16
22
justify- content: center;
17
23
font- size: calc(10px + 2vmin);
18
- color : white;
19
24
}
20
25
21
26
.App-link {
27
+ <% if (appStyle = = = 'Vue' ) { %>
28
+ color : # 3eaf7c;
29
+ <% } else { %>
22
30
color : # 61dafb;
31
+ <% } %>
23
32
}
24
33
25
34
@keyframes App-logo-spin {
Original file line number Diff line number Diff line change 1
1
import React , { Component } from 'react' ;
2
+ < % if ( appStyle === 'Vue' ) { % >
3
+ import logo from './assets/logo.png' ;
4
+ < % } else { % >
2
5
import logo from './logo.svg' ;
6
+ < % } % >
3
7
import './App.css' ;
4
8
5
9
class App extends Component {
@@ -17,7 +21,11 @@ class App extends Component {
17
21
target = "_blank"
18
22
rel = "noopener noreferrer"
19
23
>
24
+ < % if ( appStyle = == 'Vue ') { % >
25
+ I love Vue!
26
+ < % } else { % >
20
27
Learn React
28
+ < % } %>
21
29
</ a >
22
30
</ header >
23
31
</ div >
You can’t perform that action at this time.
0 commit comments