WEB-развивается, появляются новые технологии, которые стремятся сделать работу сайтов быстрее и эффективнее. Представляем коллекцию UI элементов на популярной Vue.js!
Фреймворк Vue.js продолжает набирать обороты популярности. Современный WEB интерфейс жаждет нового и высокопроизводительного. Что ж, Vue.js UI действительно хорошо вписывается в структуру сайтов. В примерах, которые можно найти по ссылке выше, отображены реализации следующих компонентов пользовательского интерфейса:
1. Date-picker или календарь – реактивный отклик и отличное исполнение на WEB-странице.
Использование:
|
1 2 3 |
<template> <calendar :show-date-picker.sync="showDatePicker" :time.sync="time" :date-value.sync="dateValue" v-if="showDatePicker" transition="calendar"></calendar> </template> |
2. Еще один виджет календаря – красивое оформление и высокая производительность. Поддерживает горячие клавиши.
3. Аккордеон-меню на Vue.js – компонент сделан в виде слайдера с полускрытыми слайдами. При наведении слайд открывается на полную ширину. Все очень быстро и качественно. Убедитесь сами:
4. Круговое меню на Vue.js – полноценный плагин, который помогает создать кнопку с всплывающими элементами меню. Доступны разные варианты анимации, позиционирования и т.д. В общем, это стоит посмотреть самому:
5. Vue.js UI для мобильного приложения – самый, пожалуй, стоящий пример пользовательского интерфейса из данной подборки. Vue.js потрясающе проявляет себя в мобильной разработке, поскольку там ценится скорость его работы. По ссылкам ниже Вы найдете пак компонентов для webapp:
Разумеется, это не полный список примеров Vue.js UI компонентов. По главной ссылке в посте Вы найдете регулярно обновляемую коллекцию свежих наработок. Удачи!