index.vue 495 B

1234567891011121314151617181920212223242526272829
  1. <template>
  2. <div class="exit fun-ctrl" @click="onClick">
  3. <ui-icon type="close" />
  4. </div>
  5. </template>
  6. <script setup lang="ts">
  7. defineProps<{ onClick: () => void }>();
  8. </script>
  9. <style lang="scss" scoped>
  10. .exit {
  11. position: absolute;
  12. top: 20px;
  13. right: 20px;
  14. width: 50px;
  15. height: 50px;
  16. background-color: rgba(0, 0, 0, 0.5);
  17. border-radius: 50%;
  18. display: flex;
  19. align-items: center;
  20. justify-content: center;
  21. z-index: 99999;
  22. .icon {
  23. font-size: 18px;
  24. }
  25. }
  26. </style>