Browse Source

资源管理界面css的更改

apply
Min5203 4 years ago
parent
commit
ea051d3577
  1. 36
      pages/index.vue

36
pages/index.vue

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

Loading…
Cancel
Save