From 16742f43a0feacf97d1fda87cad9eb3756edd74c Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Thu, 1 Apr 2021 17:27:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=94=BE=E6=98=A0?=
 =?UTF-8?q?=E6=97=B6=20=E6=98=BE=E7=A4=BA=20/=20=E9=9A=90=E8=97=8F=20?=
 =?UTF-8?q?=E9=A1=B5=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/plugins/iconPark.ts    |  2 --
 src/views/Screen/index.vue | 27 +++++++++++++++++++++++++--
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/plugins/iconPark.ts b/src/plugins/iconPark.ts
index d39ea2b3..bc8deae2 100644
--- a/src/plugins/iconPark.ts
+++ b/src/plugins/iconPark.ts
@@ -5,7 +5,6 @@ import {
   PlayOne,
   Lock,
   Unlock,
-  Search,
   Ppt,
   Format,
   Picture,
@@ -158,7 +157,6 @@ export default {
 
     // 其他
     app.component('IconPlayOne', PlayOne)
-    app.component('IconSearch', Search)
     app.component('IconPpt', Ppt)
     app.component('IconHelpcenter', Helpcenter)
     app.component('IconGithub', Github)
diff --git a/src/views/Screen/index.vue b/src/views/Screen/index.vue
index 6a538675..a0dbad5a 100644
--- a/src/views/Screen/index.vue
+++ b/src/views/Screen/index.vue
@@ -44,7 +44,6 @@
     <div class="tools">
       <IconLeftC class="tool-btn" @click="execPrev()" />
       <IconRightC class="tool-btn" @click="execNext()" />
-      <IconSearch class="tool-btn" @click="slideThumbnailModelVisible = true" />
       <Popover trigger="click" v-model:visible="writingBoardToolVisible">
         <template #content>
           <WritingBoardTool @close="writingBoardToolVisible = false" />
@@ -52,6 +51,10 @@
         <IconWrite class="tool-btn" />
       </Popover>
     </div>
+
+    <div class="page-number" @click="slideThumbnailModelVisible = true" v-if="showPageNumber">
+      {{slideIndex + 1}} / {{slides.length}}
+    </div>
   </div>
 </template>
 
@@ -89,6 +92,8 @@ export default defineComponent({
 
     const scale = computed(() => slideWidth.value / VIEWPORT_SIZE)
 
+    const showPageNumber = ref(false)
+
     const slideThumbnailModelVisible = ref(false)
 
     const writingBoardToolVisible = ref(false)
@@ -233,6 +238,11 @@ export default defineComponent({
           handler: () => turnNextSlide(),
         },
         { divider: true },
+        {
+          text: '显示页码',
+          subText: showPageNumber.value ? '√' : '',
+          handler: () => showPageNumber.value = !showPageNumber.value,
+        },
         {
           text: '查看所有幻灯片',
           handler: () => slideThumbnailModelVisible.value = true,
@@ -263,6 +273,7 @@ export default defineComponent({
       slideThumbnailModelVisible,
       turnSlideToIndex,
       writingBoardToolVisible,
+      showPageNumber,
     }
   },
 })
@@ -358,10 +369,22 @@ export default defineComponent({
   opacity: .35;
 
   &:hover {
-    opacity: .7;
+    opacity: .9;
   }
   & + .tool-btn {
     margin-left: 8px;
   }
 }
+.page-number {
+  position: fixed;
+  bottom: 8px;
+  right: 8px;
+  padding: 8px 12px;
+  color: #666;
+  background-color: rgba($color: #f2f4f6, $alpha: .7);
+  box-shadow: 0 2px 12px 0 rgba($color: #333, $alpha: .2);
+  border-radius: $borderRadius;
+  z-index: 10;
+  cursor: pointer;
+}
 </style>
\ No newline at end of file