So legen Sie den Seitenverlauf im WeChat-Applet fest

angryTom
Freigeben: 2020-03-23 17:23:07
Original
7618 Leute haben es durchsucht

So legen Sie den Seitenverlauf im WeChat-Applet fest

So legen Sie den Seitenverlauf im WeChat-Applet fest

Um den Seitenhintergrund-Farbverlauf im WeChat-Applet festzulegen, können Sie css -webkit-linear verwenden -gradient( ) zu erreichen.

1. WXSS-Code:

.container{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-linear-gradient(top,white,lightblue,rgb(83, 201, 248)); color: rgb(241, 161, 155); font-size: 18px; } .container text{ display: block; margin: 40rpx; }
Nach dem Login kopieren

oben: Stellt den Auf- und Abwärtsverlauf dar, wir können ihn auch auf den linken und rechten Verlauf einstellen (Wert ist links)

Weiß: ist der erste. Ein Farbname

Hellblau: Der zweite Farbname

rgb(83, 201, 248): Der dritte Farbname (wir können auch zwei Farben festlegen)

So legen Sie den Seitenverlauf im WeChat-Applet fest

2. Der Farbverlauf der Tasten kann auch realisiert werden:

/* border-radius: 98rpx;是控制按钮边变圆 */ .goodbutton { margin-top: 30px; width: 70%; background: -webkit-linear-gradient(left,pink,lightblue,skyblue); color: white; border-radius: 98rpx; }
Nach dem Login kopieren

So legen Sie den Seitenverlauf im WeChat-Applet fest

Empfohlenes Lernen:Miniprogramm Entwicklung

Das obige ist der detaillierte Inhalt vonSo legen Sie den Seitenverlauf im WeChat-Applet fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!