VueJS/Tailwind CSS/VITE: Umgebungsvariablen als Farbe des Tailwind-Designs verwenden

Ich habe ein VueJS-Setup mit Vite, TailwindCSS und Postcss und möchte mithilfe von Variablen in der .env.name-Datei unterschiedliche Farben definieren, damit ich je nachdem, wo der Code bereitgestellt wird, unterschiedliche Farbthemen anwenden kann. Ich habe versucht, eine .env-Datei mit VITE_COLOR=...

P粉174151913 2023-08-26 14:31:22 0  1  495

Lösung für die Verwendung von JS-definierten Namen als CSS-Variablen in VueJS.

Ich verwende Vuetify, das CSS-Variablen für jede Designfarbe erstellt (wie --v-theme-primary). Ich möchte in der Lage sein, die Farbe in CSS auf --v-theme-{something} zu setzen und den Wert von {something} von JS zu erhalten. Zum Beispiel: Asdconst color = ref("primary").colored-text {back...

P粉333395496 2023-08-03 20:20:26 0  1  659

Wie kann man benutzerdefinierte CSS-Eigenschaften effektiv nutzen?

Ich entwickle eine Anwendung mit einem benutzerdefinierten Design, das es dem Benutzer ermöglicht, die Primärfarben auszuwählen, die die Anwendung verwendet, um einen Satz von 10 Farbvarianten im Tailwind-Stil zu generieren. Ich verwende Javascript, um Farben zu generieren und sie in den Dom einzufü...

P粉384366923 2024-01-16 19:00:56 0  1  413

android - Wie steuere ich die Strichfarbe einer Form über Code?

1. Dies ist eine XML-Stildatei: {code...} 2. Verwenden Sie diesen Stil in searchView {code...} 3. Was die Anforderungen betrifft, muss jetzt die Strichfarbe im Code gesteuert werden, d. h. im Stil kann dynamisch geändert werden. Farbe, die Farbe ist nicht in color.xml vorhanden und kann auch nicht ü...

習慣沉默 2017-06-27 09:19:00 0  2  1052

VSCode (CSS): Lösung, um beim Schreiben von # mithilfe einer Farbliste einen nicht angezeigten Effekt zu erzielen

Ich habe gerade VSCode aktualisiert (Version: 1.81.1 (allgemeine Version)). Vor diesem Update löste das Programm jedes Mal, wenn ich beim Schreiben von CSS „#“ eingegeben habe, eine Liste mit Farben aus: zuerst die in meinem Code verwendeten Farben, dann Vorschläge für Grundfarben. Jetzt wird die Li...

P粉677684876 2023-08-15 14:30:48 0  1  674

Wie erstelle ich ein dynamisches CSS-System in einer Vue 3-Anwendung?

Ich entwickle eine Anwendung, die von vielen verschiedenen Kunden verwendet wird, aber „Themen“ können nicht zwischen Kunden geteilt werden, da ihre Farbschemata als proprietär und vertraulich gelten, obwohl ich weiß, dass das lächerlich klingt. Jetzt wird die Farbe in der Hauptkomponente von App.vu...

P粉826283529 2024-01-07 19:49:37 0  1  560

javascript – Das Ändern der benutzerdefinierten AntD-Designfarbe ist fehlgeschlagen.

Befolgen Sie die Anweisungen auf der offiziellen Website und fügen Sie den folgenden Code zur Datei package.json hinzu. Die Farbe des Seitenthemas hat sich nicht geändert. . Bitte sagen Sie es mir, danke

巴扎黑 2017-07-05 11:06:54 0  1  1142

Wie wende ich Transparenz in CSS-Farbvariablen an?

Ich entwerfe eine App in Electron, damit ich auf CSS-Variablen zugreifen kann. Ich habe eine Farbvariable in vars.css definiert: :root{--color:#f0f0f0;} Ich möchte diese Farbe in main.css verwenden, aber etwas Transparenz anwenden: #element{background:( irgendwie mit var(--color ) und etwas Transpar...

P粉348088995 2023-08-20 18:51:07 0  1  480

Der lineare Farbverlauf funktioniert nicht mit Variablen in Hell-/Dunkel-Themen

Ich arbeite an meiner persönlichen Website – https://cooperativedoilylivedistro.elliott23.repl.co – die je nach Vorliebe helle und dunkle Themen hat. Das Problem ist, wenn ich den linearen Farbverlauf auf eine Variable setze, funktioniert es nicht und der gesamte Hintergrund wird weiß. Dies sind HTM...

P粉190443691 2024-03-29 13:28:10 0  1  388

javascript – So fügen Sie Stile zu Vue-Elementen hinzu

Das Hauptproblem ist: Ich erinnere mich, dass ich einen Index an $index übergeben könnte und es einfach wäre, zu handhaben. Wie kann ich die Datenzeile verwenden, die ich ändern möchte? die Textfarbe.

大家讲道理 2017-05-16 13:45:12 0  3  846

Wie kann ich das VSCode-ID-Attribut anpassen?

Ich bin kürzlich von Atom zu VSCode gewechselt und obwohl es mir gelungen ist, den Großteil des Editors nach meinen Wünschen anzupassen, fehlen mir immer noch einige Atom-Funktionen, die mir gefallen. Eine davon ist, dass das „id“-Attribut in Atom früher eine bestimmte Farbe hatte, etwa #99FFFF. Ich...

P粉709644700 2024-03-31 14:13:45 0  1  726

Ag-Grid: Ist es möglich, eine Zeile nach einem Timer zu gestalten, anstatt auf den Daten in der Zeile zu basieren?

Ich muss nach einiger Zeit die Hintergrundfarbe von Zeilen ändern. Es gibt eine Spalte im Raster mit der Zeit in Sekunden und ich muss die Zeilenfarbe ändern, nachdem 50 % dieser Zeit vergangen sind. Die Daten im Raster selbst ändern sich nicht, daher scheint die Verwendung von rowClassRules nicht z...

P粉277824378 2024-04-03 20:14:05 0  1  567

Generieren Sie Standardwerte und CSS-Variablen mit SCSS

Ich setze Website-Styling um. Aus Gründen der Legacy-Unterstützung muss ich IE11 zumindest für eine Weile unterstützen. Aus Gründen des Arbeitsablaufs und meiner Vernunft möchte ich wann immer möglich CSS-Variablen verwenden. Ich habe mir diese Lösung angesehen und sie generiert etwas, das funktioni...

P粉295616170 2024-04-06 17:46:54 0  1  654

CSS-Stile werden nicht auf die Website angewendet

Ich erstelle eine Website mit Bootstrap5, aber die index.css-Eigenschaften werden nicht auf index.html angewendet. Wenn ich mit der Maus über die Servicekarte fahre, sollte sich der Hintergrund ändern und einen Übergangseffekt erzeugen. Es sollte von hier nach hier sein. Allerdings glaube ich, dass ...

P粉613735289 2024-04-06 17:12:23 0  1  671

Sozialer Chat von Nuxt und Vue

Ich habe das Vue-Social-Chat-Modul in meiner Nuxt-App installiert, kann aber nicht verstehen, wie die Requisiten und Farbeinstellungen funktionieren. Derzeit funktioniert alles einwandfrei, obwohl das angezeigte WhatsApp-Symbol schwarz ist und sich die obere Leiste innerhalb der Sprechblase befindet...

P粉993712159 2024-03-26 20:55:20 0  1  503

Isolieren von CSS in Mikro-Frontends bei zweimaliger Verwendung derselben Bibliothek

Ich habe mehrere Micro-Frontend-Reaktionsanwendungen. Alle Anwendungen sind technologieunabhängig. Dies bedeutet, dass jede Anwendung eine beliebige Bibliothek als Abhängigkeit haben kann. Sie verwenden das Webpack-Modul-Union-Plugin. Wenn andere Micro-Frontend-Anwendungen dieselbe Version haben, wi...

P粉321676640 2024-01-01 09:43:23 0  1  546

Möglichkeiten zur Behebung des Problems 2003 (HY000): Verbindung zum MySQL-Server „db_mysql:3306' nicht möglich (111)

Ich habe kürzlich versucht, meinen FastAPIPython-Server zu containerisieren (auch für die Replikation/Verdoppelung). Vorher hatte ich nur einen MySQL-Server in einem Docker-Container und alles war in Ordnung, aber als ich meinen Webserver auch zu einem Dienst machte, konnte er keine Verbindung zum M...

P粉178132828 2023-09-05 11:18:47 0  1  931

Experimentieren Sie mit der Sortierung nach Abfragelimit

Das ist also meine erste Frage hier. Bitte verzeihen Sie mir, wenn etwas nicht stimmt. Ich versuche, eine Sortierabfrage basierend auf Einschränkungen durchzuführen. Es gibt also eine Kundentabelle mit 90 Datensätzen. Ich möchte zunächst eine auf 3 Datensätze beschränkte Abfrage durchführen und dann...

P粉237125700 2023-09-05 14:46:42 0  1  801

CSS-Raster: Erstellen Sie eine neue Zeile, wenn der untergeordnete Inhalt die Spaltenbreite überschreitet

Ich habe ein zweispaltiges Layout basierend auf einem CSS-Raster. Wenn der Inhalt der zweiten Spalte 1fr überschreitet, möchte ich eine neue Zeile erstellen. So wie es derzeit aussieht, läuft der Inhalt einfach über die Spalte hinaus. Eine Voraussetzung für dieses Layout ist, dass sich die Elemente ...

P粉212114661 2023-09-05 15:18:28 0  1  681

PHP-Volltextsuchfunktion mit den Operatoren AND, OR und NOT

Frage für Anfänger: Ich versuche, eine Volltextsuche für eine Suchzeichenfolge mithilfe von PHP und Eloquent zu implementieren. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  657