Добавил HotkeysHelpPage

client/components/Reader/HelpPage/CommonHelpPage/CommonHelpPage.vue

@@ -5,7 +5,7 @@
             <li>загрузка любой страницы интернета</li>
             <li>изменение цвета фона, текста, размер и тип шрифта и прочее</li>
             <li>установка и запоминание текущей позиции и настроек в браузере (в будущем планируется сохранение и на сервер)</li>
-            <li>кеширование файлов книг на клиенте и на сервере</li>
+            <li>кэширование файлов книг на клиенте и на сервере</li>
             <li>открытие книг с локального диска</li>
             <li>плавный скроллинг текста</li>
             <li>анимация перелистывания (скоро)</li>
@@ -37,9 +37,7 @@ export default @Component({
         Window,
     },
 })
-class HelpPage extends Vue {
-    selectedTab = null;
-
+class CommonHelpPage extends Vue {
     created() {
         this.config = this.$store.state.config;
     }
@@ -63,6 +61,7 @@ class HelpPage extends Vue {
     padding: 15px;
     overflow-y: auto;
     font-size: 150%;
+    line-height: 130%;
 }
 
 h4 {

client/components/Reader/HelpPage/HelpPage.vue

@@ -11,6 +11,7 @@
                         <CommonHelpPage></CommonHelpPage>
                     </el-tab-pane>
                     <el-tab-pane label="Клавиатура">
+                        <HotkeysHelpPage></HotkeysHelpPage>
                     </el-tab-pane>
                     <el-tab-pane label="Мышь/тачпад">
                     </el-tab-pane>
@@ -30,11 +31,13 @@ import Component from 'vue-class-component';
 
 import Window from '../../share/Window.vue';
 import CommonHelpPage from './CommonHelpPage/CommonHelpPage.vue';
+import HotkeysHelpPage from './HotkeysHelpPage/HotkeysHelpPage.vue';
 
 export default @Component({
     components: {
         Window,
         CommonHelpPage,
+        HotkeysHelpPage,
     },
 })
 class HelpPage extends Vue {

client/components/Reader/HelpPage/HotkeysHelpPage/HotkeysHelpPage.vue

@@ -0,0 +1,58 @@
+<template>
+    <div class="page">
+        <h4>Управление с помощью горячих клавиш:</h4>
+        <ul>
+            <li><b>Escape</b> - показать/скрыть страницу загрузки</li>
+            <li><b>Tab</b> - показать/скрыть панель управления</li>
+            <li><b>PageUp, Left, Shift+Space, Backspace</b> - страницу назад</li>
+            <li><b>PageDown, Right, Space</b> - страницу вперед</li>
+            <li><b>Home</b> - в начало книги</li>
+            <li><b>End</b> - в конец книги</li>
+            <li><b>Up</b> - строчку назад</li>
+            <li><b>Down</b> - строчку вперёд</li>
+            <li><b>A, Shift+A</b> - изменить размер шрифта</li>
+            <li><b>Enter, F, F11, ` (апостроф)</b> - вкл./выкл. полный экран</li>
+            <li><b>Z</b> - вкл./выкл. плавный скроллинг текста</li>
+            <li><b>Shift+Down/Shift+Up</b> - увеличить/уменьшить скорость скроллинга
+            <li><b>P</b> - установить страницу</li>
+            <li><b>Ctrl+F</b> - найти в тексте</li>            
+            <li><b>Ctrl+C</b> - скопировать текст со страницы</li>            
+            <li><b>R</b> - принудительно обновить книгу в обход кэша</li>
+            <li><b>H</b> - открыть недавние</li>
+            <li><b>S</b> - открыть окно настроек</li>
+        </ul>
+    </div>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+import Window from '../../../share/Window.vue';
+
+export default @Component({
+    components: {
+        Window,
+    },
+})
+class HotkeysHelpPage extends Vue {
+    created() {
+    }
+}
+//-----------------------------------------------------------------------------
+</script>
+
+<style scoped>
+.page {
+    flex: 1;
+    padding: 15px;
+    overflow-y: auto;
+    font-size: 150%;
+    line-height: 130%;
+}
+
+h4 {
+    margin: 0;
+}
+</style>