表单提交按钮固定到底部

hejianhao

2025-02-28 b0f68b455998ff7229521cc21da326402621ec59

表单提交按钮固定到底部

 H5/pages/add-progress/index.vue

@@ -73,7 +73,9 @@
                <image @tap="uploadImg(2)" src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
            </view>
        </view>
        <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">确认添加</view>
        <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4 fixed"
            style="width: calc(100% - 62rpx);bottom: calc(env(safe-area-inset-bottom) + 10rpx);">确认添加</view>
        <view class="btn-box"></view>
        <view class="safe-box"></view>
    </view>
</template>
@@ -384,4 +386,8 @@
    .zIndex999 {
        z-index: 999;
    }

    .btn-box {
        height: 120rpx;
    }
</style>

 H5/pages/progress/progress.vue

@@ -78,8 +78,10 @@
                暂无数据
            </view>
        </view>
        <view v-if="type" @tap="toAdd" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">添加办理进度
        <view v-if="type" @tap="toAdd" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4 fixed"
            style="width: calc(100% - 62rpx);bottom: calc(env(safe-area-inset-bottom) + 10rpx);">添加办理进度
        </view>
        <view class="btn-box"></view>
        <view class="safe-box"></view>
    </view>
</template>
@@ -328,4 +330,8 @@
    #myVideo {
        z-index: 1;
    }

    .btn-box {
        height: 120rpx;
    }
</style>

 H5/pages/result-entry/index.vue

@@ -168,7 +168,9 @@
                    style="height: 365rpx;width: calc(100% - 31rpx);" placeholder="请输入补充说明内容" /> -->
            </view>
        </view>
        <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">提交办结结果</view>
        <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4 fixed"
            style="width: calc(100% - 62rpx);bottom: calc(env(safe-area-inset-bottom) + 10rpx);">提交办结结果</view>
        <view class="btn-box"></view>
        <view class="safe-box"></view>
        <u-picker :show="showList" :columns="columns" @confirm="confirm" @cancel="cancel"></u-picker>
    </view>
@@ -585,4 +587,8 @@
        font-size: 30rpx;
        color: #FF4948 !important;
    }

    .btn-box {
        height: 120rpx;
    }
</style>

 H5/pages/work-detail/postpone-apply.vue

@@ -73,8 +73,10 @@
                <image @tap="uploadImg(2)" src="@/static/Appeal/add.png" class="w-140 h-140 shrink0" />
            </view>
        </view>
        <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4">提交延期申请
        <view @click.stop="submit" class="mt-38 fs-35 lh-96 br-48 txt-center font-bold bgcolor6 color4 fixed"
            style="width: calc(100% - 62rpx);bottom: calc(env(safe-area-inset-bottom) + 10rpx);">提交延期申请
        </view>
        <view class="btn-box"></view>
        <view class="safe-box"></view>
        <u-popup round="19rpx" :show="showPop" mode="center" @close="close" @open="open">
            <view class="popup-content">
@@ -469,4 +471,8 @@
            cursor: pointer;
        }
    }

    .btn-box {
        height: 120rpx;
    }
</style>

 H5/pages/work-detail/work-detail.vue

@@ -148,8 +148,8 @@
            <view class="problem">
                <view class="title">问题描述</view>
                <view class="desc">
                    <view class="top">{{ orderInfo.descriptionTitle || "" }}</view>
                    <view class="line1"></view>
                    <!-- <view class="top">{{ orderInfo.descriptionTitle || "" }}</view> -->
                    <!-- <view class="line1"></view> -->
                    <view class="context">{{ orderInfo.descriptionContent || '' }}</view>

                </view>