2025-10-30 18:00:30 +08:00
|
|
|
|
<template>
|
2025-11-03 09:47:11 +08:00
|
|
|
|
<button class="fab-plus" @click="$emit('click')">＋</button>
|
2025-10-30 18:00:30 +08:00
|
|
|
|
</template>
|
2025-11-03 09:47:11 +08:00
|
|
|
|
<script setup>
|
|
|
|
|
|
defineEmits(['click']);
|
|
|
|
|
|
</script>
|
2025-10-30 18:00:30 +08:00
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
|
.fab-plus {
|
|
|
|
|
|
position: fixed;
|
2025-11-25 16:49:53 +08:00
|
|
|
|
bottom: 240rpx;
|
2025-10-30 18:00:30 +08:00
|
|
|
|
right: 48rpx;
|
|
|
|
|
|
width: 96rpx;
|
|
|
|
|
|
height: 96rpx;
|
|
|
|
|
|
border-radius: 50%;
|
2025-11-25 17:16:59 +08:00
|
|
|
|
background: rgba(40, 133, 255, 0.6);
|
2025-10-30 18:00:30 +08:00
|
|
|
|
color: #fff;
|
|
|
|
|
|
box-shadow: 0 6rpx 32rpx 0 #90c3fa;
|
|
|
|
|
|
font-size: 52rpx;
|
|
|
|
|
|
z-index: 9;
|
|
|
|
|
|
border: none;
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
transition: box-shadow .3s;
|
|
|
|
|
|
}
|
|
|
|
|
|
.fab-plus:active {
|
|
|
|
|
|
box-shadow: 0 2rpx 12rpx 0 #b1d8fc;
|
|
|
|
|
|
background:#0D5ECD;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
