ብጁ አሰሳ

አሰሳን እንዴት ማበጀት እንደሚቻል ለማብራራት የማሳያ ጣቢያውን እንደ ምሳሌ እንውሰድ 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] css እና js በ pug አይጻፉ , አለበለዚያ ስህተት ይኖራል.

የድር አካላት

pug js መስተጋብር አስፈላጊ ከሆነ, የድረ-ገጽ ክፍሎችን በመፍጠር ማግኘት ይቻላል.

አካላት የድረ-ገጽ ክፍልን በ 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 ለአለምአቀፍ አሰሳ እና ግርጌ ብጁ ይዘት ጽሑፍ ጥቅም ላይ ይውላል.