23 lines
734 B
Vue
23 lines
734 B
Vue
<!-- components/ContactFloatingButton.vue -->
|
|
<template>
|
|
<div class="fixed right-6 top-1/2 transform -translate-y-1/2 z-50 flex items-center">
|
|
<UPopover mode="hover">
|
|
<UButton
|
|
|
|
class="bg-primary hover:bg-primary-600 text-white px-4 py-3 rounded-l-lg shadow-lg transition-all duration-300"
|
|
color="neutral" label="联系客服"
|
|
variant="subtle"/>
|
|
<template #content>
|
|
<div class="w-64 overflow-hidden transition-all duration-300 ease-out;">
|
|
<img
|
|
alt="QRCode"
|
|
class="w-full h-auto border-4 border-white rounded-lg shadow-xl"
|
|
src="/img/QRCode.png"
|
|
>
|
|
</div>
|
|
</template>
|
|
</UPopover>
|
|
</div>
|
|
</template>
|
|
|