今日头条源码剖析.comment css

 注意： positiojn:fixed; bottom:0px; align-items:center;  33%

.comment{
  width:100%;
  height: 42px;
  background-color: #F4F5F7;
  position: fixed;
  bottom: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.nav-item{
  width:33%;
  font-size: 13px;
  padding-top:10px;
  padding-bottom: 10px;
}

 如果 有3 张图 每张 width:33%

.hr{
  width:100%;
  height: 15px;
  background-color: #F4F5F6;
}

.nav{
  display: flex;
  flex-direction: row;
  text-align: center;
}

  <view class="nav">
    <view class="nav-item">
      <view>
         <image src="/images/icon/shoucang.jpg" style="width:23px;height:23px;"></image>
      </view>
      <view>收藏</view>
    </view>
    <view class="nav-item">
      <view>
         <image src="/images/icon/lishi.jpg" style="width:23px;height:23px;"></image>
      </view>
      <view>历史</view>
    </view>
    <view class="nav-item">
      <view>
         <image src="/images/icon/yejian.jpg" style="width:23px;height:23px;"></image>
      </view>
      <view>夜间</view>
    </view>
  </view>