Oanpaste Navigaasje

Litte wy de demo-side as foarbyld nimme om út te i18n-demo.github.io hoe't jo de navigaasje kinne oanpasse.

De bestannen dy't oerienkomme mei de nûmere gebieten yn 'e boppesteande figuer binne as folget:

1. lofts .i18n/htm/t1.pug
2. rjochts .i18n/htm/t2.pug

pug is in sjabloantaal dy't HTML 's genereart.

➔ Klik hjir om de grammatika fan te learen pug

De opmaakstring ${I18N.sponsor} wurdt brûkt yn it bestân om ynternasjonalisaasje út te fieren, en de ynhâld dêrfan wurdt ferfongen troch de korrespondearjende tekst yn 'e i18n.yml .

It bestân dat oerienkomt mei de styl fan de navigaasjebalke .i18n/htm/topbar.css :

[!WARN] Skriuw gjin css en js yn pug , oars komt der in flater.

Web Komponinten

js kin net skreaun wurde yn pug As ynteraksje nedich is, kin it berikt wurde troch it meitsjen fan in webkomponint.

Komponinten kinne in webside-komponint definiearje yn md/.i18n/htm/index.js en dan de komponint yn foot.pug brûke.

It is maklik om webkomponinten te meitsjen, lykas oanpaste <x-img> .

customElements.define(
  'x-img',
  class extends HTMLElement {
    constructor() {
      super();
      var img = document.createElement('img');
      img.src = '//p.3ti.site/i18n.svg';
      img.style = "height:99px;width:99px;";
      this.append(img);
    }
  }
)

Op it stuit wurdt x/i-h.js ferwiisd yn md/.i18n/htm/index.js , dat is in webkomponint dat brûkt wurdt foar ynternasjonalisaasje fan navigaasje en foettekst oanpaste ynhâldtekst Sjoch de boarnekoade 18x/src/i-h.js