birthday_webpage

? Веб-страница дня рождения

Перестаньте писать открытки или публиковать материалы в социальных сетях со словами «С Днем Рождения!»
Программистам следует отмечать важные дни в своей жизни «по-программистски».

Это SPA на день рождения (одностраничное приложение) с использованием Vue.js.

Я сделал этот сайт ко дню рождения своей девушки и подумал, что он может помочь некоторым мальчикам и девочкам, занимающимся интерфейсом! Я изменил некоторый контент, чтобы сделать его более общим и простым в настройке.

Не стесняйтесь обращаться ко мне для получения дополнительной информации или индивидуального дизайна.

Предварительные условия

Вам понадобится Node.js версии 6.0 или выше, установленный в вашей системе.

? Настраивать

Получите код, клонировав этот репозиторий с помощью git.

 > git clone https://github.com/amoossssss/birthday_webpage

... или загрузив исходный код в виде zip-архива.

После загрузки откройте терминал в каталоге проекта и продолжите:

 npm install

Компилирует и выполняет горячую перезагрузку для разработки.

 npm run serve

Теперь сайт будет работать на порту 8080:

http://локальный хост:8080

Компилирует и минифицирует для производства

 npm run build

Линты и исправления файлов

 npm run lint

Настроить конфигурацию

Найдите все теги TODO в коде, чтобы настроить эту веб-страницу.

Включая :

1. Содержание целевой страницы
2. Содержимое и изображения страницы сообщений
3. Видео YouTube на странице видео
4. Истории, стоящие за содержанием страницы

Напоминание :
* Вам необходимо добавить функцию onLoad к каждому изображению, добавленному на страницу «Сообщения», чтобы загрузчик страницы работал.
* На странице есть несколько фиктивных изображений для отображения функций загрузчика и эффекта перехода.
* Просто скопируйте @load="onImgLoad" и вставьте его в добавленные вами теги el-image.
* Также будьте осторожны с переменной totalImages на той же странице: убедитесь, что она соответствует вашему дизайну.

? Кредиты

Магазин, куда я принес праздничный торт и гирлянды.

️ Поддержите этот проект

Пожалуйста, поставьте звездочку , если вы считаете этот проект полезным.
Любые предложения и улучшения приветствуются!
Поздравляю тебя и твоих близких с Днем Рождения? .