uniapp怎么去除右上角三点

随着uniapp的快速发展，越来越多的开发者选择使用这款工具来开发自己的应用程序。然而，在使用uniapp开发应用程序时，不少开发者会遇到一个共同的问题，那就是如何去除应用程序右上角的三点。

对于这个问题，有不同的解决方案，下面将介绍几种去除右上角三点的方法。

方法1：在manifest.json文件中配置

可以在manifest.json文件中配置，去除右上角的三点。具体步骤如下：

1.在manifest.json中，找到“h5”节点，添加以下配置：

"custom": {

"titleNView": false

}

这段代码的作用是禁用当前页面的原生导航栏。添加上述配置后，右上角的三点就会消失。

2.如需启用原生导航栏，可以使用以下代码：

"custom": {

"titleNView": {    "buttons":[],    "titleColor":"#fff",    "titleText":"标题"}

}

以上代码将自定义标题栏，标题颜色为白色，标题为“标题”。

方法2：使用mui样式

在使用mui样式时，可以直接使用以下代码去除右上角的三点：

/去除右上角三个点/
.mui-action-menu {

display: none!important;

}

这段代码的作用是隐藏类名为“mui-action-menu”的元素，其中该类名为右上角三点的样式类名称。

方法3：使用css样式

在css中使用以下代码，可以去除右上角的三点：

/去除右上角三个点/
.plus-header .uni-page-head {

padding-right: 0!important;

}

以上代码的作用是针对uni-app自身提供的头部样式，将右侧的padding值设置为0，从而使右上角三点消失。

总结