hogwarts-ui 官方网站

Appearance

Footer 底部栏 ​

基础用法 ​

点击查看示例代码
vue
<template>
  <h-footer-v1 :h_data="h_data"></h-footer-v1>
</template>

<script setup>
const h_data = {
  content: [
    {
      image: 'https://ceshiren.com/uploads/default/original/3X/9/9/9951f57a58c3c9602be911ebb8daee8034bcc284.png',
      link: 'https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500'
    },
        {
      image: 'https://ceshiren.com/uploads/default/original/3X/7/6/769c186d94212a791888f477a3d8ea29d9692ba7.png',
      link: 'https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500'
    },
  ]
}
</script>
<template>
  <h-footer-v1 :h_data="h_data"></h-footer-v1>
</template>

<script setup>
const h_data = {
  content: [
    {
      image: 'https://ceshiren.com/uploads/default/original/3X/9/9/9951f57a58c3c9602be911ebb8daee8034bcc284.png',
      link: 'https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500'
    },
        {
      image: 'https://ceshiren.com/uploads/default/original/3X/7/6/769c186d94212a791888f477a3d8ea29d9692ba7.png',
      link: 'https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500'
    },
  ]
}
</script>
点击查看示例代码(yaml)
yaml
content:
  - image: >-
      https://ceshiren.com/uploads/default/original/3X/9/9/9951f57a58c3c9602be911ebb8daee8034bcc284.png
    link: >-
      https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500
  - image: >-
      https://ceshiren.com/uploads/default/original/3X/7/6/769c186d94212a791888f477a3d8ea29d9692ba7.png
    link: >-
      https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500
content:
  - image: >-
      https://ceshiren.com/uploads/default/original/3X/9/9/9951f57a58c3c9602be911ebb8daee8034bcc284.png
    link: >-
      https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500
  - image: >-
      https://ceshiren.com/uploads/default/original/3X/7/6/769c186d94212a791888f477a3d8ea29d9692ba7.png
    link: >-
      https://edu.lagou.com/crmForm/form/0279ee5641134bdd9c792ccdf89d319f?utm_source=pcapp_edu_course_engineer&lgec_type=website&lgec_sign=D65F20B4C7267487F432755C0D45C500