Footer

Footer is a fixed area at the bottom of the screen. It’s used to navigate the app.

Layout

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
<template>
<page-footer>
<footer-item>
<span class="icon demo-icon-home"></span>
<label>Home</label>
</footer-item>
<footer-item>
<span class="icon demo-icon-search"></span>
<label>Search</label>
</footer-item>
<footer-item>
<span class="icon demo-icon-noti"></span>
<span class="badge">2</span>
<label>Noti</label>
</footer-item>
<footer-item>
<span class="icon demo-icon-me"></span>
<label>About</label>
</footer-item>
</page-footer>
</template>
<script>
import { Footer, FooterItem } from 'components/footer'
</script>

Note: Footer should come before Content in template