uni-app背景图拉伸整个页面

uni-app（原Dcloud框架）是一款支持多端开发的框架，用于构建一套代码运行在微信小程序、H5、App等平台的应用。如果你想要让背景图片在uni-app项目中拉伸填满整个页面，你可以通过CSS样式来实现。以下是基本步骤：

1. 设置body元素的背景属性：
在`app.vue`或全局样式文件中，选择`.page`或者直接设置`body`的选择器，设置背景图片和背景大小：

/* 全局设置 */
body {
  background-image: url('your-bg-image.jpg');
  background-size: cover; /* 这会让图片自动拉伸适应屏幕大小 */
  background-position: center; /* 图片会居中显示 */
  height: 100%; /* 确保高度能完全填充 */
  width: 100%; /* 同样适用于宽度 */
}

/* 或者针对某个特定页面 */
.page {
  background-image: ...;
}

2. 如果有特殊的头部或底部区域需要排除，可以添加一个全屏的透明遮罩层，并将其定位到顶部和底部。

记住，在实际操作中，确保替换`'your-bg-image.jpg'`为你所需的背景图片路径。另外，如果你使用的是懒加载或者动态背景，可能需要处理图片加载完成后的布局调整。