Lilọ Kiri Adani

Jẹ ki a mu aaye i18n-demo.github.io bi apẹẹrẹ lati ṣe alaye bi o ṣe le ṣe akanṣe lilọ kiri.

Awọn faili ti o baamu si awọn agbegbe ti o ni nọmba ninu eeya loke jẹ atẹle yii:

1. Osi .i18n/htm/t1.pug
2. Ọtun .i18n/htm/t2.pug

pug jẹ ede awoṣe ti o ṣe agbejade HTML 's.

➔ Tẹ ibi lati kọ ẹkọ girama ti pug

Okun ọna kika ${I18N.sponsor} ni a lo ninu faili lati ṣe imuse ti ilu okeere, ati pe akoonu rẹ yoo rọpo pẹlu ọrọ ti o baamu ni i18n.yml

Faili ti o baamu si ara ti ọpa lilọ jẹ .i18n/htm/topbar.css :

[!WARN] Maṣe kọ css ati js ni pug , bibẹẹkọ aṣiṣe yoo wa.

Awọn Ẹya Ara Ẹrọ Wẹẹbu

js ko le kọ ni pug Ti o ba nilo ibaraenisepo, o le ṣe aṣeyọri nipasẹ ṣiṣẹda paati wẹẹbu kan.

Awọn paati le ṣalaye paati oju-iwe wẹẹbu ni md/.i18n/htm/index.js ati lẹhinna lo paati ni foot.pug .

O rọrun lati ṣẹda awọn paati wẹẹbu, gẹgẹbi <x-img> aṣa0 .

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);
    }
  }
)

Lọwọlọwọ x/i-h.js jẹ itọkasi ni md/.i18n/htm/index.js , eyiti o jẹ paati wẹẹbu ti a lo fun isọdọkan agbaye ti lilọ kiri ati ọrọ akoonu ti adani ẹsẹ Wo koodu orisun 18x/src/i-h.js