Buttons 按钮组
基础用法
点击查看示例代码
vue
<template>
<h-buttons-v1 :h_data="h_data"></h-buttons-v1>
<h-buttons-v1 :h_data="h_data" col></h-buttons-v1>
</template>
<script setup>
const h_data = [
{ name: '查看详情', icon: 'fa fa-info', link: 'https://www.baidu.com' },
{ name: '查看详情', icon: 'fa fa-user', link: 'https://www.baidu.com' },
{ name: '查看详情', link: 'https://www.baidu.com' },
{ name: '修改', icon: 'fa fa-close', link: 'https://www.baidu.com' },
{ name: '修改', link: 'https://www.baidu.com' },
{ name: '修改', link: 'https://www.baidu.com' },
{ name: '修改', link: 'https://www.baidu.com' },
{ name: '修改', link: 'https://www.baidu.com' },
{ name: '修改', link: 'https://www.baidu.com' },
{ name: '修改', link: 'https://www.baidu.com' }
]
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18