Kudalibo Front

Репозиторий для фронтенда kdlb.ru на nuxt.js

Библиотеки в проекте

Валидация форм - vee-validate
Управление drag - vue.draggable
Datetime-picker - vue2-datepicker
Модуль установки / получения cookies - cookie-universal-nuxt
Модальные окна - vue-js-modal
Нотификации - vue-notification
Маски полей ввода - v-mask
Svg-спрайты - @nuxtjs/svg-sprite

##Подключена библиотека проверки устройства @nuxtjs/device

Базовые флаги

  $device.isDesktop
  $device.isMobile
  $device.isTablet
  $device.isMobileOrTablet
  $device.isDesktopOrTablet
  $device.isIos
  $device.isWindows
  $device.isMacOS
  $device.isAndroid

Использование

  <template>
    <section>
      <div v-if="$device.isDesktop">
        Desktop
      </div>
      <div v-else-if="$device.isTablet">
        Tablet
      </div>
      <div v-else>
        Mobile
      </div>
    </section>
  </template>

Нотификации

Использование в методе

  this.$notify({
    // Title (will be wrapped in div.notification-title)
    title: 'This is the <em>title</em>',
    // Content (will be wrapped in div.notification-content)
    text: 'This is some <b>content</b>',
    // Class that will be assigned to the notification
    type: 'success', // success, warn, alert, note
    // Time (in ms) to keep the notification on screen
    duration: 3000,
    // Time (in ms) to show / hide notifications
    speed: 500,
  })

SVG-спрайты

Для использования svg инлайново рекомендуется использовать svg-спрайты. Все иконки складываются в директорию assets/img/sprite и в компонентах используются как:

  <svg-icon name="close-dark" width="24" height="24"/>

В данном случае "close-dark" - иконка assets/img/sprite/close-dark.svg. Для поддержки спрайтов на IE подключена библиотека svg4everybody.js

Команды

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

ururustaru / kudalibo