Cách sử dụng slickJs trong Tiki Studio

Mình đang muốn làm chức năng slide ảnh này từ slick (slick - the last carousel you'll ever need ) nhưng không biết phải làm thế nào trong tiki studio

Hi @Duc_Pham ,
Tini Framework là 1 framework độc lập, được phát triển dựa trên javascript language. Tini Framework cung cấp 1 bộ built-in component UI, không support việc import những thư viện html hay react, chỉ được import những thư viện pure js (với 1 số điều kiện nhất định, không phải js framework nào cũng có thể work Tini framework).
Với trường hợp của bạn, bạn có thể xài component carousel
https://developers.tiki.vn/docs/component/view-container/carousel
Bạn có thể tham khảo demo của shopping app có sử dụng carousel ở đây
https://developers.tiki.vn/docs/developer/quick-example/shopping

Em đã thử dùng theo hướng dẫn của anh và nó khá hiệu quả.

Nhưng làm sao để giảm khoảng trống giữ các item và preview trước item khác như hình dưới này ạ

Chào @Duc_Pham

Hiện tại carousel chưa official hỗ trợ canh spacing giữa các item. Tuy nhiên sắp tới bên anh sẽ bổ sung thêm props cho spacing nhé. Tạm thời em có thể dùng css để canh:

Ví dụ em muốn canh khoảng cách giữa 2 item là 10px:

.t-carousel-slides {
  margin-left: -10px;
}

.t-carousel-item {
  flex: auto;
  min-width: calc(100% - 50px); /* 10px * 5 */
  padding-left: 10px;
}

@hanhan @hung.nguyen7 cảm ơn các anh ạ ^^