lin ui

Chinesische Dokumentation |. Offizielles Tutorial

Lin UI, nicht nur eine UI-Komponentenbibliothek!
Eine Reihe hochwertiger UI-Komponentenbibliotheken basierend auf der nativen Syntax von WeChat-Miniprogrammen.

---

Inhaltsverzeichnis

• Inhaltsverzeichnis
• Einführung
• Legen Sie schnell los
  • Installieren
  • einführen
• Diskussion und Austausch
• Code beisteuern
• Open-Source-Vereinbarung

Einführung

Lin UI ist eine Reihe hochwertiger UI-Komponentenbibliotheken, die auf der nativen Syntax von WeChat-Miniprogrammen basieren. Befolgen Sie die Designvorgaben Einfachheit, Benutzerfreundlichkeit und Schönheit.

Legen Sie schnell los

Überprüfen Sie unbedingt增强编译Es6 转ES5 und使用npm 模块Moduloptionen (siehe Abbildung).

Installieren

1. Initialisieren Sie Ihr Projekt als NPM-Projekt

    npm init -y
   

   Wenn das Projektstammverzeichnis bereits die Datei package.json enthält, können Sie diesen Schritt überspringen.

2. Installieren Sie Lin UI

    npm i lin-ui
   

3. Konfigurieren der WeChat-Entwicklertools Um Lin UI korrekt zu installieren, müssen Sie alle folgenden drei Optionen der WeChat-Entwicklertools überprüfen , siehe Abbildung

   • 使用npm 模块
   • 增强编译
   • ES6 转ES5

   Einstellungspfad: obere rechte Ecke der WeChat-Entwicklertools -> Details -> Lokale Einstellungen

4. Erstellen des NPM-Moduls Nachdem die WeChat-Entwicklertools konfiguriert sind, müssen Sie noch das NPM-Modul erstellen.

   Position der Schaltfläche: Oben in den WeChat-Entwicklertools -> Tools -> Build npm

Wenn Sie lokal keine Node.js-Umgebung haben und diese nicht mit NPM installieren können, können Sie sie mithilfe des Quellcodes installieren.

einführen

1. Konfigurieren Sie WeChat-Entwicklertools

   • Um Lin UI korrekt zu verwenden, müssen Sie Es6 转ES5 und增强编译Kompilierungsoptionen in den WeChat-Entwicklertools überprüfen.

     Einstellungspfad: obere rechte Ecke der WeChat-Entwicklertools -> Details -> Lokale Einstellungen

   • Legen Sie die Basisbibliotheksversion auf >=2.8.2 fest

2. auf der Seite vorgestellt

   {
     "usingComponents" :{
       "l-button" : " /miniprogram_npm/lin-ui/button/index "
     }
   }

3. Auf der Seite verwenden

    < l-button type =" default " >默认按钮</ l-button >

   Wenn Sie Lin UI-Komponenten einführen, empfehlen wir, diese alle im Format l-{组件名} zu benennen. Das Befolgen dieser Spezifikation macht Ihren Projektcode klarer.

   Zu diesem Zeitpunkt wurde Lin UI erfolgreich in Ihr Projekt eingeführt!

Diskussion und Austausch

Code beisteuern

Unser Code wird auf Basis des Entwicklungszweigs entwickelt und Sie können gerne Pull-Requests für Codebeiträge einreichen.

Bevor Sie eine Pull-Anfrage einreichen, lesen Sie bitte unsere Entwicklungsspezifikationen im Detail durch, andernfalls kann die Pull-Anfrage aufgrund nicht standardmäßiger Commit-Informationen und aus anderen Gründen geschlossen werden.

Open-Source-Vereinbarung

MIT © 2020 Es weht Wind im Wald