CMUI -Download - CMUI -Quellcode -Download

CMUI

Komponenten von Drittanbietern

2.1.1

Herunterladen

CMUI

CMUI ist ein UI -Framework für mobiles Web. Es bietet reichhaltige Widgets und einfache Schnittstellen außerhalb des Boxs, mit denen Entwickler Details zum Styling und Problemen der Kompatibilität beseitigen und sich auf den Aufbau ihrer eigenen Anwendungen konzentrieren können.

CMUI ist ein UI -Framework, das sich auf mobile Webseiten spezialisiert hat. Es bietet reichhaltige Komponenten und prägnante Schnittstellen und ist nicht mehr in der Box erhältlich. CMUI hilft Entwicklern dabei, Stildetails und Kompatibilitätsprobleme zu beseitigen und mehr Energie für die Investition in die Geschäftsentwicklung zu befreien.

Kompatibilität

Browserunterstützung

Mainstream -Browser, die die folgenden mobilen Plattformen unterstützen:
- iOS 10+
- Android 4.4+
Die folgenden Desktop -Browser werden ebenfalls unterstützt:
- Firefox (neuestes)
- Chrom (neuestes)
- Safari (neuestes)

(Weitere Informationen finden Sie unter CMUI -Browser -hierarchischen Unterstützungsrichtlinien.)

Externe Abhängigkeiten

Unterstreichen 1.8+
Zepto 1.1+
Getriebe 0,7+

Installation und Verwendung

Traditioneller Weg

Installiert über NPM 3:
```
$ npm install cmui
```

Laden Sie die CMUI -Style -Dateien, Skriptdateien und die erforderlichen Abhängigkeiten in der Seite:

 <!DOCTYPE html >
< html >
< head >
	...
	< link rel =" stylesheet " href =" node_modules/cmui/dist/cmui.css " >
</ head >
< body >
	...
	< script src =" node_modules/underscore/underscore-min.js " > </ script >
	< script src =" node_modules/zepto.js/dist/zepto.min.js " > </ script >
	< script src =" node_modules/cmui-gearbox/dist/gearbox.min.js " > </ script >
	< script src =" node_modules/cmui/dist/cmui.js " > </ script >
</ body >
</ html >

Laden über Stylus

Wenn Ihr Projekt Stylus als CSS -Präprozessor -Sprache verwendet, können Sie die CMUI -Eintragsdatei direkt in Ihren Quellcode einführen:

 @import './node_modules/cmui/src/css/theme/baixing/index'

Auf diese Weise können Sie die von CMUI bereitgestellte hochrangige API im Quellcode verwenden:

Variable
Mischen

Demos und Dokumentation

Es wird empfohlen, iOS/Android -Geräte zum Zugriff zu verwenden: CMUI -Demo

CMUI-Demo

Wer benutzt es?

Die folgenden Websites basieren auf CMUI (bitte besuchen Sie iOS/Android -Geräte):

Baixing.com - Mobile Version (m.baixing.com)
~~Youe.com - Mobile Version (m.Uemall.com)~~ (Ausgeschaltet)
~~Weizi Official Electronic Mall - Mobile Version (m.vichy.com.cn)~~ (Überarbeitet)

An der Entwicklung teilnehmen

Funktionsmodul

Einige CMUI -Module wurden getrennt und wurden zu unabhängigen Projekten. Diese Module werden in Entwicklungsabhängigkeit eingeführt und in eine Release -Datei verpackt. Daher kann die Teilnahme an der Entwicklung dieser unabhängigen Projekte diese Module ändern.

CSS Reset - Null
Stiftbibliothek - Pinsel

Bauen

Gabel und klonen Sie den Code dieses Projekts in die Region.
Führen Sie npm install im Projekt Root -Verzeichnis aus, um die erforderlichen Abhängigkeiten zu installieren.
Führen Sie npm run dist im Projekt Root -Verzeichnis aus und führen Sie das Build -Skript aus.
Die generierte Release -Datei wird im Verzeichnis /dist gespeichert.

Unit -Tests

Gabel und klonen Sie den Code dieses Projekts in die Region.
Führen Sie npm install im Projekt Root -Verzeichnis aus, um die erforderlichen Abhängigkeiten zu installieren.
Öffnen Sie die folgende Datei in Ihrem Browser, um den Unit -Test auszuführen:
- test/test-dev.html - Testquellcode (zum Testen in der Entwicklungsphase)