寫一個我自己的小程式簡單的設計思路。

我自己喜歡在開始寫小程式的時候在外部包裹兩個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%；也可以使用這種方法。