Maison  >  Article  >  Applet WeChat  >  Comment dessiner un tableau avec un petit programme

Comment dessiner un tableau avec un petit programme

coldplay.xixi
coldplay.xixioriginal
2020-08-13 14:31:1111834parcourir

Comment dessiner un tableau dans un mini-programme : créez d'abord une interface correspondante dans l'outil de développement du mini-programme et insérez plusieurs éléments de vue ; puis ajoutez des attributs de classe et des styles de vue, puis enregistrez le code, puis définissez le tableau ; en-tête et le style du corps du tableau ; enfin, enregistrez le code et prévisualisez l'effet dans le simulateur.

Comment dessiner un tableau avec un petit programme

Comment dessiner un tableau avec un mini programme :

1. l'outil de développement de mini-programme WeChat , créez une interface correspondante, puis insérez plusieurs éléments de vue et ajoutez des attributs de classe, comme indiqué dans la figure ci-dessous :

Comment dessiner un tableau avec un petit programme

2. Dans la deuxième étape , ces vues ne sont pas stylisées, puis enregistrez le code et prévisualisez l'effet. Les résultats apparaissent disposés de haut en bas, comme le montre la figure suivante :

Comment dessiner un tableau avec un petit programme

3. troisième étape, dans le fichier wxss correspondant, définissez le style de l'en-tête et du corps du tableau comme indiqué dans la figure ci-dessous :

Comment dessiner un tableau avec un petit programme

4. Étape 4. Enregistrez le codez à nouveau et prévisualisez l'effet dans le simulateur. On constate que le tableau, comme indiqué ci-dessous :

Comment dessiner un tableau avec un petit programme

Étape 5, ajoutez un attribut border-bottom au td. et définissez l'attribut de bordure inférieure, comme indiqué dans la figure ci-dessous :

Comment dessiner un tableau avec un petit programme

6. Étape 6. Il s'avère que la bordure inférieure de la dernière ligne est un peu épaisse. En effet, les bordures de table et td sont définies et épaissies, comme le montre la figure ci-dessous :

Comment dessiner un tableau avec un petit programme

Recommandations d'apprentissage associées : Développement de mini-programmes WeChat Tutoriel

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