Maison Applet WeChat Développement de mini-programmes Modifier la couleur de fond d'une seule page du mini programme

Modifier la couleur de fond d'une seule page du mini programme

Feb 08, 2021 am 10:22 AM
小程序 couleur de fond

Modifier la couleur de fond d'une seule page du mini programme

Tout d'abord, j'avais prévu de définir une couleur d'arrière-plan globale, j'ai donc défini l'objet windows dans app.json comme suit :

  "window": {
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#fff",
    "backgroundColor": "#f6f6f8",
    "navigationBarTextStyle": "black"
  },
Copier après la connexion

Plus tard, le premier la réaction sur la page était la même. En utilisant un paramètre de fichier json séparé

{
      "backgroundColor": "#fff",
      "navigationBarTitleText": "添加评价"
}
Copier après la connexion

, j'ai découvert de manière décisive que c'était inutile et que l'arrière-plan de la page était toujours gris.

Modifier la couleur de fond dune seule page du mini programme

(Partage de vidéos d'apprentissage : Introduction à la programmation)

Solution, définir une classe de page dans le fichier wxss correspondant :

 page {
  background-color: #fff;
}
Copier après la connexion

De cette façon, la couleur d'arrière-plan de la page entière est entièrement blanche et n'affecte pas les autres pages. Les autres pages ont des exigences particulières et peuvent être modifiées de la même manière.

Modifier la couleur de fond dune seule page du mini programme

Recommandations associées : Tutoriel de développement de mini-programmes

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 de ce site Web
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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment ajuster les paramètres de couleur d'arrière-plan dans Eclipse Comment ajuster les paramètres de couleur d'arrière-plan dans Eclipse Jan 28, 2024 am 09:08 AM

Comment définir la couleur d’arrière-plan dans Eclipse ? Eclipse est un environnement de développement intégré (IDE) populaire parmi les développeurs et peut être utilisé pour le développement dans une variété de langages de programmation. Il est très puissant et flexible, et vous pouvez personnaliser l'apparence de l'interface et de l'éditeur via les paramètres. Cet article explique comment définir la couleur d'arrière-plan dans Eclipse et fournit des exemples de code spécifiques. 1. Changez la couleur d'arrière-plan de l'éditeur. Ouvrez Eclipse et entrez dans le menu "Windows". Sélectionnez "Préférences". Naviguez à gauche

Comment définir la couleur d'arrière-plan dans editplus-Comment définir la couleur d'arrière-plan dans editplus Comment définir la couleur d'arrière-plan dans editplus-Comment définir la couleur d'arrière-plan dans editplus Mar 04, 2024 pm 07:00 PM

Amis, savez-vous comment définir la couleur d'arrière-plan dans editplus ? Aujourd'hui, je vais vous expliquer comment définir la couleur d'arrière-plan dans editplus. Si vous êtes intéressé, venez jeter un œil avec moi, j'espère que cela pourra vous aider. Étape 1 : Ouvrez d'abord editplus, cliquez sur Outils ci-dessus, comme indiqué dans l'image : Étape 2 : Dans le menu des outils, cliquez sur préférences, comme indiqué sur l'image : Étape 3 : Dans la page des préférences, cliquez sur les couleurs à gauche, comme indiqué dans l'image : Chapitre 3 Étape 4 : En position d'arrière-plan, sélectionnez une couleur selon vos besoins, comme indiqué sur la figure :

Guide étape par étape pour changer la couleur d'arrière-plan avec Eclipse Guide étape par étape pour changer la couleur d'arrière-plan avec Eclipse Jan 28, 2024 am 08:28 AM

Apprenez étape par étape comment changer la couleur d'arrière-plan dans Eclipse, des exemples de code spécifiques sont requis. Eclipse est un environnement de développement intégré (IDE) très populaire qui est souvent utilisé pour écrire et déboguer des projets Java. Par défaut, la couleur d'arrière-plan d'Eclipse est blanche, mais certains utilisateurs peuvent souhaiter modifier la couleur d'arrière-plan selon leurs préférences ou pour réduire la fatigue oculaire. Cet article vous apprendra étape par étape comment modifier la couleur d'arrière-plan dans Eclipse et fournira des exemples de code spécifiques. Étape 1 : ouvrez d’abord Eclipse

Développer l'applet WeChat en utilisant Python Développer l'applet WeChat en utilisant Python Jun 17, 2023 pm 06:34 PM

Avec la popularité de la technologie Internet mobile et des smartphones, WeChat est devenu une application indispensable dans la vie des gens. Les mini-programmes WeChat permettent aux gens d'utiliser directement des mini-programmes pour résoudre certains besoins simples sans télécharger ni installer d'applications. Cet article explique comment utiliser Python pour développer l'applet WeChat. 1. Préparation Avant d'utiliser Python pour développer l'applet WeChat, vous devez installer la bibliothèque Python appropriée. Il est recommandé d'utiliser ici les deux bibliothèques wxpy et itchat. wxpy est une machine WeChat

Explication détaillée de la façon de modifier la couleur d'arrière-plan de PyCharm Explication détaillée de la façon de modifier la couleur d'arrière-plan de PyCharm Jan 04, 2024 am 11:03 AM

PyCharm est un puissant environnement de développement intégré (IDE) Python qui offre aux développeurs de nombreuses fonctions et outils pratiques. L'une des fonctions couramment utilisées consiste à modifier la couleur d'arrière-plan de PyCharm. Dans cet article, je présenterai en détail la méthode de modification de la couleur d'arrière-plan de PyCharm et fournirai des exemples de code spécifiques. Pour modifier la couleur d'arrière-plan de PyCharm, nous devons effectuer les étapes suivantes : Étape 1 : Ouvrez PyCharm et cliquez sur "Settin" dans le menu "Fichier".

Les petits programmes peuvent-ils réagir ? Les petits programmes peuvent-ils réagir ? Dec 29, 2022 am 11:06 AM

Les mini-programmes peuvent utiliser React. Comment l'utiliser : 1. Implémentez un moteur de rendu basé sur "react-reconciler" et générez un DSL ; 2. Créez un mini composant de programme pour analyser et restituer le DSL 3. Installez npm et exécutez le développeur Build ; npm dans l'outil ; 4. Introduisez le package dans votre propre page, puis utilisez l'API pour terminer le développement.

Implémenter des effets de retournement de cartes dans les mini-programmes WeChat Implémenter des effets de retournement de cartes dans les mini-programmes WeChat Nov 21, 2023 am 10:55 AM

Implémentation d'effets de retournement de cartes dans les mini-programmes WeChat Dans les mini-programmes WeChat, la mise en œuvre d'effets de retournement de cartes est un effet d'animation courant qui peut améliorer l'expérience utilisateur et l'attractivité des interactions d'interface. Ce qui suit présentera en détail comment implémenter l'effet de retournement de carte dans l'applet WeChat et fournira des exemples de code pertinents. Tout d'abord, vous devez définir deux éléments de carte dans le fichier de mise en page du mini-programme, un pour afficher le contenu avant et un pour afficher le contenu arrière. L'exemple de code spécifique est le suivant : <!--index.wxml-. ->&l

Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares. Alipay a lancé le mini-programme « Chinese Character Picking-Rare Characters » pour collecter et compléter la bibliothèque de personnages rares. Oct 31, 2023 pm 09:25 PM

Selon les informations de ce site du 31 octobre, le 27 mai de cette année, Ant Group a annoncé le lancement du « Projet de sélection de caractères chinois » et a récemment inauguré de nouveaux progrès : Alipay a lancé le mini-programme « Sélection de caractères chinois-Caractères rares ». pour collecter des collections de la société Les personnages rares complètent la bibliothèque de personnages rares et offrent différentes expériences de saisie pour les personnages rares afin d'aider à améliorer la méthode de saisie des caractères rares dans Alipay. Actuellement, les utilisateurs peuvent accéder à l'applet « Caractères peu communs » en recherchant des mots-clés tels que « capture de caractères chinois » et « caractères rares ». Dans le mini-programme, les utilisateurs peuvent soumettre des images de caractères rares qui n'ont pas été reconnus et saisis par le système. Après confirmation, les ingénieurs d'Alipay effectueront des entrées supplémentaires dans la bibliothèque de polices. Ce site Web a remarqué que les utilisateurs peuvent également découvrir la dernière méthode de saisie par fractionnement de mots dans le mini-programme. Cette méthode de saisie est conçue pour les mots rares dont la prononciation n'est pas claire. Démantèlement utilisateur

See all articles