调整pre

src/components/FileViewer/MarkdownViewer.vue

@@ -6,7 +6,7 @@
 
 <script setup>
 import 'github-markdown-css'
-import 'highlight.js/styles/github.css'
+// import 'highlight.js/styles/github.css'
 import { getCurrentInstance, ref, watch } from 'vue';
 import axios from 'axios';
 // const proxy = getCurrentInstance()

src/utils/highlight.js

@@ -1,5 +1,5 @@
 import hljs from 'highlight.js/lib/core'
-import 'highlight.js/styles/github.css';
+import 'highlight.js/styles/intellij-light.css';
 import javascript from 'highlight.js/lib/languages/javascript';
 import json from 'highlight.js/lib/languages/json';
 hljs.registerLanguage('javascript', javascript);

src/views/KMPlatform/OpenPlatform/OpenPlatform.vue

@@ -3,7 +3,7 @@
     <el-container>
       <el-aside class="main-aside">
         <!-- 开放平台 -->
-        <el-menu default-active="1-1" :unique-opened="true" class="el-menu-open-platform">
+        <el-menu :default-active="menuActive" :unique-opened="true" class="el-menu-open-platform">
           <el-sub-menu index="1">
             <template #title>
               <i class="el-icon-location"></i>
@@ -34,13 +34,25 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
+import { ref, computed } from 'vue';
+import { useRouter, useRoute } from 'vue-router';
 const router = useRouter();
+const route = useRoute()
 const handlePath = (id) => {
-
   router.push({ name: 'platformText', params: { id: id } }).catch(err => console.log(err));
 };
+const menuMap = {
+  0: '1-1',
+  1: '1-3-1',
+  2: '1-3-2',
+  3: '1-3-3',
+  4: '1-3-4',
+}
+const menuActive = computed(() => {
+  return menuMap[route.params.id]
+})
+
+
 
 </script>
 

src/views/KMPlatform/OpenPlatform/platformText.vue

@@ -276,7 +276,7 @@
   </div>
 </template>
 <script setup>
-import { ref, watch, onBeforeUnmount, onMounted } from 'vue';
+import { ref, watch, onBeforeUnmount, onMounted, watchEffect, nextTick } from 'vue';
 import { useRoute } from 'vue-router';
 import { ElMessage } from 'element-plus';
 import { DocumentCopy } from '@element-plus/icons-vue';
@@ -288,6 +288,9 @@ const route = useRoute();
 let queueId = ref(route.params.id || '0'); // 默认值为 '0'，表示简介
 watch(() => route.params.id, (newId) => {
   queueId.value = newId || '0';
+  nextTick(() => {
+    handleSetPreWidth()
+  })
 });
 
 
@@ -674,6 +677,7 @@ pre {
   padding: 10px;
   border-radius: 4px;
   overflow: auto;
+  // width: calc(100vw - 424px);
   width: 10px;
   white-space: pre-wrap;
   /* 保留空白符序列，但是正常地进行换行 */