From de245de86e9ca90df0d49f2983bae2b1caf77724 Mon Sep 17 00:00:00 2001
From: zhouxueli <2841188632@qq.com>
Date: Wed, 23 Aug 2023 19:55:04 +0800
Subject: [PATCH] =?UTF-8?q?ios=E8=A1=A5=E8=AE=A1=E7=AE=97=E5=8D=95?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index/supplySettlement.vue | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/views/index/supplySettlement.vue b/src/views/index/supplySettlement.vue
index 2dc7c01b..805c898b 100644
--- a/src/views/index/supplySettlement.vue
+++ b/src/views/index/supplySettlement.vue
@@ -50,8 +50,9 @@
         </div>
       </div>
     </div>
-    <common-btn class="btn" @submitClick="submit" />
-
+    <div class="fixed-bottom">
+      <common-btn class="btn" @submitClick="submit" />
+    </div>
   </div>
 </template>
 
@@ -126,9 +127,10 @@ export default {
 <style scoped lang="scss">
 @import "@/styles/mixin.scss";
 .wrap {
-  @include wh(100%,100%);
+  @include wh(100%,100vh);
   background-color: #F4F5F7;
   overflow-y: auto;
+  position: relative;
 }
 .common {
   @include wh(100%, 161px);
@@ -182,8 +184,20 @@ export default {
     }
   }
 }
-.btn{
-  margin-left: 24px;
-  margin-top: 30px;
+.fixed-bottom {
+  position: fixed;   /* 设置按钮容器为固定定位 */
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 10px;  /* 可根据需要调整按钮容器的内边距 */
+  background-color: #f0f0f0; /* 可根据需要设置按钮容器的背景颜色 */
+  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2); /* 可根据需要添加按钮容器的阴影效果 */
+}
+/* 如果需要调整按钮在底部容器内的位置，可以使用更具体的选择器进行样式调整 */
+.fixed-bottom .btn {
+  position: absolute; /* 将按钮设置为绝对定位 */
+  bottom: 10px; /* 可根据需要调整按钮距离底部的距离 */
+  left: 50%; /* 可根据需要调整按钮在容器中的水平位置 */
+  transform: translateX(-50%); /* 将按钮向左偏移自身宽度的一半，使其居中 */
 }
 </style>
\ No newline at end of file