.calendar-load__bar {
width: 0px;
height:20px;
border-radius: 4px;
background-color: #4db5f6;
transition: width 2s;
}
.calendar-load__bar--animate {
width: 100px;
}
$(document).ready(function() {
$('.calendar-load__bar').addClass('calendar-load__bar--animate');
$('.calendar-load__today').addClass('calendar-load__today--animate');
});
$('.js-slick-carousel-product-for').slick({
arrows: false,
asNavFor: '.js-slick-carousel-product-nav',
dots: false,
infinite: true,
slidesToScroll: 1,
slidesToShow: 1,
speed: 300
});
$('.js-slick-carousel-product-nav').slick({
arrows: true,
asNavFor: '.js-slick-carousel-product-for',
dots: false,
focusOnSelect: true,
infinite: true,
slidesToScroll: 1,
slidesToShow: 4,
speed: 0,
swipe: false,
vertical: true
});
+e('ul').list
each item in data.items
+e('li').item
+e.name
span #{item.title}
if item.tooltip == true
+b('a')(title='' href='javascript:void(0);').help.--characteristic ?
+e.text #{item.text}
- data = {"items": [{"title": "WI-FI", "text": "Есть", "tooltip": true}, {"title": "Разрешение камеры", "text": "8 Мпикс"}, {"title": "Материал корпуса", "text": "Металл"}]}
+characteristic-product('', ' ', data, '')