crude calendar component
This commit is contained in:
parent
b60fe96de2
commit
f59ec0dcbc
2 changed files with 31 additions and 1 deletions
|
@ -6,7 +6,9 @@
|
||||||
:logo_below="logo_below"
|
:logo_below="logo_below"
|
||||||
:title="title_html"
|
:title="title_html"
|
||||||
/>
|
/>
|
||||||
<Dashboard :message="message_html" />
|
<Dashboard :message="message_html">
|
||||||
|
<Calendar />
|
||||||
|
</Dashboard>
|
||||||
</v-main>
|
</v-main>
|
||||||
<TickerBar
|
<TickerBar
|
||||||
v-if="ticker_html !== ''"
|
v-if="ticker_html !== ''"
|
||||||
|
@ -18,12 +20,14 @@
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { Component, Vue } from "vue-property-decorator";
|
import { Component, Vue } from "vue-property-decorator";
|
||||||
|
import Calendar from "./components/Calendar.vue";
|
||||||
import Dashboard from "./components/Dashboard.vue";
|
import Dashboard from "./components/Dashboard.vue";
|
||||||
import TitleBar from "./components/TitleBar.vue";
|
import TitleBar from "./components/TitleBar.vue";
|
||||||
import TickerBar from "./components/TickerBar.vue";
|
import TickerBar from "./components/TickerBar.vue";
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
components: {
|
components: {
|
||||||
|
Calendar,
|
||||||
Dashboard,
|
Dashboard,
|
||||||
TitleBar,
|
TitleBar,
|
||||||
TickerBar,
|
TickerBar,
|
||||||
|
|
26
ui/src/components/Calendar.vue
Normal file
26
ui/src/components/Calendar.vue
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
<template>
|
||||||
|
<v-list three-line>
|
||||||
|
<v-list-item>
|
||||||
|
<h1>11.</h1>
|
||||||
|
<h2>06.</h2>
|
||||||
|
<v-list-item-content>
|
||||||
|
<v-list-item-title> Lorem Ipsum </v-list-item-title>
|
||||||
|
<v-list-item-subtitle>
|
||||||
|
Aut doloremque eos cum nam ducimus quidem consequuntur. Sed aut ut et
|
||||||
|
sint. Rem et ut enim. Voluptates ratione sed asperiores dignissimos
|
||||||
|
accusamus.
|
||||||
|
</v-list-item-subtitle>
|
||||||
|
</v-list-item-content>
|
||||||
|
</v-list-item>
|
||||||
|
</v-list>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script lang="ts">
|
||||||
|
import { Component, Vue } from "vue-property-decorator";
|
||||||
|
|
||||||
|
@Component
|
||||||
|
export default class Calendar extends Vue {}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
</style>
|
Loading…
Reference in a new issue