Newer
Older
DH_Apicture / src / components / Screenfull / index.vue
@zhangqy zhangqy on 29 Nov 442 bytes first commit
  1. <template>
  2. <div>
  3. <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
  4. </div>
  5. </template>
  6.  
  7. <script setup>
  8. import { useFullscreen } from '@vueuse/core'
  9.  
  10. const { isFullscreen, enter, exit, toggle } = useFullscreen();
  11. </script>
  12.  
  13. <style lang='scss' scoped>
  14. .screenfull-svg {
  15. display: inline-block;
  16. cursor: pointer;
  17. fill: #5a5e66;
  18. width: 20px;
  19. height: 20px;
  20. vertical-align: 10px;
  21. }
  22. </style>