同步代码
This commit is contained in:
37
components/Button/Button.vue
Normal file
37
components/Button/Button.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<!--
|
||||
组件功能: 对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>
|
||||
Reference in New Issue
Block a user