Wie man Stil nur für Header- und Footer-Komponenten bekommt

Question

Hallo @artf, Kannst du mir bitte sagen, was der schnellste und einfachste Weg ist, Komponentenstile zu extrahieren?

Ich habe eine Vorlage und in dieser Vorlage kann man einen Teil des Headers, des Footers bearbeiten und Inhalte zwischen ihnen hinzufügen. Ich speichere nicht die ganze Vorlage, sondern nur den Inhalt in der Mitte, Kopf und Fuß. Die Komponentenstruktur ist einfach, ich schleife das JSON und hole die Komponenten.

Ich möchte den Stil von Kopf und Fuß vom Stil der Seite trennen. Wie macht man das?

Mit freundlichen Grüßen, Alex

Abozhinov · Accepted Answer

Ich sehe kein Problem mit Medienanfragen. Die Regeln werden vom Selektor erkannt und alles funktioniert einwandfrei. Ich füge Klassen- und Set-Style nur für Mobilgeräte hinzu und es funktioniert.

artf · Answer

Ja, Styles sind in einem anderen Container ('Editor. CssComposer.getAll()'), also ist es etwas schwieriger und es gibt keine API zum Extrahieren aller passenden Stile. Was ich empfehlen würde, so etwas zu machen '''js const matchedRules = (component, rules) { const El = component.getEl(); Lass Ergebnis = []; rules.forEach(rule => { versuchen { wenn (rule.selectorsToString().split(',').some( Selector => el.matches(selector) )) { result.push (Regel); } } fangen (err) {} }); component.components()...

Abozhinov · Answer

@artf, danke!

Wie man Stil nur für Header- und Footer-Komponenten bekommt

Frage

Antworten (3)

Verwandte Fragen und Antworten

Was ist der beste Weg, dynamische Komponenten zu verwalten?

Wie fügt man einen Link zu einem Bild hinzu?

Wie ändert man benutzerdefinierte Komponenteninhalte (HTML) von Ajax?

Was ist der beste Weg, Änderungen im endgültigen HTML anzuhören?

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien