စိတ်ကြိုက်လမ်းကြောင်း

လမ်းကြောင်းပြခြင်းကို စိတ်ကြိုက်လုပ်နည်းကို ရှင်းပြရန် နမူနာဆိုက်ကို ကြည့်ကြပါစို့ i18n-demo.github.io

အထက်ပါပုံရှိ နံပါတ်တပ်ထားသော ဧရိယာများနှင့် သက်ဆိုင်သော ဖိုင်များမှာ အောက်ပါအတိုင်း ဖြစ်ပါသည်။

1. လက်ဝဲဘ .i18n/htm/t1.pug
2. ညာဖက် .i18n/htm/t2.pug

pug သည် HTML 's ကိုထုတ်ပေးသော template language တစ်ခုဖြစ်သည်။

➔ သဒ္ဒါကိုလေ့လာရန် ဤနေရာကိုနှိပ်ပါ pug

နိုင်ငံတကာအသွင်ကူးပြောင်းမှုကို အကောင်အထည်ဖော်ရန်အတွက် ဖိုင်တွင် ဖော်မတ်စာတန်း ${I18N.sponsor} အသုံးပြုပြီး ၎င်း၏အကြောင်းအရာကို အရင်းအမြစ်ဘာသာစကားလမ်းညွှန်တွင် သက်ဆိုင်ရာစာသားဖြင့် အစားထိုးမည်ဖြစ်သည် i18n.yml

navigation bar ၏စတိုင်နှင့်သက်ဆိုင်သောဖိုင်သည် : ဖြစ်သည် .i18n/htm/topbar.css

[!WARN] css နှင့် js pug တွင်မရေးပါနှင့် ၊ သို့မဟုတ်ပါက error ရှိလိမ့်မည်။

ဝဘ်အစိတ်အပိုင်းများ

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