Добавил MouseHelpPage

client/components/Reader/HelpPage/HelpPage.vue

@@ -14,6 +14,7 @@
                         <HotkeysHelpPage></HotkeysHelpPage>
                     </el-tab-pane>
                     <el-tab-pane label="Мышь/тачпад">
+                        <MouseHelpPage></MouseHelpPage>
                     </el-tab-pane>
                     <el-tab-pane label="Помочь проекту">
                     </el-tab-pane>
@@ -32,12 +33,14 @@ import Component from 'vue-class-component';
 import Window from '../../share/Window.vue';
 import CommonHelpPage from './CommonHelpPage/CommonHelpPage.vue';
 import HotkeysHelpPage from './HotkeysHelpPage/HotkeysHelpPage.vue';
+import MouseHelpPage from './MouseHelpPage/MouseHelpPage.vue';
 
 export default @Component({
     components: {
         Window,
         CommonHelpPage,
         HotkeysHelpPage,
+        MouseHelpPage,
     },
 })
 class HelpPage extends Vue {

client/components/Reader/HelpPage/MouseHelpPage/MouseHelpPage.vue

@@ -0,0 +1,54 @@
+<template>
+    <div class="page">
+        <h4>Управление с помощью мыши/тачпада:</h4>
+        <ul>
+            <li><b>ЛКМ/ТАЧ</b> - активация действия:</li>
+                <div class="click-map-page"><ClickMapPage ref="clickMapPage"></ClickMapPage></div>
+            <li><b>ПКМ</b> - показать/скрыть панель управления</li>
+            <li><b>СКМ</b> - вкл./выкл. плавный скроллинг текста</li>
+        </ul>
+    </div>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+import ClickMapPage from '../../ClickMapPage/ClickMapPage.vue';
+
+export default @Component({
+    components: {
+        ClickMapPage,
+    },
+})
+class MouseHelpPage extends Vue {
+    created() {
+    }
+
+    mounted() {
+        this.$refs.clickMapPage.fontSize = '100%';
+    }
+}
+//-----------------------------------------------------------------------------
+</script>
+
+<style scoped>
+.page {
+    flex: 1;
+    padding: 15px;
+    overflow-y: auto;
+    font-size: 150%;
+    line-height: 130%;
+}
+
+h4 {
+    margin: 0;
+}
+
+.click-map-page {
+    position: relative;
+    width: 400px;
+    height: 400px;
+}
+</style>