buhuazhen
2026-03-27 f3f9531d797c3331ca366e0b7a5d9c6e93c10a8c
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<template>
  <div>
    <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
  </div>
</template>
 
<script setup>
import { useFullscreen } from '@vueuse/core'
 
const { isFullscreen, enter, exit, toggle } = useFullscreen()
</script>
 
<style lang='scss' scoped>
.screenfull-svg {
  display: inline-block;
  cursor: pointer;
  fill: #5a5e66;
  width: 20px;
  height: 20px;
  vertical-align: 10px;
}
</style>