Wie zeichnet man mit einem kleinen Programm eine Tabelle?

So zeichnen Sie eine Tabelle in einem Miniprogramm: Erstellen Sie zunächst eine entsprechende Schnittstelle im Miniprogramm-Entwicklungstool, fügen Sie dann Klassenattribute und Ansichtsstile hinzu und legen Sie dann den Kopf- und Textstil fest die Tabelle ;Speichern Sie abschließend den Code und zeigen Sie eine Vorschau des Effekts im Simulator an.

So zeichnen Sie eine Tabelle mit einem Miniprogramm:

1. Öffnen Sie im ersten Schritt das WeChat-Miniprogramm-Entwicklungstool per Doppelklick, erstellen Sie eine entsprechende Schnittstelle, fügen Sie dann mehrere Ansichtselemente ein und Fügen Sie Klassenattribute wie folgt hinzu:

2. Im zweiten Schritt werden diese Ansichtsstile nicht angegeben. Speichern Sie dann den Code und sehen Sie sich die Ergebnisse in der Reihenfolge von oben nach unten an im folgenden Bild gezeigt:

3. Legen Sie in der entsprechenden WXSS-Datei den Stil des Tabellenkopfes und -körpers fest, wie in der Abbildung unten gezeigt:

4. Speichern Sie den Code erneut und sehen Sie sich den Effekt im Simulator an. Es wurde festgestellt, dass die Tabelle, wie in der Abbildung unten gezeigt, in Schritt 5 ein Rand-Bottom-Attribut hinzufügt und den unteren Rand festlegt Randattribut, wie in der Abbildung unten gezeigt:

6. Schritt 6, Ergebnis Ich habe festgestellt, dass der untere Rand der letzten Zeile etwas dick ist, da die Ränder von Tabelle und td wie gezeigt festgelegt und verdickt sind in der Abbildung unten:

Verwandte Lernempfehlungen:

WeChat Mini Program Development Tutorial

Das obige ist der detaillierte Inhalt vonWie zeichnet man mit einem kleinen Programm eine Tabelle?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!