底部导航栏使用选项卡tabs组件，为其添加  {barPosition: BarPosition.End}  属性使其置于底部。。

效果：

代码：

import Home from './Home'
import See from './See'
import Server from './Server'
import Find from './Find'
import My from './My'
@Entry
@Component
struct Index {
  build() {
    Tabs({barPosition: BarPosition.End}) {
      TabContent() {
        Home()//首页模块
      }.tabBar('首页')
      TabContent() {
        See()//模块
      }.tabBar('想看')
      TabContent() {
        Server()//模块
      }.tabBar('服务')
      TabContent() {
        Find()//模块
      }.tabBar('发现')
      TabContent() {
        My()//模块
      }.tabBar('我的')
    }
  }
}