uniapp小程序底部导航栏凸起

要在 UniApp 小程序中实现底部导航栏凸起的效果，可以按照以下步骤进行操作：

1. 在 App.vue 文件中，添加一个全局样式的 class，比如可以命名为 `tabbar-fix`。在这个 class 中设置 `padding-bottom` 的值，使得底部导航栏有一定的高度。

2. 在 pages 文件夹下的每个页面的 vue 文件中，将页面容器的样式设置为 `position: fixed;`，并添加一个与底部导航栏高度相同的 `padding-bottom`。这样可以确保页面内容不会被底部导航栏遮挡。

3. 在 main.js 文件中，监听小程序的底部导航栏切换事件 `tabBar.switchTab`。当切换到不同的页面时，动态改变页面容器的 `padding-bottom` 值，以适应不同页面的高度。

通过以上步骤，可以实现底部导航栏凸起的效果。请注意，在使用这种方式时，需要手动管理页面容器的高度，以确保页面内容不会被底部导航栏遮挡。