borbad.s5l.ru

Текущая ззадача

оформи и напиши все файлы для app/pages/Contacts Данные для страницы:

+992 372 27 09 46 просп. Исмоила Сомони, 26 Сейчас руководство скину брат Азимов Махмадюсуф зам директора Директор Джумахон Розикзода

применяй правила:

Корневой каталог и мета данные

Важно: мета данные добавляются через app/temp.coffe базовым тегоьм для vuejs является body, app/index.pug начинается с div, теги html, head, body ЗАПРЕЩЕНО использовать.

Радота с кодом

всегда приводи полный листинг файлов при форматировании кода для отделения логических блоков используй 4 пробела (" ") следи за строгим соблюдением синтаксиса используемых языков (coffeescript, pug, stylus) в pug не используй многострочные вычисляемые атрибуты

работа с консолью

используй для вывода в консоль debug.log

console.log "переменная temp = #{temp}" - не правильно debug.log "переменная temp = "+temp - правильно

Цвета и управление темами

во всех *.styl файлах используй цвета в виде переменных, определённых в файле tailwind.config.js

Стили

все глобальный настройки стилей, пиши в app/temp.styl в остальных файлах, строго стили необходимые только для данного компаонента

стиль написания классов

.container.mx-auto.px-4 - не правильно div(class="container.mx-auto px-4") - правильно

не используй вызовы

Vue = require 'vue' VueRouter = require 'vue-router'

• Подключение осуществлено глобально через файл doc.json

git

проверяй последние версии файлов в репозитарии, корневой каталог vue/ от него идут пути к файлам пример: в коде -> app/temp.coffee, в репозитарии -> vue/app/temp.coffee https://gogs.osvoj.ru/s5l.ru/borbad.s5l.ru/src/master

файл с правилами

https://gogs.osvoj.ru/s5l.ru/borbad.s5l.ru/raw/master/README.md

общая структура проекта

app/ ├── tailwind.config.js (настройка тем и Tailwind CSS) ├── temp.pug (основной layout) ├── temp.coffee (инициализация Vue и роутера) ├── temp.styl (стили которые сложно или не удобно сделать на Tailwind CSS или стили к однотипным элементам на stylus) ├── page/

 ├── Home/  (главная страница)
      ├── index.coffee
      ├── index.pug
      ├── index.styl
 ├── [другие_страницы]/
      ├── index.coffee
      ├── index.pug
      ├── index.styl

└── shared/

 ├── ThemeToggle/
      ├── index.coffee
      ├── index.pug
      ├── index.styl
 ├── MultiLevelMenu/
      ├── index.coffee
      ├── index.pug
      ├── index.styl
 ├── ImageSlider/
      ├── index.coffee
      ├── index.pug
      ├── index.styl
 ├── ModalWindow/
      ├── index.coffee
      ├── index.pug
      ├── index.styl
 ├── FormValidator/
      ├── index.coffee
      ├── index.pug
      ├── index.styl
 ├── FilterSort/
      ├── index.coffee
      ├── index.pug
      ├── index.styl