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

build: 样式优化，重新打包

Browse Source
This commit is contained in:
pipipi-pikachu 2021-04-14 22:30:37 +08:00
parent 1293e6cc84
commit c5b65988ea
17 changed files with 162 additions and 139 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dist/css/app.24092851.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/css/app.abb643bc.css vendored
View File

File diff suppressed because one or more lines are too long

7
dist/css/chunk-vendors.9281d9df.css vendored
View File

File diff suppressed because one or more lines are too long

7
dist/css/chunk-vendors.dbf85e2c.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@ -1 +1 @@
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="renderer" content="webkit"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>PPTIST - 在线演示文稿</title><link href="css/app.abb643bc.css" rel="preload" as="style"><link href="css/chunk-vendors.9281d9df.css" rel="preload" as="style"><link href="js/app.42e95de6.js" rel="preload" as="script"><link href="js/chunk-vendors.cdb8e65d.js" rel="preload" as="script"><link href="css/chunk-vendors.9281d9df.css" rel="stylesheet"><link href="css/app.abb643bc.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but pptist doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>document.oncontextmenu = e => e.preventDefault()</script><script src="js/chunk-vendors.cdb8e65d.js"></script><script src="js/app.42e95de6.js"></script></body></html>
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="renderer" content="webkit"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>PPTIST - 在线演示文稿</title><link href="css/app.24092851.css" rel="preload" as="style"><link href="css/chunk-vendors.dbf85e2c.css" rel="preload" as="style"><link href="js/app.5cfeacff.js" rel="preload" as="script"><link href="js/chunk-vendors.90c7b462.js" rel="preload" as="script"><link href="css/chunk-vendors.dbf85e2c.css" rel="stylesheet"><link href="css/app.24092851.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but pptist doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script>document.oncontextmenu = e => e.preventDefault()</script><script src="js/chunk-vendors.90c7b462.js"></script><script src="js/app.5cfeacff.js"></script></body></html>

2
dist/js/app.42e95de6.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/js/app.42e95de6.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/app.5cfeacff.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
dist/js/app.5cfeacff.js.map vendored Normal file
View File

File diff suppressed because one or more lines are too long

198
dist/js/chunk-vendors.cdb8e65d.js → dist/js/chunk-vendors.90c7b462.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/js/chunk-vendors.cdb8e65d.js.map → dist/js/chunk-vendors.90c7b462.js.map vendored
View File

File diff suppressed because one or more lines are too long

8
src/plugins/iconPark.ts
View File

