微信小程序开发 项目经验总结01

微信小程序开发 实用知识点

1. margin
   用来控制按钮的位置。

2. padding
   作用于文字在容器里的位置。相当于空格。
   （1）padding-left:10px; /margin-left:10px;　　　　　　　 　　左内/外边距
   （2）padding-right:10px; /margin-right:10px; 　　　　　　　　右内/外边距
   （3）padding-top:10px; /margin-top:10px; 　　　　　　 　　上内/外边距
   （4）padding-bottom:10px; /margin-bottom:10px; 　　下内/外边距
   （5）padding：10px;/ margin:10px; 　　 　　 四边统一内/外边距
   （6）padding:10px 20px; /margin:10px 20px; 　　　　　　 上下、左右内/外边距
   （7）padding:10px 20px 30px;/margin:10px 20px 30px; 　　 上、左右、下内/外边距
   （8）padding:10px 20px 30px 40px;/margin:10px 20px 30px 40px; 上、右、下、左内/外边距
   margin与padding的区别

display: flex; justify-content: center; align-items: center;
这三句用来做垂直水平居中。

4. .but::after {
   border: 0;
   }
   用作按钮去掉边框。
5. flex的用法
   6个属性：
   flex-direction
   flex-wrap
   flex-flow
   justify-content
   align-items
   align-content
   参考：flex的用法
6. 按钮跳转

 sumbit: function () {
    wx.navigateTo({
      url: '../logs/logs'
    });
  },