mirror of
https://github.com/koel/koel
synced 2024-12-21 10:03:10 +00:00
20 lines
400 B
Vue
20 lines
400 B
Vue
|
<template>
|
||
|
|
<article>
|
||
|
|
<div :class="showingFull ? 'line-clamp-none' : 'line-clamp-[10]'">
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<Btn v-if="!showingFull" small class="mt-4" @click.prevent="showingFull = true">
|
||
|
|
Read More
|
||
|
|
</Btn>
|
||
|
|
</article>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { ref } from 'vue'
|
||
|
|
|
||
|
|
import Btn from '@/components/ui/form/Btn.vue'
|
||
|
|
|
||
|
|
const showingFull = ref(false)
|
||
|
|
</script>
|