@ -69,6 +69,7 @@ import {
Platte,
UpOne,
DownOne,
Close,
CloseSmall,
Undo,
Transform,
@ -76,6 +77,9 @@ import {
Theme,
ArrowCircleLeft,
GraphicDesign,
Logout,
Erase,
Clear,
} from '@icon-park/vue-next'
export default {
@ -154,6 +158,7 @@ export default {
app.component('IconRightTwo', RightTwo)
app.component('IconPlus', Plus)
app.component('IconMinus', Minus)
app.component('IconClose', Close)
app.component('IconCloseSmall', CloseSmall)
// 图表
@ -171,6 +176,7 @@ export default {
app.component('IconHelpcenter', Helpcenter)
app.component('IconGithub', Github)
app.component('IconWrite', Write)
app.component('IconErase', Erase)
app.component('IconEffects', Effects)
app.component('IconRotate', Rotate)
app.component('IconEdit', Edit)
@ -179,5 +185,7 @@ export default {
app.component('IconClick', Click)
app.component('IconTheme', Theme)
app.component('IconArrowCircleLeft', ArrowCircleLeft)
app.component('IconLogout', Logout)
app.component('IconClear', Clear)
}
}

4
src/views/Editor/CanvasTool/index.vue
View File

@ -186,6 +186,7 @@ export default defineComponent({
}
.handler-item {
margin: 0 10px;
font-size: 14px;
cursor: pointer;
&.disable {
@ -202,8 +203,7 @@ export default defineComponent({
}
.viewport-size {
font-size: 12px;
margin-top: -1px;
font-size: 13px;
}
}
</style>

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

@ -142,7 +142,7 @@ export default defineComponent({
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
font-size: 14px;
padding: 0 10px;
transition: background-color .2s;
cursor: pointer;

7
src/views/Editor/Thumbnails/index.vue
View File

@ -5,7 +5,7 @@
v-click-outside="() => setThumbnailsFocus(false)"
v-contextmenu="contextmenusThumbnails"
>
<div class="add-slide" @click="createSlide()"><IconPlus /> 添加幻灯片</div>
<div class="add-slide" @click="createSlide()"><IconPlus class="icon" />添加幻灯片</div>
<Draggable
class="thumbnail-list"
:modelValue="slides"
@ -255,6 +255,11 @@ export default defineComponent({
flex-shrink: 0;
border-bottom: 1px solid $borderColor;
cursor: pointer;
.icon {
margin-right: 3px;
font-size: 14px;
}
}
.thumbnail-list {
padding: 5px 0;

48
src/views/Screen/WritingBoardTool.vue
View File

@ -9,9 +9,15 @@
</teleport>
<div class="tools">
<div class="btn" :class="{ 'active': writingBoardModel === 'pen' }" @click="changePen()">画笔</div>
<div class="btn" :class="{ 'active': writingBoardModel === 'eraser' }" @click="changeEraser()">橡皮</div>
<div class="btn" @click="clearCanvas()">清除墨迹</div>
<Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.3" title="画笔">
<div class="btn" :class="{ 'active': writingBoardModel === 'pen' }" @click="changePen()"><IconWrite class="icon" /></div>
</Tooltip>
<Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.3" title="橡皮擦">
<div class="btn" :class="{ 'active': writingBoardModel === 'eraser' }" @click="changeEraser()"><IconErase class="icon" /></div>
</Tooltip>
<Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.3" title="清除墨迹">
<div class="btn" @click="clearCanvas()"><IconClear class="icon" /></div>
</Tooltip>
<div class="colors">
<div
class="color"
@ -22,7 +28,9 @@
@click="changeColor(color)"
></div>
</div>
<div class="btn" @click="closeWritingBoard()">退出画笔</div>
<Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.3" title="关闭画笔">
<div class="btn" @click="closeWritingBoard()"><IconClose class="icon" /></div>
</Tooltip>
</div>
</div>
</template>
@ -91,41 +99,49 @@ export default defineComponent({
.tools {
height: 50px;
position: fixed;
bottom: 0;
left: 0;
bottom: 5px;
left: 5px;
z-index: 11;
padding: 12px;
background-color: #fff;
background-color: #eee;
border-radius: $borderRadius;
display: flex;
align-items: center;
}
.btn {
padding: 6px 10px;
padding: 5px 10px;
cursor: pointer;
&:hover, &.active {
background-color: rgba($color: $themeColor, $alpha: .2);
&:hover {
color: $themeColor;
}
&.active {
background-color: rgba($color: $themeColor, $alpha: .5);
color: #fff;
}
}
.icon {
font-size: 20px;
}
.colors {
display: flex;
padding: 0 10px;
}
.color {
width: 15px;
height: 15px;
outline: 1px solid #ccc;
width: 16px;
height: 16px;
border-radius: $borderRadius;
cursor: pointer;
&:hover {
transform: scale(1.1);
transform: scale(1.15);
}
&.active {
outline: 2px solid $themeColor;
transform: scale(1.3);
}
& + .color {
margin-left: 5px;
margin-left: 8px;
}
}
}

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

@ -422,15 +422,9 @@ export default defineComponent({
right: 8px;
padding: 8px 12px;
color: #666;
border: 2px solid #acacac;
background-color: rgba($color: #fff, $alpha: .6);
background-color: #eee;
border-radius: $borderRadius;
z-index: 10;
cursor: pointer;
&:hover {
border: 2px solid #333;
color: #333;
}
}
</style>