uniapp怎么设置凸起的tabbar

您好，关于uniapp如何设置凸起的tabbar，您可以通过设置底部导航栏的样式来实现。具体步骤如下：

1. 在pages.json文件中设置tabBar属性，并设置为custom，表示自定义样式的tabbar。例如：

{
  "tabBar": {
    "custom": true,
    "color": "#999999",
    "selectedColor": "#007aff",
    "backgroundColor": "#ffffff",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "static/img/icon_home.png",
        "selectedIconPath": "static/img/icon_home_selected.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "static/img/icon_mine.png",
        "selectedIconPath": "static/img/icon_mine_selected.png"
      }
    ]
  }
}

2. 在app.vue文件中设置tabbar样式。例如，设置一个底部凸起的凸起按钮样式：

<template>
  <div>
    <tab-bar></tab-bar>
    <view class="center-btn"></view>
  </div>
</template>

<style>
  .center-btn {
    position: fixed;
    left: 50%;
    bottom: 10px;
    width: 60px;
    height: 60px;
    margin-left: -30px;
    border-radius: 100%;
    background-color: #007aff;
    z-index: 999;
  }
</style>

这样就可以实现一个凸起的tabbar了。希望能够帮到您！