<!-- 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>

