实现思路

  1. 封装TabBar
  • 自定义TabBar,在APP中使用
  • 处于底部,并调整格式
  1. TabBar中显示的内容由外界决定
  • 定义插槽
  • flex布局平分
  1. 自定义TabBarItem,可以传入文字和图片
  • 定义TabBarItem,并定义两个插槽 :图片、文字
  • 给插槽外层包装div,用于设置样式
  • 填充插槽,实现底部TabBar的效果