vue girls

vue-girls

Dieses Projekt basiert auf dem neuesten praktischen Projekt von vue2, das unendliches Scrollen, Laden von Bildern, Schieben nach links und rechts usw. implementiert, die am häufigsten auf mobilen Endgeräten verwendet werden.

###Erste

---

• Diese Projektadresse ist die Github-Adresse

Projekt technische Architektur

---

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

### Bild oben

• 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/xiaoyaopai/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.