hogwarts-ui 官方网站

Appearance

Bannerv2 横幅 ​

基础用法 ​

点击查看示例代码
vue
<template>
  <h-banner-v2 class="w-screen -mt-1 relative left-1/2 -translate-x-1/2" :h_data="h_data"></h-banner-v2>
</template>

<script setup>
const h_data =  {
  component: 'h-banner-v2',
  background: 'https://contest.ceshiren.com/image/%E9%A6%96%E9%A1%B5banner.png'
}
</script>
<template>
  <h-banner-v2 class="w-screen -mt-1 relative left-1/2 -translate-x-1/2" :h_data="h_data"></h-banner-v2>
</template>

<script setup>
const h_data =  {
  component: 'h-banner-v2',
  background: 'https://contest.ceshiren.com/image/%E9%A6%96%E9%A1%B5banner.png'
}
</script>