资源中心

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

@@ -1,19 +1,20 @@
 <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>
           <v-divider class="mb-3" style="color: var(--v-primary-lighten2)"></v-divider>
           <div v-for="(arr, j) in item.appList" :key="'productApp'+j" class="d-flex">
-            <div v-for="(val, k) in arr" :key="'productAppArr'+k" class="d-flex cursor-pointer" @click="emits('emitClick', val)">
-              <span class="mr-2" style="font-size: 30px;line-height: 48px;color: var(--v-primary-lighten2);">·</span>
-              <div
-                :style="{width: k ? 'auto' : width}"
-                style="font-size: 16px; line-height: 50px;"
-              >
-                {{ val.title }}
-              </div>
+            <div
+              v-for="(val, k) in arr" :key="'productAppArr'+k"
+              :class="{'ml-5': k}"
+              :style="{width: val.width ? val.width : !k ? width : 'auto'}"
+              class="d-flex cursor-pointer mb-5"
+              @click="emits('emitClick', val)"
+            >
+              <span class="mr-2" style="font-size: 30px;line-height: 22px;color: var(--v-primary-lighten2);">·</span>
+              <div style="font-size: 17px; font-weight: 500;">{{ val.title }}</div>
             </div>
           </div>
         </div>

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

@@ -6,12 +6,16 @@
           <div style="font-size: 20px; color: var(--v-primary-lighten2)" class="mb-5">{{ item.title }}</div>
           <v-divider class="mb-6" style="color: var(--v-primary-lighten2)"></v-divider>
           <div v-for="(arr, j) in item.appList" :key="'productApp'+j" class="d-flex">
-            <div v-for="(val, k) in arr" :key="'productAppArr'+k" class="d-flex cursor-pointer" @click="emits('emitClick', val)">
-              <span class="mr-2" style="font-size: 30px;line-height: 28px;color: var(--v-primary-lighten2);">·</span>
-              <div
-                :style="{width: k ? 'auto' : width}"
-              >
-                <div style="font-size: 16px;">{{ val.title }}</div>
+            <div
+              v-for="(val, k) in arr" :key="'productAppArr'+k"
+              :class="{'ml-5': k}"
+              :style="{width: val.width ? val.width : !k ? width : 'auto'}"
+              class="d-flex cursor-pointer"
+              @click="emits('emitClick', val)"
+            >
+              <span class="mr-2" style="font-size: 30px;line-height: 22px;color: var(--v-primary-lighten2);">·</span>
+              <div>
+                <div style="font-size: 16px; font-weight: 500;">{{ val.title }}</div>
                 <div style="font-size: 14px;" class="subTitle mb-5">{{ val.subTitle }}</div>
               </div>
             </div>

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

@@ -0,0 +1,32 @@
+<template>
+  <defineListPage v-bind="$attrs" width="120px" ml="60px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
+</template>
+
+<script setup>
+import defineListPage from './defineListPage.vue'
+defineOptions({name: 'navBar-resourceCentre'})
+const emits = defineEmits(['emitClick'])
+
+const list = [
+  {
+    title: '专业洞察',
+    appList: [
+    [{ title: '文章', path: '/' }],
+    [{ title: '研究报告', path: '/' }],
+    [{ title: '直播视频', path: '/' }],
+    ],
+  },
+  {
+    title: '热门话题',
+    appList: [
+    [{ title: '人力资源数字化升级全景指南', path: '/', width: 'auto' }],
+    [{ title: '如何应用运营思维，提升组织招聘能力?', path: '/', width: 'auto' }],
+    [{ title: '全面解码“Z时代”校园招聘，制胜校招!', path: '/', width: 'auto' }],
+    [{ title: '招聘+测评如何为招聘提效?', path: '/', width: 'auto' }],
+    [{ title: '年终如何复盘与规划，让人才管理提质提效?', path: '/', width: 'auto' }],
+    ]
+  },
+]
+</script>
+<style lang="scss" scoped>
+</style>

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

@@ -1,5 +1,5 @@
 <template>
-  <defineListPage v-bind="$attrs" width="350px" ml="100px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
+  <defineListPage v-bind="$attrs" width="320px" ml="100px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
 </template>
 
 <script setup>

src/views/entrances/navBar/index.vue

@@ -31,6 +31,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 Snackbar from '@/plugins/snackbar'
 import { useRouter } from 'vue-router'; const router = useRouter()
 defineOptions({name: 'entrances-navBar'})
@@ -41,7 +42,7 @@ const menuList = [
   { title: '解决方案', fileName: solution },
   { title: '客户案例', path: '/' },
   { title: '服务支持', fileName: serviceSupport },
-  { title: '资源中心', fileName: product },
+  { title: '资源中心', fileName: resourceCentre },
   { title: '什么是门墩儿？', fileName: product },
 ]
 const handleClick = (val) => {