hogwarts-ui 官方网站

Appearance

top-v1 logo图片 ​

  • top是顶部放logo的区域，可以放一到多长logo图片

设置logo图片 ​

  • 设置的图片数量跟content数据有关
点击查看示例代码
vue
<template>
  <h-top-v1 :h_data="h_data1"></h-top-v1>
</template>

<script setup>
const h_data1 = {
  // 组件名称
  component: 'h-top-v1',
  // 样式
  class: '',
  // 图片
  content: [
    'http://dev-poster.ceba.ceshiren.com/static/e14.png',
    'http://dev-poster.ceba.ceshiren.com/static/e15.png',
  ]
}
</script>
<template>
  <h-top-v1 :h_data="h_data1"></h-top-v1>
</template>

<script setup>
const h_data1 = {
  // 组件名称
  component: 'h-top-v1',
  // 样式
  class: '',
  // 图片
  content: [
    'http://dev-poster.ceba.ceshiren.com/static/e14.png',
    'http://dev-poster.ceba.ceshiren.com/static/e15.png',
  ]
}
</script>
点击查看示例代码(yaml)
yaml
component: h-top-v1
content:
  - http://dev-poster.ceba.ceshiren.com/static/e14.png
  - http://dev-poster.ceba.ceshiren.com/static/e15.png
component: h-top-v1
content:
  - http://dev-poster.ceba.ceshiren.com/static/e14.png
  - http://dev-poster.ceba.ceshiren.com/static/e15.png