第2章 微信小程序的基础组件学习

小程序也可以用div+css进行排版。

flex-direction排列方向，可以控制内部的成员的顺序，比如从左到右、从右到左、上下，纵向和横向。

flex-wrap可以控制换行是如何去换行的，控制它不换行或者控制它换行都可以。

justify-content：中间是否有一些空格啊等等都可以去控制。

flex-direction：

      row：  进行行级横向的排序 从左到右  row-reverse： 从右到左 column： 从上到下进行列状的顺序排序  column-reverse：从下到上

app.wxss 全局的样式

/**app.wxss**/
/*.container {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 200rpx 0;
  box-sizing: border-box;
} 
*/

//app.js
App({
  
})

<!--index.wxml-->
<view class="container">
  
</view>

{
  "pages":[
    //"pages/form/buttons/buttons",
    "pages/index/index"//,
    //"pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}