什么是门墩儿？

src/views/entrances/navBar/components/aboutEnterprises.vue

@@ -0,0 +1,44 @@
+<template>
+  <defineListPage v-bind="$attrs" width="150px" ml="40px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
+</template>
+
+<script setup>
+import defineListPage from './defineListPage.vue'
+defineOptions({name: 'navBar-aboutEnterprises'})
+const emits = defineEmits(['emitClick'])
+
+const list = [
+  {
+    title: '关于门墩儿',
+    appList: [
+    [{ title: '公司介绍', path: '/' }],
+    [{ title: '人才管理研究院', path: '/' }],
+    [{ title: '安全保障', path: '/' }],
+    ],
+  },
+  {
+    title: '公司动态',
+    appList: [
+    [{ title: '新闻动态', path: '/' }],
+    [{ title: '品牌活动', path: '/' }],
+    ],
+  },
+  {
+    title: '合作与招聘',
+    appList: [
+    [{ title: '联系门墩儿', path: '/' }],
+    [{ title: '加入门墩儿', path: '/' }],
+    ],
+  },
+  {
+    title: '投资者关系',
+    appList: [
+      [{ title: '业绩报告', path: '/' }, { title: '招股文件', path: '/' }],
+      [{ title: '公告及通函', path: '/' }, { title: '推介会材料', path: '/' }],
+      [{ title: '企业管治', path: '/' }, { title: '投资者关系联络', path: '/' }],
+    ],
+  },
+]
+</script>
+<style lang="scss" scoped>
+</style>

src/views/entrances/navBar/components/defineListPage.vue

@@ -1,6 +1,6 @@
 <template>
   <m-menu :btnTitle="title">
-    <v-card elevation="3" style="padding: 40px 60px; overflow: visible;">
+    <v-card elevation="3" style="padding: 40px 60px; width: 100%; overflow-y: visible; overflow-x: auto;">
       <div class="d-flex">
         <div v-for="(item, i) in list" :key="'product'+i" :style="{'margin-left': i ? ml : 'auto'}">
           <div style="font-size: 20px; color: var(--v-primary-lighten2)" class="mb-5">{{ item.title }}</div>

src/views/entrances/navBar/components/defineListPage2.vue

@@ -1,6 +1,6 @@
 <template>
   <m-menu :btnTitle="title">
-    <v-card elevation="3" style="padding: 40px 60px; overflow: visible;">
+    <v-card elevation="3" style="padding: 40px 60px; width: 100%; overflow-y: visible; overflow-x: auto;">
       <div class="d-flex">
         <div v-for="(item, i) in list" :key="'product'+i" :style="{'margin-left': i ? ml : 'auto'}">
           <div style="font-size: 20px; color: var(--v-primary-lighten2)" class="mb-5">{{ item.title }}</div>

src/views/entrances/navBar/index.vue

@@ -32,6 +32,7 @@ import product from './components/product.vue'
 import solution from './components/solution.vue'
 import serviceSupport from './components/serviceSupport.vue'
 import resourceCentre from './components/resourceCentre.vue'
+import aboutEnterprises from './components/aboutEnterprises.vue'
 import Snackbar from '@/plugins/snackbar'
 import { useRouter } from 'vue-router'; const router = useRouter()
 defineOptions({name: 'entrances-navBar'})
@@ -43,7 +44,7 @@ const menuList = [
   { title: '客户案例', path: '/' },
   { title: '服务支持', fileName: serviceSupport },
   { title: '资源中心', fileName: resourceCentre },
-  { title: '什么是门墩儿？', fileName: product },
+  { title: '什么是门墩儿？', fileName: aboutEnterprises },
 ]
 const handleClick = (val) => {
   Snackbar.warning('暂未开发，敬请期待！')