pages-and-component.md 1018 Bytes
Newer Older
Gicquel's avatar
Gicquel committed
1
# Pages and sub-component
Gicquel's avatar
Gicquel committed
2

Gicquel's avatar
Gicquel committed
3
## Pages in Albiziapp 
4

Gicquel's avatar
Gicquel committed
5
6
Since Albiziapp aims to mimic mobile look and feels, it is structured using the "page pattern". 

Gicquel's avatar
Gicquel committed
7
Think of a page as **a specific screen of a mobile app**. Pages are practical for **performing fast, focused interactions**. They usually have only one purpose, and they take all the screen. 
Gicquel's avatar
Gicquel committed
8

9
10
11
12
13
14
![A page for entering record](../../.gitbook/assets/image%20%288%29.png)

{% hint style="info" %}
It's a best practice to keep pages focused on only one task
{% endhint %}

Gicquel's avatar
Gicquel committed
15
###  The v-ons-page component
16

Gicquel's avatar
Gicquel committed
17
Pages are defined by the [https://onsen.io/v2/api/vue/v-ons-page.html](https://onsen.io/v2/api/vue/v-ons-page.html)
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

```
$ give me super-powers
```

{% hint style="info" %}
 Super-powers are granted randomly so please submit an issue if you're not happy with yours.
{% endhint %}

Once you're strong enough, save the world:

{% code title="hello.sh" %}
```bash
# Ain't no code for that yet, sorry
echo 'You got to trust me on this, I saved the world'
```
{% endcode %}