github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 样式优化

Browse Source
This commit is contained in:
pipipi-pikachu 2021-02-10 18:13:55 +08:00
parent ea1c37017c
commit 9993936b59
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/Editor/EditorHeader/index.vue
View File

@ -2,7 +2,7 @@
<div class="editor-header"> <div class="editor-header">
<div class="left"> <div class="left">
<Dropdown :trigger="['click']"> <Dropdown :trigger="['click']">
<div class="menu-item"><IconEdit /> 编辑</div> <div class="menu-item"><IconEdit /> <span class="text">编辑</span></div>
<template #overlay> <template #overlay>
<Menu> <Menu>
<MenuItem @click="undo()">撤销</MenuItem> <MenuItem @click="undo()">撤销</MenuItem>
@ -15,7 +15,7 @@
</template> </template>
</Dropdown> </Dropdown>
<Dropdown :trigger="['click']"> <Dropdown :trigger="['click']">
<div class="menu-item"><IconPpt /> 演示</div> <div class="menu-item"><IconPpt /> <span class="text">演示</span></div>
<template #overlay> <template #overlay>
<Menu> <Menu>
<MenuItem @click="enterScreeningFromStart()">从头开始</MenuItem> <MenuItem @click="enterScreeningFromStart()">从头开始</MenuItem>
@ -24,7 +24,7 @@
</template> </template>
</Dropdown> </Dropdown>
<Dropdown :trigger="['click']"> <Dropdown :trigger="['click']">
<div class="menu-item"><IconHelpcenter /> 帮助</div> <div class="menu-item"><IconHelpcenter /> <span class="text">帮助</span></div>
<template #overlay> <template #overlay>
<Menu> <Menu>
<MenuItem @click="openDoc()">开发文档</MenuItem> <MenuItem @click="openDoc()">开发文档</MenuItem>
@ -132,8 +132,16 @@ export default defineComponent({
align-items: center; align-items: center;
} }
.menu-item { .menu-item {
height: 70%;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px; font-size: 13px;
margin: 0 10px; margin: 0 10px;
cursor: pointer; cursor: pointer;
.text {
margin-left: 4px;
}
} }
</style> </style>