Тохируулсан Навигаци

Навигацыг хэрхэн тохируулах талаар жишээ болгон үзүүлье 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] 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);
    }
  }
)

Одоогийн байдлаар md/.i18n/htm/index.js -д x/i-h.js иш татсан байгаа 18x/src/i-h.js энэ нь навигаци болон хөл хэсэгт тохируулсан контентын текстийг олон улсын болгоход ашигладаг вэб бүрэлдэхүүн хэсэг юм.