服务支持

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

@@ -1,6 +1,6 @@
 <template>
   <m-menu :btnTitle="title">
-    <v-card elevation="3" style="padding: 40px 60px;">
+    <v-card elevation="3" style="padding: 40px 60px; overflow: visible;">
       <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>
@@ -10,10 +10,9 @@
               <span class="mr-2" style="font-size: 30px;line-height: 28px;color: var(--v-primary-lighten2);">·</span>
               <div
                 :style="{width: k ? 'auto' : width}"
-                style="height: 60px;"
               >
                 <div style="font-size: 16px;">{{ val.title }}</div>
-                <div style="font-size: 14px;" class="subTitle">{{ val.subTitle }}</div>
+                <div style="font-size: 14px;" class="subTitle mb-5">{{ val.subTitle }}</div>
               </div>
             </div>
           </div>

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

@@ -0,0 +1,22 @@
+<template>
+  <defineListPage v-bind="$attrs" width="350px" ml="100px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
+</template>
+
+<script setup>
+import defineListPage from './defineListPage2.vue'
+defineOptions({name: 'navBar-serviceSupport'})
+const emits = defineEmits(['emitClick'])
+
+const list = [
+  {
+    title: '服务支持',
+    appList: [
+      [{ title: '客户成功', subTitle: '以客户价值为中心的陪伴式服务', path: '/' }, { title: '门墩儿SaaS平台', subTitle: '应用快速搭建，高灵活可配置', path: '/' }],
+      [{ title: '实践管理工作坊', subTitle: '专注HR职场生涯，提供个人专业能力解决方案', path: '/' }, { title: '应用商店', subTitle: '门墩儿为企业提供免费应用下载', path: '/' }],
+      [{ title: '开发者门户', subTitle: '高效、灵活的门墩儿SaaS应用开发平台', path: '/' }],
+    ],
+  },
+]
+</script>
+<style lang="scss" scoped>
+</style>

src/views/entrances/navBar/index.vue

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