ios补计算单按钮

src/views/index/supplySettlement.vue

@@ -50,8 +50,9 @@
         </div>
       </div>
     </div>
+    <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{
+.fixed-bottom {
-  margin-left: 24px;
+  position: fixed;   /* 设置按钮容器为固定定位 */
-  margin-top: 30px;
+  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>