资源管理界面css的更改

pages/index.vue

@@ -8,25 +8,25 @@
   <van-tabs v-model:active="active" shrink line-width="60px" color="#59B4FF" title-active-color="#59B4FF">
     <van-tab title="财务管理">
       <!-- 财务管理页面 -->
-      <div class="financial-management flex flex-col d_jump">
+      <div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump">
         <div>
-          <span class="title">财务管理</span> <span class="title-describe">对项目预算、奖金进行配置</span>
+          <span class="font-semibold">财务管理</span> <span class="ml-2">对项目预算、奖金进行配置</span>
         </div>
         <Search />
         <FinanceManage />
       </div>
       <!-- 财务审批页面 -->
-      <div class="financial-management flex flex-col d_jump">
+      <div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump">
         <div>
-          <span class="title">财务审批</span> <span class="title-describe">对员工提交的申请进行审批</span>
+          <span class="font-semibold">财务审批</span> <span class="ml-2">对员工提交的申请进行审批</span>
         </div>
         <Search />
         <FinanceExamine />
       </div>
       <!-- 财务统计页面 -->
-      <div class="financial-management flex flex-col d_jump">
+      <div class="bg-white p-4 mt-5 flex text-gray-500 flex-col d_jump">
         <div>
-          <span class="title">财务统计</span> <span class="title-describe">财务明细统计查看</span>
+          <span class="font-semibold">财务统计</span> <span class="ml-2 ">财务明细统计查看</span>
         </div>
         <img src="public/statistics.png" class="w-full">
       </div>
@@ -81,18 +81,18 @@ function jump(index) {
   color: #000;
 }
 .financial-management{
-  background-color:#ffffff;
-  padding: 1rem;
-  margin-top: 1rem;
-  color: #555252;
-  .title{
-  font-weight: 600;
-  }
-  .title-describe{
-    font-size: 12px;
-    margin-left: 0.5rem;
-    color: #A0A0A0;
-  }
+  // background-color:#ffffff;
+  // padding: 1rem;
+  // margin-top: 1rem;
+  // color: #555252;
+  // .title{
+  // font-weight: 600;
+  // }
+  // .title-describe{
+  //   font-size: 12px;
+  //   margin-left: 0.5rem;
+  //   color: #A0A0A0;
+  // }
 }
 
 .menu{