vue girls

vue-девушки

Этот проект основан на последнем практическом проекте vue2, который реализует бесконечную прокрутку, загрузку изображений, скольжение влево и вправо и т. д., которые чаще всего используются на мобильных терминалах.

###первый

---

• Адрес этого проекта адрес github

Техническая архитектура проекта

---

• vue-cli
• вид
• vue-ресурс
• vue-маршрутизатор
• вюекс
• vue-awesome-swiper
• vue-бесконечная прокрутка
• стилус
• веб-пакет

### Изображение выше

• Макет потока водопада, бесконечная прокрутка, ленивая загрузка изображений

• Проведите пальцем влево и вправо, переключитесь влево и вправо

###Установить

---

Адрес проекта: git clone )

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

Установите сторонние модули зависимостей локальной службы через npm (требуется установка Node.js)

 npm install

Запустите службу (http://localhost:9090).

 npm run dev

Код выпуска

 npm run build

Примечания по установке

Установите vue-cli

 npm install -g vue-cli

Установите vue-cli eslint

 npm install -g eslint

Установите зависимости Friendly-errors-webpack-plugin

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

###Структура каталогов

---

 ├── build // Сервис сборки и конфигурация веб-пакета ├── config // Конфигурация различных сред проекта ├── dist // Каталог сборки проекта ├── index.html // Файл ввода проекта ├── package.json // Файл конфигурации проекта ├── src // Рабочий каталог │ ├── assets // Ресурсы изображений │ ├── common // Публичные ресурсы css js │ ├── компоненты // Различные компоненты │ ├── App.vue // Главная страница 
│ ├── vuex // менеджер состояний vuex │ ├── router.js // конфигуратор маршрутизатора │ └── main.js // предварительно скомпилированная запись Webpack

###Функция реализована

---

• Схема водопадного потока
• бесконечная прокрутка
• Боковая навигация
• Ленивая загрузка изображений
• Слайд влево или вправо для переключения
• и т. д.