دودیز نیویګیشن

راځئ چې د ډیمو سایټ د i18n-demo.github.io په توګه واخلو ترڅو تشریح کړو چې څنګه د نیویګیشن دودیز کول.

هغه فایلونه چې په پورته شمیره کې شمیرل شوي ساحې سره مطابقت لري په لاندې ډول دي:

1. کیڼ .i18n/htm/t1.pug
2. حق .i18n/htm/t2.pug

pug د کينډۍ ژبه ده چې HTML 's جوړوي.

➔ د ګرامر زده کولو لپاره دلته کلیک وکړئ pug

د نړیوال کولو د پلي کولو لپاره په فایل کې د سټرینګ ${I18N.sponsor} بڼه کارول کیږي، او د هغې مینځپانګه به د سرچینې ژبې لارښود کې د اړوند متن سره بدل شي i18n.yml

د نیویګیشن بار سټایل سره ورته فایل دی : .i18n/htm/topbar.css

[!WARN] په pug کې css او js مه لیکئ ، که نه نو یوه تېروتنه به وي.

د ویب برخې برخې

js په pug کې نشي لیکل کیدی. که متقابل عمل ته اړتیا وي، دا د ویب برخې په جوړولو سره ترلاسه کیدی شي.

اجزا کولی شي د ویب پاڼې برخې په md/.i18n/htm/index.js کې تعریف کړي او بیا په foot.pug کې برخه وکاروي.

د ویب اجزاو جوړول اسانه دي، لکه custom <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