vue Meizi

vue-Meizi

Dieses Projekt basiert auf dem neuesten praktischen Projekt von vue2 und ist ein hervorragendes Tutorial für Anfänger. Der Code ist einfach und leicht zu verstehen, mit vielen Kommentaren. Es implementiert das unendliche Scrollen, das am häufigsten auf Mobilgeräten verwendet wird, das Laden von Bildern, das Schieben nach links und rechts und das Warten. Zuerst wird die Vorschauversion veröffentlicht, später werden immer mehr vollständige Funktionen und Tutorials veröffentlicht.

###Erste

---

• Dank der von gank.io bereitgestellten API-Schnittstelle

• Wenn es Ihnen gefällt, geben Sie ihm bitte einen Daumen nach oben, folgen Sie ihm, markieren Sie es und teilen Sie es. Das sind die Motivationen für mich, weiterzumachen.

• Demo-Adressen-Demo (bitte verwenden Sie den mobilen Modus von Chrome für die Vorschau)

• Die Adresse dieses Projekts ist die Github-Adresse

• Scannen Sie mit Ihrem Mobiltelefon

Projekt technische Architektur

---

• vue-cli
• vue
• vue-ressource
• Vue-Router
• vuex
• vue-awesome-swiper
• vue-infinite-scroll
• Stift
• Webpack

### Bild oben

---

• Schiebenavigation

• Wasserfall-Flow-Layout, unendliches Scrollen, verzögertes Laden von Bildern

• Wischen Sie nach links und rechts, wechseln Sie nach links und rechts

###Installieren

---

Projektadresse: git clone )

git clone https://github.com/liangxiaojuan/vue-Meizi.git

Installieren Sie Abhängigkeitsmodule für lokale Dienste von Drittanbietern über npm (erfordert die Installation von Node.js).

 npm install

Starten Sie den Dienst (http://localhost:9090)

 npm run dev

Freigabecode

 npm run build

Installationshinweise

Installieren Sie vue-cli

 npm install -g vue-cli

Installieren Sie vue-cli eslint

 npm install -g eslint

Installieren Sie das Abhängigkeiten-Friendly-Errors-Webpack-Plugin

 npm install friendly-errors-webpack-plugin --save-dev

###Verzeichnisstruktur

---

 ├── build // Build-Service und Webpack-Konfiguration ├── config // Konfiguration verschiedener Projektumgebungen ├── dist // Projekt-Build-Verzeichnis ├── index.html // Projekteintragsdatei ├── package.json // Projektkonfigurationsdatei ├── src // Produktionsverzeichnis │ ├── Assets // Bildressourcen │ ├── allgemein // Öffentliche CSS-JS-Ressourcen │ ├── Komponenten // Verschiedene Komponenten │ ├── App.vue // Hauptseite 
│ ├── vuex // vuex State Manager │ ├── router.js // Router-Konfigurator │ └── main.js // Vorkompilierter Webpack-Eintrag

###Funktion implementiert

---

• Wasserfall-Flow-Layout
• unendliche Schriftrolle
• Seitennavigation
• Verzögertes Laden von Bildern
• Zum Wechseln nach links oder rechts schieben
• usw.

Funktionen werden implementiert

---

• Pull-up-Beladung
• suchen
• meine Sammlung
• Einloggen
• usw.

endlich

---

• Ein weiteres Open-Source-Projekt von mir, die Ele.me-App (hat bereits 400+ Sterne)
• Wenn es Ihnen gefällt, markieren Sie es unbedingt!!! (Vielen Dank!!)
• Wenn Sie Kommentare oder Fragen haben, senden Sie diese bitte in „Issues“ und ich werde sie online beantworten.
• Ich werde meinen Job nach diesem Jahr aufgeben. Wenn Sie an mir interessiert sind, kontaktieren Sie mich bitte mit meinem Lebenslauf.