RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

timeline: v-for on photo component 

Signed-off-by: Varun Patil <varunpatil@ucla.edu>
pull/563/head
Varun Patil 2023-04-12 15:19:29 -07:00
parent 3bf221a663
commit 805a131c4a
2 changed files with 68 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Timeline.vue
View File

@ -61,7 +61,8 @@
</div> </div>
</div> </div>
<div <Photo
class="photo"
v-else v-else
v-for="photo of item.photos" v-for="photo of item.photos"
:key="photo.key" :key="photo.key"
@ -70,9 +71,6 @@
width: `${photo.dispW}px`, width: `${photo.dispW}px`,
transform: `translate(${photo.dispX}px, ${photo.dispY}px)`, transform: `translate(${photo.dispX}px, ${photo.dispY}px)`,
}" }"
class="photo"
>
<Photo
:data="photo" :data="photo"
:day="item.day" :day="item.day"
@select="selectionManager.selectPhoto" @select="selectionManager.selectPhoto"
@ -81,7 +79,6 @@
@touchend="selectionManager.touchendPhoto(photo, $event, index)" @touchend="selectionManager.touchendPhoto(photo, $event, index)"
@touchmove="selectionManager.touchmovePhoto(photo, $event, index)" @touchmove="selectionManager.touchmovePhoto(photo, $event, index)"
/> />
</div>
</template> </template>
</RecycleScroller> </RecycleScroller>

2
src/components/frame/Photo.vue
View File

@ -1,4 +1,5 @@
<template> <template>
<div class="p-outer-super">
<div <div
class="p-outer fill-block" class="p-outer fill-block"
:class="{ :class="{
@ -61,6 +62,7 @@
<div class="overlay fill-block" /> <div class="overlay fill-block" />
</div> </div>
</div> </div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">