hogwarts-ui 官方网站

Appearance

Card-v3 删除卡片 ​

基础用法-404页面 ​

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

<script setup>
const h_data = {
  component: 'h-card-v3',
  header: '确定要删除数据？删除之后将无法恢复!',
  action:[
    {
      name: '取消',
      class: 'bg-green-500',
      link: 'https://www.baidu.com/',
    },
    {
      name: '确定',
      class: 'bg-red-500',
      link: 'https://www.baidu.com/',
    },
    {
      name: '返回',
      class: 'bg-blue-500',
      link: 'https://www.baidu.com/',
    }
  ],
}
</script>
<template>
  <h-card-v3 :h_data="h_data"></h-card-v3>
</template>

<script setup>
const h_data = {
  component: 'h-card-v3',
  header: '确定要删除数据？删除之后将无法恢复!',
  action:[
    {
      name: '取消',
      class: 'bg-green-500',
      link: 'https://www.baidu.com/',
    },
    {
      name: '确定',
      class: 'bg-red-500',
      link: 'https://www.baidu.com/',
    },
    {
      name: '返回',
      class: 'bg-blue-500',
      link: 'https://www.baidu.com/',
    }
  ],
}
</script>