Teknologian jakaminen

[WeChat Mini -ohjelman tietopisteet] Mukautettu komponentti-laajennus-ulkoinen tyyliluokka

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Komponenttia käytettäessä komponentin käyttäjä voi välittää CSS-luokan nimen komponentille ja muokata komponentin tyyliä välitetyn luokan nimen kautta.

Jos sinun on käytettävä ulkoisia tyyliluokkia komponentin tyylin muokkaamiseen, sinun on käytettävä externalClasses-toimintoa useiden ulkoisten tyyliluokkien määrittämiseen Componentissa.

Erityinen käyttötapa on seuraava:

(1)Luo custom06-komponentti Components-tiedostoon

(2) Rekisteröi custom06-komponentti app.json-tiedoston "usinfComponents"-määrityskohdassa

 

(3) Määritä ulkoinen tyyliluokka lisäämällä custom06.js:ään externalClassess.

 

(4) Käytä tätä tyyliluokkaa custom06.wxml:ssä

(5) Sido luokan nimi sivun cart.wxml tyyliluokan kautta

(7) Aseta tyyli cart.scss-tiedoston luokan nimen kautta

(8) Näyttötyyli on seuraava

 

(9) Huomautuksia:

Huomautus: Jos samassa solmussa on ulkoisia tyyliluokkia ja normaaleja tyyliluokkia, seuraavasti:

Kahden luokan etusija on määrittelemätön

 

 

Ehdotus: Ulkoisia tyyliluokkia käytettäessä tyylin on lisättävä painoarvoa !importantin kautta