小程序页面设计

写一个我自己的小程序简单的设计思路。

我自己喜欢在开始写小程序的时候在外部包裹两个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%；也可以使用这种方法。