Перейти к содержимому

MediaCard (Карточка фильма)

Карточка фильма: постер, рейтинг, название и год при наведении.

Метод Аргумент Описание
item(v) object Метаданные: title, posterUrl, year, rating.
onClick(v) CallbackFunction Обработчик клика; передаёт объект медиа.

Базовые методы (наследуются от UIComponent)

// Карточка медиа
const { ui } = PotokSDK;
// Форма SDKMediaCard: id + mediaType обязательны для перехода, рейтинги и постер — по именам posterSrc/tmdbRating.
const movie = {
id: 157336,
title: "Интерстеллар",
subtitle: "Interstellar (2014)",
mediaType: "movie",
posterSrc: "https://image.tmdb.org/t/p/w500/gEU2QthHGvGo1q7T2XzAwETYNsC.jpg",
backdropSrc: "https://image.tmdb.org/t/p/original/xu9zaAevzQ5nnrsXN6JcahLnG4i.jpg",
genres: "Фантастика, Драма",
ageRating: "12+",
tmdbRating: 8.4,
kpRating: 8.6,
imdbRating: 8.7,
progress: { percentage: 45 }
};
ui.render(
MediaCard()
.item(movie)
.onClick((item) => {
ui.showHUD("success", "Вы выбрали: " + item.title);
})
);

Запустить в Sandbox