[+] Add title to collapse
This commit is contained in:
@@ -1,20 +1,30 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="collapse">
|
<div class="collapse">
|
||||||
<slot></slot>
|
<h3 v-html="displayTitle"></h3>
|
||||||
|
<div class="content">
|
||||||
|
<slot></slot>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import {Options, Vue} from 'vue-class-component';
|
import {Options, Vue} from 'vue-class-component';
|
||||||
|
import {Prop} from "vue-property-decorator";
|
||||||
|
|
||||||
@Options({components: {}})
|
@Options({components: {}})
|
||||||
export default class Collapse extends Vue
|
export default class Collapse extends Vue
|
||||||
{
|
{
|
||||||
|
@Prop() title!: string
|
||||||
|
|
||||||
|
get displayTitle(): string
|
||||||
|
{
|
||||||
|
return decodeURIComponent(this.title)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="sass">
|
<style lang="sass">
|
||||||
.collapse
|
.collapse
|
||||||
display: none
|
.content
|
||||||
|
display: none
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user