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