vue girls

vue-filles

Ce projet est basé sur le dernier projet pratique de vue2, qui implémente le défilement infini, le chargement d'images, le glissement vers la gauche et la droite, etc. qui sont les plus couramment utilisés sur les terminaux mobiles.

###d'abord

---

• Ce projet adresse l'adresse github

Architecture technique du projet

---

• vue-cli
• vue
• vue-ressource
• vue-routeur
• vuex
• vue-génial-swiper
• vue-infinite-scroll
• style
• pack Web

### Photo ci-dessus

• Disposition du flux en cascade, défilement infini, chargement paresseux des images

• Balayez vers la gauche et la droite, basculez vers la gauche et la droite

###Installer

---

Adresse du projet : git clone )

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

Installez les modules de dépendance tiers du service local via npm (nécessite l'installation de Node.js)

 npm install

Démarrez le service (http://localhost:9090)

 npm run dev

Code de version

 npm run build

Remarques sur l'installation

Installer vue-cli

 npm install -g vue-cli

Installer vue-cli eslint

 npm install -g eslint

Installer les dépendances friendly-errors-webpack-plugin

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

###Structure du répertoire

---

 ├── build // Service de build et configuration du webpack ├── config // Configuration des différents environnements de projet ├── dist // Répertoire de build du projet ├── index.html // Fichier d'entrée du projet ├── package.json // Fichier de configuration du projet ├── src // Répertoire de production │ ├── actifs // Ressources d'image │ ├── communes // Ressources publiques css js │ ├── composants // Divers composants │ ├── App.vue // Page principale 
│ ├── vuex // gestionnaire d'état vuex │ ├── router.js // Configurateur de routeur │ └── main.js // Entrée précompilée du Webpack

###Fonction implémentée

---

• disposition du flux de cascade
• défilement infini
• Navigation latérale
• Chargement paresseux des images
• Faites glisser vers la gauche ou la droite pour changer
• etc.