.common { height: 100vh; width: 100vw; background-image: url("https://hyscancode.oss-cn-hangzhou.aliyuncs.com/xiaochengxu/bgi.png"); /* 使用绝对路径 */ background-size: cover; /* 确保背景图片自适应填充整个容器 */ background-position: center; /* 背景图片居中显示 */ background-repeat: no-repeat; /* 防止背景图重复 */ overflow: auto; } .top-class { height: 6vh; } .head { height: 4vh; line-height: 4vh; } .body { height: calc(100vh - 160rpx); } .title { font-weight: bold; font-size: 40rpx; color: #FFFFFF; text-align: center; height: 7vh; line-height: 7vh; } .footer-btn { position: fixed; /* 固定位置 */ left: 0; /* 距离页面左侧为0 */ bottom: 30rpx; /* 距离页面底部为0 */ width: 100%; /* 宽度为100%,确保按钮横跨整个底部 */ display: flex; /* 启用 Flexbox 布局 */ justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ z-index: 999; /* 确保按钮在最上层 */ } .return-button { width: 120rpx; background-color: #9A1712;; border: none; color: #F9D395; font-size: 26rpx; text-align: center; letter-spacing: 4rpx; /* 设置文字间距为2px */ font-weight: 600; height: 50rpx; line-height: 50rpx; border-radius: 8rpx; cursor: pointer; /* 鼠标指针效果 */ }