vue Meizi

vue-Meizi

Ce projet est basé sur le dernier projet pratique de vue2 et constitue un excellent tutoriel permettant aux novices de progresser. Le code est simple et facile à comprendre, avec de nombreux commentaires. Il implémente le défilement infini, qui est le plus couramment utilisé sur les appareils mobiles, en chargeant des images, en glissant vers la gauche et la droite et en attendant. La version préliminaire sera publiée en premier, et des fonctions et didacticiels de plus en plus complets seront publiés ultérieurement.

###d'abord

---

• Grâce à l'interface API fournie par gank.io

• Si vous l'aimez, donnez-lui un coup de pouce, suivez-le, mettez-le en vedette et lancez-le. Ce sont les motivations pour moi de continuer.

• Démo de l'adresse de démonstration (veuillez utiliser le mode mobile de Chrome pour prévisualiser)

• Ce projet adresse l'adresse github

• Scannez avec votre téléphone mobile

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

---

• Navigation coulissante

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

Fonctionnalités en cours d'implémentation

---

• chargement par traction
• recherche
• ma collection
• Se connecter
• etc.

enfin

---

• Un autre de mes projets open source, l'application Ele.me (qui compte déjà plus de 400 étoiles)
• Si vous l'aimez, assurez-vous de le mettre en vedette !!! (Merci !!)
• Si vous avez des commentaires ou des questions, veuillez les soumettre dans des numéros et j'y répondrai en ligne.
• Je quitterai mon emploi après cette année. Si vous êtes intéressé par moi, veuillez me contacter avec mon CV.