修改底部按钮

src/views/changeTag.vue

@@ -191,7 +191,9 @@ onMounted(() => {
       <div :class="['no-push', isSelectedClick ? 'is-not' : 'is-active']">
         <el-checkbox v-model="isSelected" @change="statusHandel"> 我不希望接收最新报告和活动更新的推送</el-checkbox>
       </div>
-      <div class="confirm" @click="chooseSubmit">保存</div>
+      <div class="confirm-box">
+        <div class="confirm" @click="chooseSubmit">保存</div>
+      </div>
     </template>
     <template v-else>
       <p class="inform" v-if="userInfo.HasPermission == 2">当前无行业权限，可前往【查研观向】小程序申请开通试用权限</p>
@@ -210,7 +212,7 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .container-tag {
-  padding: 30px 25px;
+  padding: 30px 25px 150px;
   background: url("@/assets/img/bg_icon.png") no-repeat;
   background-size: 100% 100%;
   .top-content {
@@ -342,17 +344,29 @@ onMounted(() => {
   //   // background-color: #e9effe;
   //   // border: 1px dashed #3385ff !important;
   // }
-  .confirm {
-    width: 368px;
-    height: 80px;
-    background: #e0bc7f;
-    font-size: 34px;
-    color: #fff;
-    margin: 0 auto;
-    text-align: center;
-    line-height: 80px;
-    border-radius: 8px;
+  .confirm-box {
+    position: fixed;
+    bottom: 30px;
+    left: 0;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    padding-bottom: calc(30px + constant(safe-area-inset-bottom));
+    padding-bottom: calc(30px + env(safe-area-inset-bottom));
+    z-index: 9;
+    .confirm {
+      width: 368px;
+      height: 80px;
+      background: #e0bc7f;
+      font-size: 34px;
+      color: #fff;
+      margin: 0 auto;
+      text-align: center;
+      line-height: 80px;
+      border-radius: 8px;
+    }
   }
+
   .el-checkbox-group {
     display: flex;
     flex-wrap: wrap;