• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом

vue-quick-menu — компонент навигационной панели для VueJS

Небольшой пакет для проектов на VueJS, который создает блок с навигацией в любом из углов страницы. Удобно и быстро.

Описание компонента быстрого меню

Судя по демо-режиму, лучше всего реализовать данный компонент в качестве кнопок социальных сетей. Однако, плагин отлично выглядит и работает на мобильных устройствах, что делает его доступных в приложениях для смартфонов.

Установка и использование

Ставим пакет через NPM:

$ npm install vue-quick-menu --save

Шаблон использования:

<quick-menu :menu-count=count :icon-class=icons :menu-url-list=list></quick-menu>
import Vue from 'vue'
import quickMenu from 'vue-quick-menu'

export default {
  ...
  components: {
    quickMenu
  },
  ...
}

Таблица с входных параметрами компонента навигации VueJS:

Property Type Default Description
menuCount Number 4 The number of menu item,option(2,3,4)
menuUrlList Array An array of Object of link of each menu item, like {isLink:true,url:\foo}
iconClass Array An array of icon class of each menu item
position top-left,top-right,bottom-left or bottom-right top-left The position of quick menu
backgroundColor String #009dc7 The background color of quick menu
color String #ffffff The color of quick menu icon
isOpenNewTab Boolean false If the menu will open a new tab after click

В целом, здесь размышления и слова излишни. Просто берем и пользуемся. Удачи!

2574 просмотров