index.vue 714 B

12345678910111213141516171819202122
  1. <template>
  2. <ContentWrap class="w-300px mb-[0!important] line-height-24px">
  3. <el-image :src="currentSong.imageUrl"/>
  4. <div class="">{{ currentSong.title }}</div>
  5. <div class="text-[var(--el-text-color-secondary)] text-12px line-clamp-1">
  6. {{ currentSong.desc }}
  7. </div>
  8. <div class="text-[var(--el-text-color-secondary)] text-12px">
  9. {{ currentSong.date }}
  10. </div>
  11. <el-button size="small" round class="my-6px">信息复用</el-button>
  12. <div class="text-[var(--el-text-color-secondary)] text-12px" v-html="currentSong.lyric"></div>
  13. </ContentWrap>
  14. </template>
  15. <script lang="ts" setup>
  16. defineOptions({ name: 'Index' })
  17. const currentSong = inject('currentSong', {})
  18. </script>