uniapp底部导航栏凸起

要实现在uniapp中底部导航栏凸起的效果，你可以使用uniapp提供的 `uni-tab-bar` 组件，并结合自定义样式来实现。下面是一个示例代码：

<template>
  <view>
    <!-- 页面内容 -->
    <view>
      <!-- 其他页面内容 -->
    </view>
    
    <!-- 底部导航栏 -->
    <view class="tab-bar">
      <uni-tab-bar :tab-list="tabs" color="#000000" @click="onTabClick"></uni-tab-bar>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      tabs: [
        { title: '首页', iconPath: 'static/tabbar/home.png', selectedIconPath: 'static/tabbar/home-selected.png' },
        { title: '消息', iconPath: 'static/tabbar/message.png', selectedIconPath: 'static/tabbar/message-selected.png' },
        { title: '我的', iconPath: 'static/tabbar/me.png', selectedIconPath: 'static/tabbar/me-selected.png' }
      ]
    };
  },
  methods: {
    onTabClick(index) {
      // 处理点击事件
    }
  }
}
</script>

<style>
.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}
</style>

在上述代码中，使用了 `uni-tab-bar` 组件来创建底部导航栏，通过设置 `tab-list` 属性来指定导航栏的各个选项。同时，通过在 `style` 标签中设置 `.tab-bar` 类的样式，可以实现底部导航栏凸起的效果。你可以根据自己的需求修改样式和图标路径。