Как сделать привлекательный чеклист с перелистыванием свайпами.
Если вы желаете сделать чеклист(контрольный список), то вы можете использовать Swipe-Li.
Описание
Посмотреть, как это работает в живую, вы можете здесь:
Данный чеклист не только красив и изящен, но еще и переключается свайпами, в чем его особенность.
А найти исходники вы можете здесь:
Правда, у данной библиотеки есть зависимости:
- JQuery
- AngularJS
- Angular-touch
- HammerJS
- Modernizr
Скачать все это вы можете, используя Bower.
bower install swipe-li --save
И зависимости
bower_components/jquery/dist/jquery.js
bower_components/modernizr/modernizr.js
bower_components/angular/angular.js
bower_components/hammerjs/hammer.js
bower_components/angular-touch/angular-touch.js
bower_components/dist/swipe-li.css
bower_components/dist/swipe-li.min.js
Вам также следует объявить зависимость SwipeLi модуля.
angular.module('myApp', ['swipeLi']);
Директива
Создайте директиву
<div
swipe-li
class="item"
disabled=""
intent="true"
accept="done(item)"
reject="skip(item)"
main-content="'sample-content.html'"
accept-content="'accept-content.html'"
reject-content="'reject-content.html'"
reset-to-content="false"
></div>
Разработка
- Установите зависимости $ npm install
- $ gulp dev запустите простой node сервер и смотрите за изменениями
- Перейдите по ссылке http://localhost:3000/, чтобы посмотреть работу приложения
-
Создано 01.09.2014 20:34:46
-
Михаил Русаков
Комментарии (0):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.