写一个我自己的小程序简单的设计思路。
我自己喜欢在开始写小程序的时候在外部包裹两个view
.body{
width: 100%;
min-height: 100vh;
background-color: #4C5268;
}
.center{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 15rpx 0 0 0;
}<view class='body'>
<view class='center'>
内容
</view>
</view>背景随意自己换， 然后在里面写轮播，导航等等。
个人习惯，我觉得可以避免遇到很多不必要的麻烦，如果内容超出了一页，那么center就会自动将body延长，
如果内容只有半页，那么可以根据喜欢的背景设计body的颜色。
新手的思路，你有更好的办法也可以评论下。
如果是h5，那么也可以这样，不过前面需要将html和body的pad和mad设置成0，w和h都可以设置为100%；也可以使用这种方法。