perf(button): 新增 loading 属性, 支持加载状态

This commit is contained in:
就眠仪式
2021-10-16 23:41:35 +08:00
parent 6c0cb3041a
commit 87168bbb00
5 changed files with 105 additions and 36 deletions

View File

@@ -10,19 +10,31 @@
disabled ? 'layui-btn-disabled' : '',
]"
>
<slot />
<i
v-if="loading"
class="
layui-icon
layui-icon-loading-1
layui-anim
layui-anim-rotate
layui-anim-loop
"
></i>
<slot v-else />
</button>
</template>
<script setup name="LayButton" lang="ts">
import { defineProps } from 'vue'
const props = defineProps<{
type?: string
size?: string
fluid?: boolean
radius?: boolean
border?: string
disabled?: boolean
}>()
const props =
defineProps<{
type?: string
size?: string
fluid?: boolean
radius?: boolean
border?: string
disabled?: boolean
loading?: boolean
}>()
</script>