微博底部栏分析

微博feed架构介绍 微博freeout_前端

微博底部栏的开发和副导航类似

justify-content: space-between;

主要使用flex的水平布局

第二项是头像，宽度不一样

footer.footer {
  .item {
    // 将每一项的宽度设置为固定宽度
    // px2rem是处理尺寸的自定义函数
    width: px2rem(30);
  }
}

align-self可以让子元素不遵循父元素的对齐方式
图标大小不一样，使用align-items:flex-end



RicardoSimple