Add detection page and route

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
This commit is contained in:
2023-11-10 13:05:19 -07:00
parent 9eed19776f
commit fa5c8e9d70
4 changed files with 44 additions and 0 deletions

37
src/pages/detect.vue Normal file
View File

@@ -0,0 +1,37 @@
<template>
<f7-page name="detect">
<!-- Top Navbar -->
<f7-navbar large :sliding="false">
<f7-nav-left>
<f7-link icon-ios="f7:menu" icon-md="material:menu" panel-open="left"></f7-link>
</f7-nav-left>
<f7-nav-title sliding>Region</f7-nav-title>
</f7-navbar>
<!-- Toolbar-->
<f7-toolbar bottom>
<f7-link>Left Link</f7-link>
<f7-link>Right Link</f7-link>
</f7-toolbar>
<f7-block>
<f7-col>
<f7-block>
Image goes here
</f7-block>
<f7-row>
<f7-link>
Region menu
</f7-link>
<f7-link icon="material-icons-outlined" icon-material="visibility" icon-size="48" />
<f7-link icon="material-icons-outlined" icon-material="image" icon-size="48" />
<f7-link icon="material-icons-outlined" icon-material="videocam" icon-size="48" />
</f7-row>
<f7-list>
<f7-list-item>
Results list
</f7-list-item>
</f7-list>
</f7-col>
</f7-block>
</f7-page>
</template>