Անհատականացված Նավարկություն

Եկեք որպես օրինակ վերցնենք ցուցադրական կայքը i18n-demo.github.io բացատրելու համար, թե ինչպես հարմարեցնել նավիգացիան:

Վերոնշյալ նկարի համարակալված տարածքներին համապատասխանող ֆայլերը հետևյալն են.

1. Ձախ .i18n/htm/t1.pug
2. Աջ .i18n/htm/t2.pug

pug կաղապարի լեզու է, որը առաջացնում է HTML -եր:

➔ Սեղմեք այստեղ՝ քերականությունը սովորելու համար pug

Ֆայլում ${I18N.sponsor} ձևաչափն օգտագործվում է միջազգայնացման իրականացման համար, և դրա բովանդակությունը կփոխարինվի համապատասխան տեքստով i18n.yml լեզվի գրացուցակում:

Նավիգացիոն տողի ոճին համապատասխանող ֆայլը : .i18n/htm/topbar.css :

[!WARN] Մի գրեք css և js pug -ում , հակառակ դեպքում սխալ կլինի:

Վեբ Բաղադրիչներ

js չի կարող գրվել pug Եթե փոխազդեցություն է պահանջվում, դրան կարելի է հասնել՝ ստեղծելով վեբ բաղադրիչ:

Բաղադրիչները կարող են սահմանել վեբ էջի բաղադրիչը md/.i18n/htm/index.js ով և այնուհետև օգտագործել բաղադրիչը foot.pug -ում:

Հեշտ է ստեղծել վեբ բաղադրիչներ, ինչպիսիք են հատուկ <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);
    }
  }
)

Ներկայումս x/i-h.js նշված է md/.i18n/htm/index.js ով, որը վեբ բաղադրիչ է 18x/src/i-h.js որն օգտագործվում է նավիգացիայի և էջատակի հարմարեցված բովանդակության տեքստի միջազգայնացման համար: