前端项目知识点
1.为了看上去更美观,微信小程序自定义导航栏方法:
page.json里添加"navigationStyle":“custom”
效果:
2.flex布局基础
(1).flex布局语法
https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
常用:
justify-content:flex-start/center/flex-end/space-between/space-around(横轴上的对齐)
align-items:flex-start/center/flex-end/space-between/space-around(纵轴上的对齐)
居中:justify-content:center align-items:center
flex-wrap:wrap/no-wrap(换行)
(2).flex布局实例
https://www.ruanyifeng.com/blog/2015/07/flex-examples.html
筛子九个点用flex布局展现 巧用justify-content和align-items
网格布局 巧用flex:1
圣杯布局 flex-direction: column; flex: 1; flex: 0 0 12em; order: -1;(放最左边)