标题间隙

src/App.vue

@@ -78,22 +78,26 @@
 
   .pAHeader{    //一级页面一级标题 
     width: 100%;
-    overflow: hidden;
     display: flex;
     height: 35px;
     justify-content: space-between;
     margin-bottom: 15px;
+    position: relative;
     .pAHeader1{
       font-weight: 600;
       font-size: 22px;
       text-align: left;
     }
-    
     [type='button']{
         background: #0e72e6 !important;
         color: #fff !important;
+        position: absolute;
+        top:-10px;
+        right: 0;
         display: flex;
-        font-size: 14px;
+        font-size: 16px;
+        display: flex;
+        justify-content: center;
         align-items: center;
       }
       [type='button']:hover{
@@ -101,10 +105,9 @@
       }
   }
 
-  .header{   //二级页面一级标题
+  .vfpHeader{   //二级页面一级标题
     width: 100%;
     display: flex;
-    height: 35px;
     justify-content:flex-start;
     margin-bottom: 15px;
     position: relative;
@@ -120,11 +123,12 @@
       left: 160px;
       font-size: 16px;
     }
-    .titleBtn{
+    [type='button']{
       background: #0e72e6 !important;
       color: #fff !important;
       display: flex;
       position: absolute;
+      top: -3px;
       right: 0;
       justify-content: center;
       font-size: 16px;
@@ -139,23 +143,34 @@
         font-size: 18px;
         font-weight:bold;
         margin-top: 20px;
+        height: 29px;
         margin-bottom: 15px;
         display: flex;
+        text-align: end;
         position: relative;
         justify-content: space-between;
+        div{
+          position: relative;
+          p{
+            position: absolute;
+            width: 200px;
+            text-align: left;
+            left: 0;
+            bottom: 0;
+          }
+        }
         [type='button']{
-        background: #0e72e6 !important;
-        color: #fff !important;
-        display: flex;
-        position: absolute;
-        top: 0;
-        right: 0;
-        justify-content: center;
-        font-size: 16px;
-        width: 100px;
-        height: 30px;
-        align-items: center;
-      }
+          background: #0e72e6 !important;
+          color: #fff !important;
+          display: flex;
+          position: absolute;
+          right: 0;
+          justify-content: center;
+          font-size: 16px;
+          width: 100px;
+          height: 30px;
+          align-items: center;
+        }
     }
 
   .fontSize{   //所有表格字体大小

src/views/ProjectManagement1.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="ProjectManagement1">
-    <div class="pA1Header">
+    <div class="vfpHeader">
       <!-- 详情页 -->
-      <div style="display: flex;width: 400px;">
-        <div class="pAHeader1">项目管理</div>
-        <span class="pAHeader1STit">项目进展详情</span>
-      </div>
-      <div style="cursor: pointer;" @click="back">返回</div>
+        <div class="titleOne">项目管理</div>
+        <div class="smallTitle" style="left: 100px;">项目进展详情</div>
+        <el-button type="primary" @click="back">返回</el-button>
     </div>
     <hr>
 

src/views/ProjectManagement2.vue

@@ -1,12 +1,10 @@
 <template>
     <div class="ProjectManagement2">
-      <div class="pA1Header">
+      <div class="vfpHeader">
       <!-- 详情页 -->
-      <div style="display: flex;width: 400px;">
-        <div class="pAHeader1">项目管理</div>
-        <span class="pAHeader1STit">项目进展详情</span>
-      </div>
-      <div style="cursor: pointer;" @click="back">返回</div>
+        <div class="titleOne">项目管理</div>
+        <div class="smallTitle" style="left: 100px;">项目进展详情</div>
+        <el-button type="primary" @click="back">返回</el-button>
     </div>
       <hr>
 

src/views/ProjectManagement3.vue

@@ -1,13 +1,11 @@
 <template>
     <div class="ProjectManagement3">
-      <div class="pA1Header">
+      <div class="vfpHeader">
       <!-- 详情页 -->
-        <div style="display: flex;width: 400px;">
-          <div class="pAHeader1">项目管理</div>
-          <span class="pAHeader1STit">项目进展详情</span>
-        </div>
-        <div style="cursor: pointer;" @click="back">返回</div>
-      </div>
+        <div class="titleOne">项目管理</div>
+        <div class="smallTitle" style="left: 100px;">项目进展详情</div>
+        <el-button type="primary" @click="back">返回</el-button>
+    </div>
       <hr>
 
       <!-- 跳转导航开始 -->

src/views/ProjectManagement4.vue

@@ -1,12 +1,10 @@
 <template>
     <div class="ProjectManagement4">
-      <div class="pA1Header">
+      <div class="vfpHeader">
       <!-- 详情页 -->
-      <div style="display: flex;width: 400px;">
-        <div class="pAHeader1">项目管理</div>
-        <span class="pAHeader1STit">项目进展详情</span>
-      </div>
-      <div style="cursor: pointer;" @click="back">返回</div>
+        <div class="titleOne">项目管理</div>
+        <div class="smallTitle" style="left: 100px;">项目进展详情</div>
+        <el-button type="primary" @click="back">返回</el-button>
     </div>
       <hr>
        <!-- 跳转导航开始 -->

src/views/ProjectManagement5.vue

@@ -1,12 +1,10 @@
 <template>
     <div class="ProjectManagement5">
-      <div class="pA1Header">
+      <div class="vfpHeader">
       <!-- 详情页 -->
-      <div style="display: flex;width: 400px;">
-        <div class="pAHeader1">项目管理</div>
-        <span class="pAHeader1STit">项目进展详情</span>
-      </div>
-      <div style="cursor: pointer;" @click="back">返回</div>
+        <div class="titleOne">项目管理</div>
+        <div class="smallTitle" style="left: 100px;">项目进展详情</div>
+        <el-button type="primary" @click="back">返回</el-button>
     </div>
       <hr>
        <!-- 跳转导航开始 -->

src/views/ProjectManagementFund1.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="ProjectManagementFund1">
-        <div class="pA1Header">
-            <div class="pAHeader1">预算经费</div>
-            <div @click="back" style="margin-top: 10px;cursor: pointer;">返回</div>
+        <div class="vfpHeader">
+            <div class="titleOne">预算经费</div>
+            <el-button type="primary" @click="back">返回</el-button>
         </div>
           <hr>
 
@@ -32,7 +32,7 @@
 
           <!-- 经费月支出计划开始 -->
             <div class="tabTit">
-              <span class="spanTit">经费月支出计划(元)</span>
+              <div><p>经费月支出计划(元)</p></div>
             </div>
             <el-table
               :data="tableData"
@@ -124,7 +124,7 @@
 
           <!-- 经费明细开始 -->
             <div class="tabTit">
-              <span class="spanTit">经费明细</span>
+              <div><p>经费月支出计划(元)</p></div>
               <el-button type="primary" @click="addBtn" >设置</el-button>
             </div>
 
@@ -197,12 +197,7 @@
         return {
           dialogVisible1:false,
           fundDetail:false,
-          
-          options: [ 
-            {
-              value: '选项5',
-              label: '北京烤鸭'
-            }],
+    
 
           tableData:[{
             projectName:'-',
@@ -225,10 +220,7 @@
         }
       },
       methods:{
-        init(){
-          this.dialogVisible1=false;
-          this.fundDetail=false;
-        },
+
         lookDetail(){
 
         },
@@ -250,16 +242,7 @@
 
 <style lang="less">
 .ProjectManagementFund1{
-  .el-dialog__body{
-    padding: 0;
-  }
 
-  .el-dialog__header{
-    display: flex;
-    justify-content: flex-start;
-    padding-bottom: 0;
-    font-weight: bold;
-  }
 
 
   .pmFund1Footer{

src/views/ProjectManagementFund2.vue

@@ -1,10 +1,10 @@
 <template>
     <div class="ProjectManagementFund2">
       <div class="right">
-          <div class="pA1Header">
-              <div class="pAHeader1">预算经费</div>
-              <div @click="$router.back()" style="margin-top: 10px;cursor: pointer;">返回</div>
-          </div>
+        <div class="vfpHeader">
+            <div class="titleOne">预算经费</div>
+            <el-button type="primary" @click="back">返回</el-button>
+        </div>
           <hr>
          <!-- 跳转导航开始 -->
          <div class="AppBar">

src/views/credit1.vue

@@ -1,8 +1,9 @@
 <template>
     <div class="credit1">
 
-      <div class="pAHeader">
-        <div class="pAHeader1">学分登记</div>
+      <div class="vfpHeader">
+        <div class="titleOne">学分登记</div>
+        <el-button type="primary" @click="$router.back()">返回</el-button>
       </div>
 
       <hr>
@@ -57,7 +58,7 @@
 
       <!-- 成员学分登记开始 -->
         <div class="tabTit">
-          <div>成员学分登记</div>
+          <div><p>成员学分登记</p></div>
           <el-button type="primary" size="mini">项目详情</el-button>
         </div>
         <hr>
@@ -113,7 +114,7 @@
 
       <div class="baseBtn">
         <div class="blockWidth">
-          <el-button type="primary" @click="$route.back()">返回</el-button>
+          <el-button type="primary" @click="$router.back()">返回</el-button>
         </div>
       </div>
 
@@ -157,9 +158,6 @@
         methods:{
           setCredit(){
 
-          },
-          edit(){
-  
           },
           // handleSelectionChange(val) {
           //   this.multipleSelection = val;
@@ -170,38 +168,7 @@
   </script>
   
   <style lang="less">
-  .credit1{
-    .pAHeader{
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      .pAHeader1{
-        width: 100px;
-        font-weight: 600;
-        font-size: 22px;
-        flex-shrink: 0;
-      }
-      .pAHeader2{
-        height: 35px;
-        line-height: 5px;
-        color: #fff;
-        background: #477edd;
-      }
-    }
-  
-
-
-    .tabTit{
-        width: 100%;
-        text-align: left;
-        // margin-left: 20px;
-        font-size: 18px;
-        font-weight:bold;
-        box-sizing: border-box;
-        padding-bottom: 5px;
-        display: flex;
-        justify-content: space-between;
-    }
+  // .credit1{
 
-  }
+  // }
   </style>

src/views/makerActvity.vue

@@ -2,7 +2,7 @@
   <div class="makerActvity">
     <div class="pAHeader">
       <div class="pAHeader1">创客活动</div>
-      <el-button style="background: #0e72e6;color: #fff;line-height: 5px;font-size: 16px;" @click="makerActvityApply">创客活动申请</el-button>
+      <el-button @click="makerActvityApply">创客活动申请</el-button>
     </div>
     <hr>
 
@@ -398,7 +398,7 @@
           font-size: 18px;
         }
 
-        .diaTit{     //项目名称、负责人
+        .diaTit{     //dialog项目名称、负责人
             width: 100%;
             display: flex;
             .spans{
@@ -501,23 +501,6 @@
       top: 10px;
       text-align: center;
     }
-    
-// .dialog-footer{    //对话框按钮
-//     width: 100%;
-//     display: flex;
-//     justify-content: center;
-//     .btn5{
-//       height: 40px;
-//       background: #0e72e6;
-//       width: 180px;
-//       font-size: 16px;
-//     }
-//     .diaBtn{
-//       width: 130px;
-//       height: 40px;
-//       font-size: 16px;
-//     }
-//   }
   }
 }
 </style>

src/views/makerActvityApply.vue

@@ -17,9 +17,9 @@
 
         <!-- 右边填写信息区域开始 -->
         <div class="right">
-              <div class="pA1Header">
-                  <div class="pAHeader1">创客创新-活动申请</div>
-                  <div style="margin-top: 10px; cursor: pointer;" @click="$router.back()">返回</div>
+              <div class="vfpHeader">
+                  <div class="titleOne">创客创新-活动申请</div>
+                  <el-button type="primary" @click="$router.back()">返回</el-button>
               </div>
               <hr>
 
@@ -80,7 +80,7 @@
 
               <!-- 活动指导老师开始 -->
               <div class="tabTit">
-                  <div>活动指导老师</div>
+                  <div><p>活动指导老师</p></div>
                   <el-button type="primary" @click="addTeacher"  size="mini">添加教师</el-button>
               </div>
               <hr>
@@ -128,8 +128,8 @@
               <!-- 活动指导老师结束 -->
 
             <!-- 活动介绍区域开始 -->
-            <div class="tabTit" style="margin-bottom: 10px;">
-                  活动介绍
+            <div class="tabTit">
+                  <div><p>活动介绍</p></div>
             </div>
             <hr>
             <div class="textArea">

src/views/makerActvityApply2.vue

@@ -19,9 +19,9 @@
         <!-- 右方数据展示区开始 -->
         <div class="right">
           <!-- 标题 -->
-          <div class="pA1Header">
-              <div class="pAHeader1">活动申请</div>
-              <div style="margin-top: 10px;cursor: pointer;" @click="back()">返回</div>
+          <div class="vfpHeader">
+              <div class="titleOne">活动申请</div>
+              <el-button type="primary" @click="back()">返回</el-button>
           </div>
             <hr>
 
@@ -147,7 +147,7 @@
     .editor{
       min-width: 700px;
       box-sizing: border-box;
-      padding: 10px 20px 10px 0px;
+      padding: 15px 20px 10px 0px;
     }
 
 

src/views/makerActvityDetails.vue

@@ -1,14 +1,14 @@
 <template>
      <div class="makerActvityDetails">
 
-            <div class="pA1Header">
-              <div class="pAHeader1">活动详情</div>
-              <span @click="backBtn" style="cursor: pointer;">返回</span>
+            <div class="vfpHeader">
+              <div class="titleOne">活动详情</div>
+              <el-button type="primary" @click="backBtn">返回</el-button>
             </div>
             <hr>
             <!-- 活动基本信息开始 -->
             <div class="tabTit">
-              活动基本信息
+              <div><p>活动基本信息</p></div>
             </div>
           <!-- 活动申请填写信息区域开始 -->
           <div class="select">
@@ -65,7 +65,7 @@
              
             <!-- 活动完结报告开始 -->
             <div class="tabTit">
-                <div>活动完结报告</div>
+                <div><p>活动完结报告</p></div>
             </div>
             <div style="width: 85%;float: left;">
               <div style="display: flex;">
@@ -80,7 +80,7 @@
             <!-- 活动指导老师开始 -->
               <div class="tabTit">
                 <div>
-                  活动指导老师
+                  <p>活动指导老师</p>
                 </div>
                 <el-button type="primary" @click="addTeacher" size="mini">添加教师</el-button>
               </div>
@@ -132,7 +132,7 @@
 
             <!-- 多行文本框部分开始 -->
             <div class="tabTit">
-                 活动介绍
+                 <div><p>活动介绍</p></div>
             </div>
               <el-input
                 type="textarea"
@@ -141,7 +141,7 @@
                 v-model="activity.introduce">
               </el-input>
             <div class="tabTit">
-                 活动计划
+                 <div><p>活动计划</p></div>
             </div>
               <el-input
                 type="textarea"
@@ -150,7 +150,7 @@
                 v-model="activity.plan">
               </el-input>
             <div class="tabTit">
-                 预期目标
+                 <div><p>预期目标</p></div>
             </div>
               <el-input
                 type="textarea"
@@ -159,7 +159,7 @@
                 v-model="activity.target">
               </el-input>
             <div class="tabTit">
-                 活动受面
+                 <div><p>活动受面</p></div>
             </div>
               <el-input
                 type="textarea"
@@ -168,7 +168,7 @@
                 v-model="activity.scope">
               </el-input>
             <div class="tabTit">
-                 经费支出计划
+                 <div><p>经费支出计划</p></div>
             </div>
               <el-input
                 type="textarea"

src/views/makerfundApply.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="makerfundApply">
-    <div class="pAHeader">
-        <div class="pAHeader1">创客资金申请</div>
-        <div @click="$router.back()" class="backMakerfund">返回</div>
+    <div class="vfpHeader">
+        <div class="titleOne">创客资金申请</div>
+        <el-button type="primary" @click="$router.back()">返回</el-button>
     </div>
     <hr>
 
@@ -36,7 +36,9 @@
 
 
     <div class="tabTit">
-            经费支出类别(单位:元)
+            <div>
+                <p>经费支出类别(单位:元)</p>
+            </div>
     </div>
     <hr>
     <div class="moneyBlock">
@@ -162,7 +164,9 @@
        
     </div>
     <div>
-        <div class="tabTit">附件上传</div>
+        <div class="tabTit">
+            <div><p>附件上传</p></div>
+        </div>
         <hr>
         <!-- <div class="makerfundDetailsAccessoryBlock">文件</div> -->
         <div class="makerfundDetailsaddMoneyBtn">
@@ -200,23 +204,7 @@ export default {
 
 <style lang="less">
 .makerfundApply{
- .pAHeader{
-    width: 90%;
-    display: flex;
-    justify-content: space-between;
-    .pAHeader1{
-        text-align: left;
-        width: 180px;
-        font-weight: 600;
-        font-size: 22px;
-        flex-shrink: 0;
-    }
-    .backMakerfund{
-        cursor: pointer;
-        font-size: 16px;
-        margin-top: 10px;
-    }
-  }
+
   .Apply1{
     height: 45px;
     width: 100%;
@@ -253,8 +241,6 @@ export default {
   }
   .howMoneyFlex{
     display: flex;
-    // justify-content: space-between;
-    // width: 1000px;
   }
   .howMoneyInp{
     height: 40px;
@@ -288,11 +274,6 @@ export default {
         }
     }
   
-  .footer{
-    margin-top: 20px;
-    display: flex;
-    justify-content: flex-end;
-  }
   .makerfundDetailsaddMoneyBtn{  // 附件添加按钮样式开始
             width: 120px;
             height: 40px;

src/views/makerfundDetails.vue

@@ -1,11 +1,11 @@
 <template>
     <div class="makerfundDetails">
-      <div class="pAHeader">
-        <div class="pAHeader1">创客资金申请</div>
-        <div>
-          <div @click="back" class="backMakerfund">返回</div>
-        </div>
+
+      <div class="vfpHeader">
+        <div class="titleOne">创客资金申请</div>
+        <el-button type="primary" @click="$router.back()">返回</el-button>
       </div>
+      
       <hr>
       <div class="Apply1">
           <div class="inpInterval">项目名称</div>
@@ -28,7 +28,9 @@
 
 
       <div class="tabTit">
-              经费支出类别(单位:元)
+              <div>
+                <p>经费支出类别(单位:元)</p>
+              </div>
       </div>
 
       <!-- 直接经费开始 -->
@@ -110,7 +112,11 @@
 
 
       <div>
-        <div class="tabTit">附件上传</div>
+        <div class="tabTit">
+          <div>
+            <p>附件上传</p>
+          </div>
+        </div>
         <hr>
         <div class="makerfundDetailsAccessoryBlock">文件</div>
         <div class="makerfundDetailsaddMoneyBtn">

src/views/projectApplication2.vue

@@ -1,12 +1,10 @@
 <template>
     <div class="projectApplication2">
 
-        <div class="pA1Header">
-          <div style="width: 600px;display: flex;">
-            <div class="pAHeader1">项目立项申请</div>
-            <span class="pAHeader1STit">项目进展详情</span>
-          </div>
-          <div @click="$router.back()" style="cursor:pointer">返回</div>
+        <div class="vfpHeader">
+            <div class="titleOne">项目立项申请</div>
+            <div class="smallTitle">项目进展详情</div>
+            <el-button type="primary" @click="$router.back()">返回</el-button>
         </div>
 
         <hr>

src/views/projectApplicationApply.vue

@@ -17,10 +17,10 @@
 
   <!-- 右边填写信息区域开始 -->
         <div class="right">
-            <div class="projectApplicationApplypAHeader">
-              <div class="pAHeader1">项目立项申请</div>
-              <div class="pAHeader2">申请开放时间为2023年××月××日9:00 &nbsp;  截止时间为2023年××月××日18:00</div>
-              <el-button class="pAHeader3" @click="backBtn1" type="primary" size="mini">返回</el-button>
+            <div class="vfpHeader">
+              <div class="titleOne">项目立项申请</div>
+              <div class="smallTitle">申请开放时间为2023年××月××日9:00 &nbsp;  截止时间为2023年××月××日18:00</div>
+              <el-button @click="backBtn1" type="primary" size="mini">返回</el-button>
             </div>
             <hr>
 
@@ -83,7 +83,7 @@
             <!-- <div> -->
   <!-- 项目成员表格开始 -->
               <div class="tabTit">
-                <div>项目成员</div>
+                <div><p>项目成员</p></div>
                 <el-button type="primary" @click="addMember"  size="mini">添加成员</el-button>
               </div>
               <hr>
@@ -137,7 +137,7 @@
 
   <!-- 项目简介开始 -->
             <div class="tabTit">
-                <div>项目简介</div>
+                <div><p>项目简介</p></div>
             </div>
             <hr>
               <el-input

src/views/projectApplicationApply2.vue

@@ -12,9 +12,9 @@
           </div>
         </div>
         <div class="right">
-            <div class="pA1Header">
-              <div class="pAHeader1">项目立项申请</div>
-              <el-button class="pAHeader3" @click="backBtn1" type="primary" size="mini">返回</el-button>
+            <div class="vfpHeader">
+              <div class="titleOne">项目立项申请</div>
+              <el-button @click="backBtn1" type="primary" size="mini">返回</el-button>
             </div>
             <hr>
             <div>
@@ -122,7 +122,7 @@
       font-size: 18px;
     }
     .pTit2{
-      margin-top: 16px;
+      margin-top: 15px;
       color: #3994ff;
       font-weight: 550;
       font-size: 16px;
@@ -130,9 +130,8 @@
     .editor{
       width: 100%;
       min-width: 700px;
-      background: #fbfbfb;
       box-sizing: border-box;
-      padding: 25px 30px 10px 0px;
+      padding: 15px 30px 10px 0px;
       // .VueEditor{
       //   width: 100%;
       // }

src/views/projectApplicationApply3.vue

@@ -18,9 +18,9 @@
       <div class="right">
 
           <!-- 预算经费金额开始 -->
-          <div class="projectApplicationApplypAHeader">
-            <div class="pAHeader1">预算经费</div>
-            <div class="pAHeader3" @click="back()">返回</div>
+          <div class="vfpHeader">
+            <div class="titleOne">预算经费</div>
+            <el-button @click="back()" type="primary" size="mini">返回</el-button>
           </div>
           <hr>
           <div class="totalFund">
@@ -32,8 +32,8 @@
 
           <!-- 设置经费和表格开始 -->
             <div class="tabTit">
-              <div class="spanTit">经费月支出计划</div>
-              <el-button type="primary" class="addBtn">设置经费</el-button>
+              <div><p>经费月支出计划</p></div>
+              <el-button type="primary">设置经费</el-button>
             </div>
             <el-table
               :data="data.tableData"
@@ -126,8 +126,8 @@
 
           <!-- 经费明细和表格开始 -->
             <div class="tabTit">
-              <div>经费明细</div>
-              <el-button type="primary" @click="addBtn" class="addBtn">添加</el-button>
+              <div><p>经费明细</p></div>
+              <el-button type="primary" @click="addBtn">添加</el-button>
             </div>
             <el-table
               :data="data.tableData2"

src/views/projectApplicationDetails.vue

@@ -1,12 +1,10 @@
 <template>
   <div class="projectApplication1">
-    <div class="pA1Header">
+    <div class="vfpHeader">
       <!-- 详情页 -->
-      <div style="width: 800px;display: flex;">
-        <div class="pAHeader1">项目立项申请</div>
-        <span class="pAHeader1STit">项目进展详情</span>
-      </div>
-      <div @click="back" style="cursor:pointer;">返回</div>
+        <div class="titleOne">项目立项申请</div>
+        <span class="smallTitle">项目进展详情</span>
+        <el-button @click="back()" type="primary" size="mini">返回</el-button>
     </div>
 
 
@@ -71,7 +69,7 @@
 
       <!-- 项目成员开始 -->
       <div class="tabTit">
-          项目成员
+          <div><p>项目成员</p></div>
       </div>
       <hr>
       <el-table
@@ -124,7 +122,7 @@
 
       <!-- 项目简介开始 -->
     <div class="tabTit">
-          项目简介
+          <div><p>项目简介</p></div>
     </div>
     <hr>
       <el-input
@@ -138,8 +136,10 @@
     <!-- 项目简介结束 -->
 
 
-    <div class="footer">
-      <el-button type="primary" class="backBtn" @click="backBtn2">立即审核</el-button>
+    <div class="baseBtn">
+      <div class="blockWidth">
+        <el-button type="primary" class="backBtn" @click="backBtn2">立即审核</el-button>
+      </div>
     </div>
   </div>
 </template>
@@ -252,15 +252,7 @@
     
   }
 
-  .tabTit{
-      width: 100%;
-      text-align: left;
-      font-size: 18px;
-      font-weight:bold;
-      box-sizing: border-box;
-      padding-bottom: 5px;
-      margin-top: 20px;
-  }
+
   .footer{
       width: 90%;
       margin: 30px 20px;

src/views/projectSettlement1.vue

@@ -2,13 +2,10 @@
     <div class="projectSettlement1">
 
         <!-- 详情页 -->
-      <div class="pA1Header">
-        <div style="width: 400px;display: flex;">
-          <div class="pAHeader1">项目管理</div>
-          <div class="pAHeader1STit">项目详情</div>
-        </div>
-
-        <div @click="back" style="cursor:pointer;">返回</div>
+      <div class="vfpHeader">
+          <div class="titleOne">项目管理</div>
+          <div class="smallTitle" style="left: 100px;">项目详情</div>
+          <el-button type="primary" @click="back">返回</el-button>
       </div>
       <hr>
       <div class="AppBar">

src/views/projectSettlement2.vue

@@ -1,12 +1,9 @@
 <template>
     <div class="projectSettlement2">
-      <div class="pA1Header">
-        <!-- 详情页 -->
-        <div style="display: flex;width: 400px;">
-          <div class="pAHeader1">项目管理</div>
-          <span class="pAHeader1STit">项目详情</span>
-        </div>
-        <div @click="$router.back()" style="cursor:pointer;">返回</div>
+      <div class="vfpHeader">
+          <div class="titleOne">项目管理</div>
+          <div class="smallTitle" style="left: 100px;">项目详情</div>
+          <el-button type="primary" @click="back">返回</el-button>
       </div>
       <hr>
       <div class="AppBar">
@@ -153,7 +150,9 @@
             remark5(){
               this.$router.push('/projectSettlement2')
             },
-         
+            back(){
+              this.$router.push('/projectSettlement')
+            },
           // backBtn2(){
           //   this.$router.push('/projectSettlement')
           // },