fix: 修复页码绑定值类型错误问题

src/components/BookReader/index.vue

@@ -96,13 +96,13 @@
     <el-row :gutter="10" class="tab-bar">
       <el-col :class="['left', { isMobile }]" :span="isMobile ? 24 : 8">
         <el-tooltip content="目录" placement="top" effect="dark">
-          <svg-icon name="menu" size="20" @click="showGuide"></svg-icon>
+          <svg-icon name="menu" :size="20" @click="showGuide"></svg-icon>
         </el-tooltip>
 
         <el-tooltip content="缩小" placement="top" effect="dark">
           <svg-icon
             name="zoom-in"
-            size="20"
+            :size="20"
             v-if="!isMobile"
             @click="zoomOut"
           ></svg-icon>
@@ -110,7 +110,7 @@
         <el-tooltip content="放大" placement="top" effect="dark">
           <svg-icon
             name="zoom-out"
-            size="20"
+            :size="20"
             v-if="!isMobile"
             @click="zoomIn"
           ></svg-icon>
@@ -124,24 +124,24 @@
         >
           <svg-icon
             :name="isMuted ? 'volume-mute' : 'volume-high'"
-            size="20"
+            :size="20"
             @click="toggleMute"
           />
         </el-tooltip>
       </el-col>
       <el-col class="center" :span="8">
         <el-tooltip content="跳转到第一页" placement="top" effect="dark">
-          <svg-icon name="to-first" size="30" @click="toFirst"></svg-icon>
+          <svg-icon name="to-first" :size="30" @click="toFirst"></svg-icon>
         </el-tooltip>
         <el-tooltip content="跳转上一页" placement="top" effect="dark">
-          <svg-icon name="to-left" size="22" @click="previousPage"></svg-icon>
+          <svg-icon name="to-left" :size="22" @click="previousPage"></svg-icon>
         </el-tooltip>
         <div class="page-count" v-if="!isMobile">第{{ currentPage }}页</div>
         <el-tooltip content="跳转下一页" placement="top" effect="dark">
-          <svg-icon name="to-right" size="22" @click="nextPage"></svg-icon>
+          <svg-icon name="to-right" :size="22" @click="nextPage"></svg-icon>
         </el-tooltip>
         <el-tooltip content="跳转到最后一页" placement="top" effect="dark">
-          <svg-icon name="to-end" size="30" @click="toEnd"></svg-icon>
+          <svg-icon name="to-end" :size="30" @click="toEnd"></svg-icon>
         </el-tooltip>
       </el-col>
       <el-col class="right" :span="8">