hogwarts-ui 官方网站

Appearance

Image 图片v3 ​

基础用法 ​

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

<script setup>
const h_data = {
  content: {
      image1: {
        src: 'https://ceshiren.com/uploads/default/original/3X/4/d/4d3b8204803034fe7293fcd7b1b3473c759827c8.png',
        title: '我是图片1'
      },
      icon: 'fa fa-arrow-right',
      header: '图片对比',
      image2: {
        src: 'https://ceshiren.com/uploads/default/original/3X/4/d/4d3b8204803034fe7293fcd7b1b3473c759827c8.png',
        title: '我是图片2'
      },
    }
}
</script>
<template>
  <h-image-v3 :h_data="h_data"></h-image-v3>
</template>

<script setup>
const h_data = {
  content: {
      image1: {
        src: 'https://ceshiren.com/uploads/default/original/3X/4/d/4d3b8204803034fe7293fcd7b1b3473c759827c8.png',
        title: '我是图片1'
      },
      icon: 'fa fa-arrow-right',
      header: '图片对比',
      image2: {
        src: 'https://ceshiren.com/uploads/default/original/3X/4/d/4d3b8204803034fe7293fcd7b1b3473c759827c8.png',
        title: '我是图片2'
      },
    }
}
</script>