폴리머 요소와 함께 포장재를 사용하는 방법에 대해 몇 시간 동안 찾고 있습니다. 내가 달성하고 싶은 것은 콘텐츠 목록 인 요소와 그 안에 콘텐츠 항목 인 요소입니다. 콘텐츠 항목을 "포장"하고 싶습니다.
명확히하기 위해 :
<packery-element>
<template repeat="{{item in items}}">
<content-item class="item"></content-item>
</template>
</packery-element>
우리는 bin-packing 알고리즘을 사용하는 자체 사용자 정의 요소를 만들었습니다. <juicy-tile-list>
: http://juicy.github.io/juicy-tile-list/
그런 다음 필요한 것은 다음과 같습니다.
<link rel="import" href="../juicy-tile-list/dist/juicy-tile-list.html">
...
<juicy-tile-list>
<div>Some</div>
<div>tiles</div>
<section>here</section>
</juicy-tile-list>
우리는 이것의 개발에 꽤 집중하고 있으므로 문제가 발생하면 GH 문제를 채우십시오 . 모든 피드백에 감사드립니다.
다음과 같은 몇 가지 추가 기능으로 확장했습니다 .
그리고 두 개의 측면 구성 요소를 만들었습니다.
<juicy-tile-grid>
-네이티브 CSS 그리드 레이아웃의 적응 기능을 사용하려면<juicy-tile-editor>
타일을 쉽게 다룰 수 있습니다.또한 코드가 필요하지 않은 사람들을 위해 더 깨끗하고 빠른 코드를 위해 모든 추가 기능에서 핵심 Masonry / Packery와 같은 동작을 분리 할 계획입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다