footer always on bottom
This commit is contained in:
parent
b12c79fa21
commit
c29caf01c8
3 changed files with 37 additions and 18 deletions
37
src/App.vue
37
src/App.vue
|
|
@ -8,29 +8,32 @@ import Footer from '@/components/Footer/Footer.vue'
|
|||
<n-message-provider>
|
||||
<n-dialog-provider>
|
||||
<n-notification-provider>
|
||||
<NavBar />
|
||||
<div class="app-layout">
|
||||
<NavBar />
|
||||
<div class="main-content">
|
||||
<n-grid
|
||||
responsive="screen"
|
||||
item-responsive
|
||||
cols="24"
|
||||
:x-gap="16"
|
||||
:y-gap="16"
|
||||
class="shift"
|
||||
>
|
||||
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
|
||||
|
||||
<n-grid
|
||||
responsive="screen"
|
||||
item-responsive
|
||||
cols="24"
|
||||
:x-gap="16"
|
||||
:y-gap="16"
|
||||
class="shift"
|
||||
>
|
||||
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
|
||||
<n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
|
||||
<router-view />
|
||||
</n-gi>
|
||||
|
||||
<n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
|
||||
<router-view />
|
||||
</n-gi>
|
||||
|
||||
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
|
||||
</n-grid>
|
||||
<n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
|
||||
</n-grid>
|
||||
</div>
|
||||
<Footer />
|
||||
</div>
|
||||
</n-notification-provider>
|
||||
</n-dialog-provider>
|
||||
</n-message-provider>
|
||||
</n-config-provider>
|
||||
<Footer />
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue