2021-09-26 22:09:33 +00:00
|
|
|
<template>
|
2021-09-27 03:27:36 +00:00
|
|
|
<button
|
|
|
|
class="layui-btn"
|
2021-09-29 09:22:33 +00:00
|
|
|
:class="[
|
|
|
|
type ? 'layui-btn-' + type : '',
|
|
|
|
size ? 'layui-btn-' + size : '',
|
|
|
|
fluid ? 'layui-btn-fluid' : '',
|
|
|
|
radius ? 'layui-btn-radius' : '',
|
2021-10-10 20:55:37 +00:00
|
|
|
border ? 'layui-border-' + border : '',
|
2021-10-14 08:39:06 +00:00
|
|
|
disabled ? 'layui-btn-disabled' : '',
|
2021-09-29 09:22:33 +00:00
|
|
|
]"
|
2021-09-27 03:27:36 +00:00
|
|
|
>
|
2021-10-12 03:30:07 +00:00
|
|
|
<slot />
|
2021-09-27 03:27:36 +00:00
|
|
|
</button>
|
2021-09-26 22:09:33 +00:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup name="LayButton" lang="ts">
|
2021-09-29 09:22:33 +00:00
|
|
|
import { defineProps } from 'vue'
|
2021-09-26 22:09:33 +00:00
|
|
|
|
2021-10-12 03:30:07 +00:00
|
|
|
const props = defineProps<{
|
|
|
|
type?: string
|
|
|
|
size?: string
|
|
|
|
fluid?: boolean
|
|
|
|
radius?: boolean
|
|
|
|
border?: string
|
2021-10-14 07:33:11 +00:00
|
|
|
disabled?: boolean
|
2021-10-12 03:30:07 +00:00
|
|
|
}>()
|
2021-09-26 22:09:33 +00:00
|
|
|
</script>
|