Custзенчәлекле Навигация

Навигацияне ничек көйләргә икәнен аңлату өчен, демо сайтын алыйк i18n-demo.github.io

Aboveгарыдагы рәсемдәге санлы өлкәләргә туры килгән файллар түбәндәгечә:

1. Сул .i18n/htm/t1.pug
2. Уң .i18n/htm/t2.pug

pug - HTML теле.

The Грамматикасын өйрәнү өчен монда басыгыз 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