Maison > Applet WeChat > Développement de mini-programmes > Comment dessiner un tableau avec un petit programme

Comment dessiner un tableau avec un petit programme

coldplay.xixi
Libérer: 2020-08-13 14:31:54
original
11961 Les gens l'ont consulté

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!

Étiquettes associées:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal