Maison  >  Article  >  interface Web  >  Comment supprimer les trois points dans le coin supérieur droit dans Uniapp

Comment supprimer les trois points dans le coin supérieur droit dans Uniapp

PHPz
PHPzoriginal
2023-04-27 09:03:112277parcourir

Avec le développement rapide d'Uniapp, de plus en plus de développeurs choisissent d'utiliser cet outil pour développer leurs propres applications. Cependant, lorsqu'ils utilisent Uniapp pour développer des applications, de nombreux développeurs seront confrontés à un problème courant : comment supprimer les trois points dans le coin supérieur droit de l'application.

Il existe différentes solutions à ce problème. Ci-dessous, nous présenterons plusieurs méthodes pour supprimer les trois points dans le coin supérieur droit.

Méthode 1 : Configurer dans le fichier manifest.json

peut être configuré dans le fichier manifest.json et supprimer les trois points dans le coin supérieur droit. Les étapes spécifiques sont les suivantes :

1. Dans manifest.json, recherchez le nœud "h5" et ajoutez la configuration suivante :

"custom": {#🎜🎜 #

"titleNView": false
#🎜 🎜#}

La fonction de ce code est de désactiver la barre de navigation native de la page en cours. Après avoir ajouté la configuration ci-dessus, les trois points dans le coin supérieur droit disparaîtront.

2. Pour activer la barre de navigation native, vous pouvez utiliser le code suivant :

"custom": {

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

}#🎜🎜 ## 🎜🎜#Le code ci-dessus personnalisera la barre de titre, la couleur du titre est blanche et le titre est "Titre".

Méthode 2 : Utiliser le style mui

Lorsque vous utilisez le style mui, vous pouvez directement utiliser le code suivant pour supprimer les trois points dans le coin supérieur droit :

# 🎜🎜#/# 🎜🎜#Supprimez les trois points dans le coin supérieur droit

/

.mui-action-menu {

display: none!important;
}

#🎜🎜 #La fonction de ce code est de masquer Un élément avec un nom de classe "mui-action-menu", où le nom de classe est le nom de classe de style des trois points dans le coin supérieur droit. Méthode 3 : Utiliser le style CSS

Utilisez le code suivant en CSS pour supprimer les trois points dans le coin supérieur droit :

/#🎜 🎜# Supprimez les trois points dans le coin supérieur droit

/

.plus-header .uni-page-head {

padding-right: 0!important;
}

The le code ci-dessus est pour Le style de tête fourni par uni-app lui-même définit la valeur de remplissage sur le côté droit à 0, provoquant la disparition des trois points dans le coin supérieur droit.

Résumé
Voici les trois méthodes ci-dessus pour supprimer les trois points dans le coin supérieur droit. Chaque méthode a ses propres caractéristiques et son utilisation spécifique dépend de la situation. Il convient de noter qu'avant d'effectuer toute opération, le code original doit être sauvegardé pour éviter les pertes pendant le fonctionnement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn