uniapp开发小程序隐藏掉胶囊按钮

在Uni-app中，可以通过设置页面的导航栏样式来隐藏小程序的胶囊按钮。具体操作如下：

1. 在App.vue文件中定义全局的导航栏样式：

<template>
  <div>
    <!-- 定义全局导航栏样式 -->
    <style lang="scss">
      /* 隐藏胶囊按钮 */
      .uni-navi-bar .uni-navi-right {
        display: none !important;
      }
    </style>
    <router-view />
  </div>
</template>

2. 在需要隐藏胶囊按钮的页面中，设置导航栏的样式为全局导航栏样式：

<template>
  <view>
    <!-- 设置导航栏样式为全局导航栏样式 -->
    <navigation-bar :title="title" :background-color="navbarBgColor" :front-color="navbarFontColor" />
    <text>这是一个隐藏胶囊按钮的页面</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: "隐藏胶囊按钮",
      navbarBgColor: "#ffffff",
      navbarFontColor: "#000000"
    };
  },
  onShow() {
    // 隐藏小程序胶囊按钮
    uni.setNavigationBarStyle({
      navigationBarRightButtonPosition: "never"
    });
  }
};
</script>

通过设置导航栏样式，可以很方便地隐藏小程序的胶囊按钮。注意，需要在页面的`onShow`生命周期中调用`uni.setNavigationBarStyle`方法来设置导航栏样式。