You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
587 B
36 lines
587 B
<template> |
|
<button :type="type" :plain="plain" :class="`button ${type}`">{{ label }}</button> |
|
</template> |
|
|
|
<script setup> |
|
import { defineProps } from 'vue' |
|
|
|
defineProps({ |
|
label: { |
|
type: String, |
|
default: '' |
|
}, |
|
type: { |
|
type: String, |
|
default: '' |
|
}, |
|
plain: { |
|
type: Boolean, |
|
default: true |
|
} |
|
}) |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.button { |
|
font-size: 26rpx; |
|
border-radius: 4rpx; |
|
padding-left: 24rpx; |
|
padding-right: 24rpx; |
|
&.danger { |
|
background-color: var(--danger-color); |
|
border-color: var(--danger-color); |
|
color: #fff; |
|
} |
|
} |
|
</style> |