37 lines
640 B
Vue
37 lines
640 B
Vue
<!--
|
||
组件功能： 对button的封装
|
||
@author terrfly
|
||
@site https://www.jeequan.com
|
||
@date 2022/12/05 14:39
|
||
-->
|
||
|
||
<template>
|
||
<button class="jeepay-btn" hover-class="jeepay-hover-button">
|
||
<slot />
|
||
</button>
|
||
</template>
|
||
|
||
<script setup>
|
||
|
||
const props = defineProps({
|
||
})
|
||
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.jeepay-btn {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: 110rpx;
|
||
font-size: 33rpx;
|
||
font-weight: 500;
|
||
color: $J-color-tff;
|
||
border-radius: 20rpx;
|
||
background: $jeepay-bg-primary;
|
||
box-shadow: 0 20rpx 60rpx -20rpx rgba(0,84,210,0.5);
|
||
&.jeepay-hover-button {
|
||
opacity: 0.5;
|
||
}
|
||
}
|
||
</style> |