JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-06-03 14:39:19 +08:00
Code Issues Projects Releases Wiki Activity

feat(editor): zoom 设置为button

Browse Source
This commit is contained in:
roymondchen 2022-03-31 17:05:07 +08:00 committed by khuntoriia
parent fb64e078b9
commit faa6c6d9fe
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/editor/src/components/ToolButton.vue
View File

@ -4,9 +4,9 @@
<div v-else-if="item.type === 'text'" class="menu-item-text">{{ item.text }}</div> <div v-else-if="item.type === 'text'" class="menu-item-text">{{ item.text }}</div>
<template v-else-if="item.type === 'zoom'"> <template v-else-if="item.type === 'zoom'">
<m-icon :icon="ZoomIn" @click="zoomInHandler"></m-icon> <el-button size="small" type="text"><m-icon :icon="ZoomIn" @click="zoomInHandler"></m-icon></el-button>
<span class="menu-item-text" style="margin: 0 5px">{{ parseInt(`${zoom * 100}`, 10) }}%</span> <span class="menu-item-text" style="margin: 0 5px">{{ parseInt(`${zoom * 100}`, 10) }}%</span>
<m-icon :icon="ZoomOut" @click="zoomOutHandler"></m-icon> <el-button size="small" type="text"><m-icon :icon="ZoomOut" @click="zoomOutHandler"></m-icon></el-button>
</template> </template>
<el-tooltip <el-tooltip