酒店一体化 SaaS 平台

src/views/entrances/index.vue

@@ -1,6 +1,6 @@
 <!-- 门墩儿入口管理页 -->
 <template>
-  <div>
+  <div style="background-color: var(--default-bgc); height: 100%;">
     <navBar></navBar>
     <m-list></m-list>
   </div>

src/views/entrances/list/index.vue

@@ -5,13 +5,21 @@
       <div style="font-size: 40px; font-weight: bold;">
         <span v-for="(val, i) in bigTitle" :key="'bigTitle' + i" :class="{'ml-2': i}">{{ val }}</span>
       </div>
-      <div style="font-size: 24px;" class="mt-5">
-        <span v-for="(val, i) in smallTitle" :key="'bigTitle' + i" :class="{'ml-2': i}">{{ val }}</span>
+      <div style="font-size: 24px;" class="mt-3">
+        <span v-for="(val, i) in smallTitle" :key="'smallTitle' + i" :class="{'ml-5': i}">{{ val }}</span>
       </div>
     </div>
   </div>
   <div class="listBox">
-
+    <v-card
+      v-for="(val, i) in menuList" :key="'menu' + i"
+      class="listItem"
+      :class="{'elevation-5': val.active}"
+      @mouseover="val.active = true"
+      @mouseleave="val.active = false"
+    >
+      <!-- <span>{{ val.title }}</span> -->
+    </v-card>
   </div>
 </template>
 
@@ -25,11 +33,24 @@ const smallTitle = [
   '更快找到合适人选',
   '尽享海量VIP特权',
 ]
-// const smallTitle = [
-//   '候选人推荐',
-//   '滚动广告位宣传',
-//   '企业在线招聘专场'
-// ]
+const menuList = [
+  { icon: 'mdi-menu-up', title: '招聘管理系统', active: false },
+  { icon: 'mdi-menu-up', title: '考勤管理系统', active: false },
+  { icon: 'mdi-menu-up', title: '绩效管理系统', active: false },
+  { icon: 'mdi-menu-up', title: '审批管理系统', active: false },
+]
 </script>
 <style lang="scss" scoped>
+.listBox {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  .listItem {
+    width: 280px;
+    height: 210px;
+    margin: 10px;
+    background-color: #fff;
+    cursor: pointer;
+  }
+}
 </style>

src/views/publicRecruitment/components/bountyDisplay.vue

@@ -1,7 +1,7 @@
 <!-- 滚动展示 -->
 <template>
   <div style="height: 100%; width: 100%;" @mouseover="handleMouseover" @mouseleave="handleMouseleave">
-    <div class="mb-3" style="font-size: 13px; color: var(--color-666);">最近30天已有<span class="red">68人</span>提现成功，累计提现<span class="red">￥9450</span></div>
+    <div class="mb-3" style="font-size: 13px; color: var(--color-666);">最近30天已有<span class="red">68人</span>提现成功，累计提现<span class="red">￥956817</span></div>
     <!-- 滚动 -->
     <div
       class="scroll-container"