From a139f1a921d904fed62e6323343afca1d531658d Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Thu, 26 May 2022 16:27:57 +0800
Subject: [PATCH] =?UTF-8?q?=E6=92=A4=E9=94=80=E5=8F=91=E5=B8=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mods/publicity/AppJob/compJob.vue | 141 +++++++++++++++-----------
 src/mods/publicity/AppJob/persJob.vue |  25 +++++
 2 files changed, 109 insertions(+), 57 deletions(-)

diff --git a/src/mods/publicity/AppJob/compJob.vue b/src/mods/publicity/AppJob/compJob.vue
index aeedb25..382b187 100644
--- a/src/mods/publicity/AppJob/compJob.vue
+++ b/src/mods/publicity/AppJob/compJob.vue
@@ -29,6 +29,11 @@
         </div>
       </template>
     </div>
+
+    <div class="btn">
+      <div>撤销发布</div>
+    </div>
+
   </div>
 </template>
 
@@ -71,81 +76,103 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.card {
-  padding: 32px 0 32px 32px;
-  background-color: #ffffff;
+.wrapper {
+  padding-bottom: 120px;
+  .card {
+    padding: 32px 0 32px 32px;
+    background-color: #ffffff;
 
-  .post-info {
-    padding-right: 32px;
+    .post-info {
+      padding-right: 32px;
 
-    .post-name {
+      .post-name {
+        display: flex;
+        justify-content: space-between;
+        line-height: 56px;
+
+        & > span:first-child {
+          font-size: 40px;
+          font-weight: 600;
+          color: #333333;
+        }
+
+        & > span:last-child {
+          font-size: 36px;
+          font-weight: 600;
+          color: #FF3521;
+          flex-shrink: 0;
+        }
+      }
+
+      & > p {
+        font-size: 32px;
+        font-weight: 400;
+        color: #999999;
+        margin: 16px 0 32px;
+      }
+    }
+
+    .form {
+      height: 112px;
+      background: #FFFFFF;
+      border-bottom: 1px solid #DDDDDD;
       display: flex;
+      align-items: center;
       justify-content: space-between;
-      line-height: 56px;
+      border-bottom: 1px solid #DDDDDD;
+      padding-right: 32px;
 
-      & > span:first-child {
-        font-size: 40px;
-        font-weight: 600;
+      .label {
+        font-size: 32px;
+        font-weight: 400;
+        color: #999999;
+      }
+
+      .value {
+        font-size: 32px;
+        font-weight: 400;
         color: #333333;
       }
 
-      & > span:last-child {
-        font-size: 36px;
-        font-weight: 600;
-        color: #FF3521;
-        flex-shrink: 0;
+      .phone {
+        font-size: 28px;
+        color: #4181FF;
       }
     }
 
-    & > p {
-      font-size: 32px;
-      font-weight: 400;
-      color: #999999;
-      margin: 16px 0 32px;
-    }
-  }
-
-  .form {
-    height: 112px;
-    background: #FFFFFF;
-    border-bottom: 1px solid #DDDDDD;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    border-bottom: 1px solid #DDDDDD;
-    padding-right: 32px;
-
-    .label {
-      font-size: 32px;
-      font-weight: 400;
-      color: #999999;
+    header {
+      font-size: 38px;
+      font-weight: 600;
+      color: #333333;
+      padding: 32px 0;
     }
 
-    .value {
+    .post-require {
       font-size: 32px;
       font-weight: 400;
       color: #333333;
-    }
-
-    .phone {
-      font-size: 28px;
-      color: #4181FF;
+      line-height: 56px;
+      padding-right: 20px;
     }
   }
 
-  header {
-    font-size: 38px;
-    font-weight: 600;
-    color: #333333;
-    padding: 32px 0;
-  }
-
-  .post-require {
-    font-size: 32px;
-    font-weight: 400;
-    color: #333333;
-    line-height: 56px;
-    padding-right: 20px;
-  }
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 120px;
+    background: #F3F6F9;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    div {
+      height: 88px;
+      line-height: 88px;
+      text-align: center;
+      background: #FFFFFF;
+      border-radius: 16px;
+      border: 1px solid #FF4466;
+    }
+  } 
 }
 </style>
diff --git a/src/mods/publicity/AppJob/persJob.vue b/src/mods/publicity/AppJob/persJob.vue
index c73ef6b..44d4d50 100644
--- a/src/mods/publicity/AppJob/persJob.vue
+++ b/src/mods/publicity/AppJob/persJob.vue
@@ -26,6 +26,11 @@
       <div class="post-require">{{ detail.remark }}
       </div>
     </div>
+
+    <div class="btn">
+      <div>撤销发布</div>
+    </div>
+
   </div>
 </template>
 
@@ -74,6 +79,7 @@ export default {
 .padding {
   min-height: 100%;
   background-color: #ffffff;
+  padding-bottom: 120px;
 
   .card {
     padding: 32px 0 32px 32px;
@@ -152,5 +158,24 @@ export default {
       padding-right: 20px;
     }
   }
+
+  .btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 120px;
+    background: #F3F6F9;
+    padding: 16px 32px;
+    box-sizing: border-box;
+    div {
+      height: 88px;
+      line-height: 88px;
+      text-align: center;
+      background: #FFFFFF;
+      border-radius: 16px;
+      border: 1px solid #FF4466;
+    }
+  } 
 }
 </style>