view,swiper,swiper-item{ // 将盒子全部换成奇异盒,而不是普通盒 box-sizing: border-box; } //页面的背景 .pageBg{ background: // 这个百分比控制的是颜色占的广度,越小表示从页面的百分之几开始融合 //transparent 透明 = rgba(0,0,0,0) linear-gradient(to bottom,transparent 0%,#fff 400rpx), linear-gradient(to right,#beecd8 20%,#F4E2D8); // 加一个最小高度,保证全部覆盖 min-height: 80vh; } .loadingLayout{ padding: 30rpx 0; } .safe-area-inset-bottom{ height: env(safe-area-inset-bottom); }