|
|
@@ -1301,8 +1301,10 @@ export default {
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.app-content {
|
|
|
- min-height: calc(100vh - 100upx);
|
|
|
- padding-bottom: 150upx;
|
|
|
+ /* 为固定底部留出空间 */
|
|
|
+ padding-bottom: 200upx;
|
|
|
+ /* 使用min-height而不是height，避免内容不足时的问题 */
|
|
|
+ min-height: calc(100vh - 200upx);
|
|
|
}
|
|
|
// 公共模块
|
|
|
.module-com {
|
|
|
@@ -1337,10 +1339,48 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.app-footer {
|
|
|
- justify-content: space-evenly;
|
|
|
- z-index: 9999;
|
|
|
+ /* 使用固定定位确保位置稳定 */
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ /* 确保背景和边框 */
|
|
|
+ background-color: #fff;
|
|
|
+ border-top: 1upx solid #eee;
|
|
|
+
|
|
|
+ /* 适配安全区域 */
|
|
|
+ padding: 20upx 30upx;
|
|
|
+ padding-bottom: calc(20upx + env(safe-area-inset-bottom));
|
|
|
+
|
|
|
+ /* 强制硬件加速，提升渲染性能 */
|
|
|
+ transform: translateZ(0);
|
|
|
+ -webkit-transform: translateZ(0);
|
|
|
+
|
|
|
+ /* 确保层级 */
|
|
|
+ z-index: 999;
|
|
|
+
|
|
|
+ /* 布局方式 */
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ /* 防止被压缩 */
|
|
|
+ flex-shrink: 0;
|
|
|
+ min-height: 100upx;
|
|
|
+
|
|
|
+ /* 添加阴影增强视觉效果 */
|
|
|
+ box-shadow: 0 -2upx 10upx rgba(0, 0, 0, 0.1);
|
|
|
+
|
|
|
.admin-button-com {
|
|
|
- width: 46%;
|
|
|
+ flex: 0 0 46%;
|
|
|
+ /* 防止按钮变形 */
|
|
|
+ min-height: 80upx;
|
|
|
+ /* 确保按钮内容居中 */
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
</style>
|
