Navigacion I Personalizuar

Le të marrim faqen i18n-demo.github.io si shembull për të shpjeguar se si të personalizoni navigimin.

Skedarët që korrespondojnë me zonat e numëruara në figurën e mësipërme janë si më poshtë:

1. Majtas .i18n/htm/t1.pug
2. E drejta .i18n/htm/t2.pug

pug është një gjuhë shabllon që gjeneron HTML .

➔ Klikoni këtu për të mësuar gramatikën e pug

Vargu i formatit ${I18N.sponsor} përdoret në skedar për të zbatuar ndërkombëtarizimin dhe përmbajtja e tij do të zëvendësohet me tekstin i18n.yml në direktorinë e gjuhës burimore.

Skedari që korrespondon me stilin e shiritit .i18n/htm/topbar.css :

[!WARN] Mos shkruani css dhe js në pug , përndryshe do të ketë një gabim.

Komponentët E Uebit

js nuk mund të shkruhet me pug Nëse kërkohet ndërveprim, ai mund të arrihet duke krijuar një komponent ueb.

Komponentët mund të përcaktojnë një komponent të faqes së internetit në md/.i18n/htm/index.js dhe më pas të përdorin komponentin në foot.pug .

Është e lehtë të krijosh komponentë ueb, të tillë si <x-img> me porosi0 .

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);
    }
  }
)

Aktualisht x/i-h.js është referuar në md/.i18n/htm/index.js , e cila është një komponent ueb që përdoret për ndërkombëtarizimin e tekstit të përmbajtjes së përshtatur për navigimin dhe futerin Shih kodin burimor 18x/src/i-h.js