-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
59 lines (51 loc) · 1.65 KB
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
import store from './store.js'
import homepage from './components/home.js'
import game from './components/game.js'
import modal from './components/modal.js'
import cases from './components/cases.js'
import clients from './components/clients.js'
export default {
name: 'App',
components: {
homepage,
game,
modal,
cases,
clients,
},
setup() {
const {ref} = Vue;
const show_modal = ref(false)
return {show_modal}
},
template: `
<modal v-if='show_modal' @close="show_modal=!show_modal" ></modal>
<div id="sidebar" >
<img src="./imgs/Logo.png" style="width: 150px; float:left"/>
<nav>
<a href="#"><button>Home</button></a>
<a href="#cases"><button>Cases</button></a>
<a href="#clients"><button>Clients</button></a>
<a href="#game"><button>Quiz</button></a>
</nav>
</div>
<div id="content">
<homepage/>
<div style='min-height: 70vh; display: flex; justify-content: center; align-items: center;'>
<div>
<cases/>
</div>
</div>
<div style='min-height: 70vh; display: flex; justify-content: center; align-items: center;'>
<div>
<clients/>
</div>
</div>
<div style='min-height: 90vh; display: flex; justify-content: center; align-items: center;'>
<div style='width:100%'>
<game @openmodal='show_modal=!show_modal'/>
</div>
</div>
</div>
`,
};