新需求

src/renderer/src/layout/components/Aside.vue

@@ -60,7 +60,7 @@ import useUserStore from '@/store/modules/user'
 import pkc from "../../../../../package.json"
 import defaultUserImg from '@/assets/images/img-avatar.png'
 import { sessionStore } from '@/utils/store'
-import {toLinkLeftWeb} from "@/utils/tool";
+import {toLinkLeftWeb} from "@/utils/tool"
 
 
 const { ipcRenderer } = window.electron || {}
@@ -123,9 +123,9 @@ const headerMenus = isStadium() ?[{
     name: '科学',
     id: 4,
     icon: 'icon-kechengziyuan1',
-    // path: '/scientific/index',
-    path: 'https://res.bakclass.com/resource/laboratoryIndex',
-    type: 'webview', // 应用内置浏览器
+    path: '/scientific/index',
+    // path: 'https://res.bakclass.com/resource/laboratoryIndex',
+    // type: 'webview', // 应用内置浏览器
   },
 ]
 

src/renderer/src/views/scientific/index.vue

@@ -1,18 +1,65 @@
 <template>
   <div class="c-warp">
-    <iframe :src="url" frameborder="0" scrolling="no"
-      width="100%" height="100%"></iframe>
+    <!-- <iframe :src="url" frameborder="0" scrolling="no"
+      width="100%" height="100%"></iframe> -->
+    <div class="flex p-4">
+      <div class="list-item p-2 mr-2" v-for="item in dataList" @click="toLinkLeftWeb(item.path)">
+        <div class="w-16 h-16 flex items-center">
+          <img :src="getStaticUrl(`${item.icon}`)" />
+        </div>
+        <span name>{{item.name}}</span>
+        <span desc>{{item.desc}}</span>
+      </div>
+    </div>  
   </div>
 </template>
 <script setup>
 // 功能说明：科学实验
 import { ref } from 'vue'
-const url = ref('https://res.bakclass.com/resource/laboratoryIndex')
+import {toLinkLeftWeb, getStaticUrl} from "@/utils/tool"
+// const url = ref('https://res.bakclass.com/resource/laboratoryIndex')
+const dataList = [
+  {
+    icon: '/icon/s-1.png',
+    name: '贝壳网',
+    desc: '虚拟仿真实验',
+    path: 'https://res.bakclass.com/resource/laboratoryIndex'
+  },
+  {
+    icon: '/icon/s-2.png',
+    name: 'GeoGreBra',
+    desc: '数学模型',
+    path: 'https://www.geogebra.org/classic?lang=zh_CN'
+  },
+    {
+    icon: '/icon/s-3.png',
+    name: 'desmos',
+    desc: '图形计算器',
+    path: 'https://www.desmos.com/calculator?lang=zh-CN'
+  },
+]
 </script>
 <style lang="scss" scoped>
 .c-warp{
   background: #fff;
   width: 100%;
   height: 100%;
+  .list-item{
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    min-width: 120px;
+    &:hover{
+      background: #a2a0a070;
+      border-color: #b1b1b1;
+    }
+    span[name]{
+      font-size: 14px;
+      color: #bbb;
+    }
+  }
 }
 </style>