OEKZident.de/ovdashboard
2
0
Fork 0
Code Releases 1 Packages Activity

slot -> prop

Browse source
This commit is contained in:
Jörn-Michael Miehe 2022-09-12 13:02:03 +00:00
parent 7f67007a12
commit add9214f6b
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/src/App.vue
View file

@ -1,9 +1,7 @@
<template> <template>
<v-app> <v-app>
<v-main> <v-main>
<TitleBar> <TitleBar :title="title_html" />
<div v-html="title_html" />
</TitleBar>
<HelloWorld /> <HelloWorld />
</v-main> </v-main>
<TickerBar :content="ticker_html" /> <TickerBar :content="ticker_html" />

12
ui/src/components/TitleBar.vue
View file

@ -5,9 +5,10 @@
<THWLogo :above="logo_above" :below="logo_below" /> <THWLogo :above="logo_above" :below="logo_below" />
</div> </div>
<div class="d-flex justify-center text-center mx-auto text-h6 text-md-h5"> <div
<slot> <h1>TITLE</h1> </slot> class="d-flex justify-center text-center mx-auto text-h6 text-md-h5"
</div> v-html="title"
/>
<div class="d-none d-sm-flex justify-end text-right text-no-wrap"> <div class="d-none d-sm-flex justify-end text-right text-no-wrap">
<div class="flex-column"> <div class="flex-column">
@ -46,6 +47,11 @@ export default class TitleBar extends Vue {
default: "OV Musterstadt", default: "OV Musterstadt",
}) })
public logo_below!: string; public logo_below!: string;
@Prop({
default: "TITLE",
})
public title!: string;
} }
</script> </script>