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-04-11 12:10:23 +08:00
parent 0d9a66e7ab
commit 6141c5a278
2 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/plugins/iconPark.ts
View File

@ -60,8 +60,8 @@ import {
PentagonOne, PentagonOne,
Text, Text,
Rotate, Rotate,
LeftC, LeftTwo,
RightC, RightTwo,
Platte, Platte,
UpOne, UpOne,
DownOne, DownOne,
@ -144,8 +144,8 @@ export default {
// 箭头与符号 // 箭头与符号
app.component('IconDown', Down) app.component('IconDown', Down)
app.component('IconLeftC', LeftC) app.component('IconLeftTwo', LeftTwo)
app.component('IconRightC', RightC) app.component('IconRightTwo', RightTwo)
app.component('IconPlus', Plus) app.component('IconPlus', Plus)
app.component('IconMinus', Minus) app.component('IconMinus', Minus)
app.component('IconCloseSmall', CloseSmall) app.component('IconCloseSmall', CloseSmall)

15
src/views/Screen/index.vue
View File

@ -42,13 +42,13 @@
/> />
<div class="tools"> <div class="tools">
<IconLeftC class="tool-btn" @click="execPrev()" /> <IconLeftTwo class="tool-btn" theme="two-tone" :fill="['#111', '#fff']" @click="execPrev()" />
<IconRightC class="tool-btn" @click="execNext()" /> <IconRightTwo class="tool-btn" theme="two-tone" :fill="['#111', '#fff']" @click="execNext()" />
<Popover trigger="click" v-model:visible="writingBoardToolVisible"> <Popover trigger="click" v-model:visible="writingBoardToolVisible">
<template #content> <template #content>
<WritingBoardTool @close="writingBoardToolVisible = false" /> <WritingBoardTool @close="writingBoardToolVisible = false" />
</template> </template>
<IconWrite class="tool-btn" /> <IconWrite class="tool-btn" theme="two-tone" :fill="['#111', '#fff']" />
</Popover> </Popover>
</div> </div>
@ -421,10 +421,15 @@ export default defineComponent({
right: 8px; right: 8px;
padding: 8px 12px; padding: 8px 12px;
color: #666; color: #666;
background-color: rgba($color: #f2f4f6, $alpha: .7); border: 2px solid #acacac;
box-shadow: 0 2px 12px 0 rgba($color: #333, $alpha: .2); background-color: rgba($color: #fff, $alpha: .6);
border-radius: $borderRadius; border-radius: $borderRadius;
z-index: 10; z-index: 10;
cursor: pointer; cursor: pointer;
&:hover {
border: 2px solid #333;
color: #333;
}
} }
</style> </style>