zero/blossom
1
0
Fork 0
mirror of https://github.com/blossom-editor/blossom synced 2024-11-17 22:48:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

规范化图标显示

Browse Source
This commit is contained in:
xiaozzzi 2023-10-02 20:46:25 +08:00
parent 1642614f47
commit dd88ae2527
1 changed files with 42 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
blossom-editor/src/renderer/src/components/AppHeader.vue
View File

@ -7,12 +7,24 @@
<div class="drag"> <div class="drag">
</div> </div>
<div class="window-workbench"> <div class="window-workbench">
<div class="iconbl bl-a-radiochoose-line" @click="toRoute('/iconListIndex')"></div> <el-tooltip content="显示自带图标" effect="blossomt" placement="top" :show-after="1000" :hide-after="0"
<div class="iconbl bl-folding-line" @click="isShowWebDrawer = !isShowWebDrawer"></div> :auto-close="2000">
<div class="iconbl bl-computer-line" @click="setBestSize"></div> <div class="iconbl bl-a-radiochoose-line" @click="toRoute('/iconListIndex')"></div>
</el-tooltip>
<el-tooltip content="显示网页收藏" effect="blossomt" placement="top" :show-after="1000" :hide-after="0"
:auto-close="2000">
<div class="iconbl bl-folding-line" @click="isShowWebDrawer = !isShowWebDrawer"></div>
</el-tooltip>
<el-tooltip content="最佳窗口大小" effect="blossomt" placement="top" :show-after="1000" :hide-after="0"
:auto-close="2000">
<div class="iconbl bl-computer-line" @click="setBestSize"></div>
</el-tooltip>
<div class="iconbl bl-subtract-line" @click="windowMin"></div> <div class="iconbl bl-subtract-line" @click="windowMin"></div>
<div class="iconbl bl-box-line" @click="windowMax"></div> <div :class="['iconbl', isFullScreen ? 'bl-win-reset' : 'bl-box-line']" @click="windowMax"></div>
<div class="close iconbl bl-a-closeline-line" @click="windowHide"></div> <div class="close iconbl bl-a-closeline-line" @click="windowHide"></div>
</div> </div>
</div> </div>
@ -23,15 +35,37 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { onMounted, onUnmounted, ref } from 'vue'
import { toRoute } from '@renderer/router'
import { useDark } from '@vueuse/core' import { useDark } from '@vueuse/core'
import { openDevTools, windowMin, windowMax, windowHide, setBestSize } from '@renderer/assets/utils/electron' import { openDevTools, windowMin, windowMax, windowHide, setBestSize } from '@renderer/assets/utils/electron'
import WebCollect from './WebCollect.vue' import WebCollect from './WebCollect.vue'
import { toRoute } from '@renderer/router';
const isDark = useDark(); onMounted(() => {
window.addEventListener("resize", handleResize)
})
onUnmounted(() => {
window.removeEventListener('resize', handleResize)
})
/**
* 判断是否全屏
*/
const checkFullScreen = () => {
if (window.outerHeight === screen.availHeight && window.outerWidth === screen.availWidth) {
return true
}
return false
}
const isDark = useDark()
const isShowWebDrawer = ref(false) const isShowWebDrawer = ref(false)
const isFullScreen = ref(checkFullScreen())
const handleResize = () => {
isFullScreen.value = checkFullScreen()
}
</script> </script>