wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄全屏按钮替换

Browse Source
This commit is contained in:
不做码农 2023-09-27 21:36:09 +08:00
parent d48866b248
commit 4f8ddaf416
1 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Screenfull/index.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div> <div>
<svg-icon :name="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" /> <svg-icon v-if="isFullscreen" name="exit-fullscreen" @click="toggle" />
<svg-icon v-else name="ele-FullScreen" @click="toggle" />
</div> </div>
</template> </template>
@ -9,14 +10,3 @@ import { useFullscreen } from '@vueuse/core'
const { isFullscreen, enter, exit, toggle } = useFullscreen() const { isFullscreen, enter, exit, toggle } = useFullscreen()
</script> </script>
<style lang="scss" scoped>
.screenfull-svg {
display: inline-block;
cursor: pointer;
fill: #5a5e66;
width: 20px;
height: 20px;
vertical-align: 10px;
}
</style>