Vuetify 3: SVG für V-Symbol verwenden

Ich möchte mein benutzerdefiniertes SVG als V-Symbol verwenden, habe aber in der Vuetifyv3-Dokumentation keine Lösung gefunden. In vuetifyv2 kann ich in vuetify.js so etwas tun: exportdefaultnewVuetify({icons:{values:{test:{component:Test,},}, ich kann es so verwenden: <v-iconsize="40"&...

P粉440453689 2023-08-28 21:34:41 0  1  606

Wie kann ich das Hintergrundsymbol vergrößern?

Im Hintergrundbild dieses Kapitels gibt es beispielsweise viele Symbole. Ich möchte nur das erste Symbol. Die Breite und Höhe dieses Symbols beträgt beispielsweise nur 30 x 30 Pixel. Ich schreibe CSS wie folgt: Hintergrund: URL (../images/xxx.png); Hintergrundposition: 0px -30px; Breite: 40px Höhe: ...

何惜一博 2018-09-21 16:12:16 0  2  1315

CSS - Problem mit Ebenensymbolen

Der Code für das Symbol ist auf der Seite so geschrieben, kann aber nicht angezeigt werden. Muss Layxer Schriftart oder CSS einführen, um das Symbol zu verwenden? . .

给我你的怀抱 2017-07-05 10:45:57 0  2  1209

Font Awesome 5 zeigt auf Pseudoelementen ein Quadrat anstelle eines Symbols an

Ich versuche, den Inhalt eines Spans mit einem FontAwesome-Symbol direkt von der CSS-Seite aus zu ändern, aber es scheint mir nicht zu gelingen. 1) Ich habe FA<linkrel="stylesheet"href="https://use.fontawesome.com/releases/v5.0.9/css/all.css"integrity="sha384-5SOiIsA impo...

P粉773659687 2024-01-09 22:35:19 0  2  479

Können Sie alt/aria-label direkt in CSS hinzufügen?

Wir führen derzeit einige Barrierefreiheitsprüfungen auf unserer Website durch. Eines der festgestellten Probleme bestand darin, dass zwei Symbole in unserer mobilen Version „erkennbaren Text“ erforderten: Suchen Sie auf dieser Seite – https://sthelens.ac.uk/kcc-course-enquiry – beim Anzeigen der mo...

P粉106711425 2023-09-05 14:53:48 0  1  680

javascript - Nachdem iview gepackt wurde, kann das integrierte Symbolbild nicht gefunden werden und der Pfad wird wiederholt. Bitte geben Sie mir eine Lösung.

Nach der Verwendung von vue-vli zum Packen kann das mit iview gelieferte Symbolsymbol nicht gefunden werden und der Pfad der Fehlermeldung wird wiederholt: /dist/static/css/static/fonts/ionicons.24712f6.ttf Wie um die Konfiguration des Webpacks zu ändern

学习ing 2017-06-20 10:07:00 0  1  1095

Wie verstecke ich Tabs auf kleinen Bildschirmen?

Ich habe ein Antd-Menü mit Beschriftungen und Symbolen. Dies ist die minimale Darstellung des Designs. Codesandbox Jetzt möchte ich die Beschriftungen ausblenden und die Symbole nur anzeigen, wenn das Menü anfängt, Ellipsen anzuzeigen. Da ich mit CSS nicht sehr vertraut bin, habe ich mich gefragt, o...

P粉520204081 2023-08-17 12:53:57 0  1  629

Ich erstelle drei Seiten mit React, jede Seite hat ihre eigene CSS-Datei und es gibt nur eine CSS-Datei für jede Seite

Ich arbeite an diesen drei Seiten: App.js hat zwei Schaltflächen. Wenn Sie auf die erste Schaltfläche klicken, gelangen Sie zur Seite „/quotes“, und wenn Sie auf die zweite Schaltfläche klicken, gelangen Sie zur Seite „/recommendations“. Der HTML-Code für alle drei funktioniert, aber wann immer ich ...

P粉238433862 2024-04-04 10:07:16 0  1  567

css - Wie sollte sich die CDN-Adresse in Bezug auf die CDN-Online-Referenz von Alibaba ICON-FONT ändern?

1. Problembeschreibung: Ich habe iconfont verwendet, um die Symbolbibliothek zu generieren, und sie mithilfe von cdn in das Projekt geladen. Wird sich jedoch die CDN-Adresse durch die Aktualisierung der Symbolbibliothek ändern und somit die normale Anzeige von Online-Symbolen beeinträchtigen? 2. Scr...

伊谢尔伦 2017-05-16 13:34:24 0  2  902

javascript - Warum gibt es in Vue zwei ActiveLinks? Ich klicke nur auf einen Link. Es sollte nur ein aktiver Link vorhanden sein.

Neu bei Vue-. -Es hat lange gedauert, bis ich es herausgefunden habe ... hilf mir! ! ~~Ich möchte nur drei Symbole unter der Fußzeile erstellen. Klicken Sie auf ein Symbol, und dieses Symbol ändert seine Farbe, während die anderen Symbole ihre Farbe nicht ändern. Ich habe gesehen, dass nach dem Klic...

我想大声告诉你 2017-05-19 10:36:08 0  2  661

JavaScript: Geben Sie den Selektor des angegebenen Typs ein (nur drei einfache CSS-Selektoren wie id, class und tagName werden unterstützt)

1. Schreiben Sie eine JavaScript-Funktion und geben Sie einen Selektor eines bestimmten Typs ein (er muss nur drei einfache CSS-Selektoren wie id, class und tagName unterstützen und muss nicht mit kombinierten Selektoren kompatibel sein). Der folgende reguläre Abgleich kann nicht verstanden werden, ...

PHP中文网 2017-06-26 10:57:53 0  4  1069

Warum ist mein Zellenarray im Abseits?

for(int i = 0;i<4;i++) {//行数 for(int j = 0;i<3;j++) {//列数 ImageIcon icon = new ImageIcon("图片\\1_"+( i*3+j+1)+".gif"); cell[i*3+j] = new Cell(icon); cell[i*3+j].setL

2018-07-02 08:31:58 0  1  1286

css – Sekundäre Entwicklung fügt neue Schriftartensymbole hinzu, während die ursprünglichen beibehalten werden.

Da es sich um eine sekundäre Entwicklung handelt, bleibt das Symbolbibliothekskonto der vorherigen Person nicht erhalten, die meisten Symbole müssen jedoch beibehalten werden. Es müssen nur einige Symbole aktualisiert werden, sodass die vorherigen Dateien nicht überschrieben werden können. . . Wie k...

黄舟 2017-05-27 17:44:15 0  1  959

Vanilla JS setTimeout(): Falsches Verhalten identifizieren

Ich habe eine Animation auf meinem Hamburger-Menü, die in HTML, CSS und Vanilla-JavaScript geschrieben ist. Erwartete Ergebnisse Wenn Sie auf die Hamburger-Menüschaltfläche klicken, sollten die folgenden Ereignisse eintreten: Wenn Sie auf das Hamburger-Menüsymbol klicken: Das Hauptmenü dreht sich um...

P粉797855790 2024-04-02 20:44:40 0  1  492

Vite + Vue3 in Electron: So importieren und verwenden Sie Material Design-Symbole @mdi/font (oder eine andere Symbolschriftart)

Ich möchte @mdi/font-Symbole in meine App bündeln (es ist eine Electron-App). Ich habe npmi@mdi/font--save-dev:"devDependencies":{"@mdi/font":^7.0.96",} installiert und dann CSS/SCSS importiert. Ich habe verschiedene Möglichkeiten ausprobiert: Im Hauptformat importieren .ts:...

P粉404539732 2023-11-02 18:43:57 0  1  931

CSS: Rendern von 4 Elementen in 2 Spalten mit Columns: 3

Ich möchte ein Mauerwerkslayout mit drei Spalten erstellen, um Elemente mit derselben Breite, aber unterschiedlichen Höhen darzustellen. Wenn ich jedoch den folgenden Code ausprobiere, sehe ich, dass die dritte Spalte leer ist, was etwas seltsam aussieht. Kann ich das irgendwie beheben? Ich habe die...

P粉300541798 2023-09-08 19:54:21 0  1  539

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  546

Fügen Sie mit Nuxt 3 und Vite effizient globales CSS hinzu

In meinem Projekt ist globales Sass enthalten, aber ich finde keine effiziente Möglichkeit, es dem Projekt hinzuzufügen. Es scheint zwei beliebte Möglichkeiten zu geben, CSS zu Ihrem Projekt hinzuzufügen. vite:{plugins:[svgLoader()],css:{preprocessorOptions:{scss:{additionalData:`@import"~/asse...

P粉256487077 2023-08-25 18:19:44 0  1  542

Die SVG-Symbole von Reactjs haben trotz des gleichen CSS unterschiedliche Größen

Dies ist das erste Mal, dass ich eine Website mit ReactJS erstelle. Ich habe ReactJS-Symbole aus der React Icon Library verwendet. Wenn diese Symbole im selben Teil der Website wiederholt werden, variiert ihre Größe. Fotos sind als Referenz beigefügt. Ich habe es mit Scheck überprüft. Zeigt, dass de...

P粉184747536 2024-04-01 13:18:38 0  1  514