Dockery/Pinry
1
0
Fork 0
mirror of https://github.com/pinry/pinry.git synced 2025-11-17 18:30:39 +01:00
Code Issues Packages Projects Releases Activity

Feature: Add predefined size for image to make waterfall resize faster

Browse Source
This commit is contained in:
winkidney
2019-11-29 00:30:01 +08:00
committed by Isaac Bythewood
parent a6d3341edd
commit 437c802b42
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pinry-spa/src/components/Pins.vue
View File

@@ -17,6 +17,7 @@
<img :src="item.url" <img :src="item.url"
@click="openPreview(item)" @click="openPreview(item)"
alt="item.description" alt="item.description"
:style="item.style"
class="pin-preview-image"> class="pin-preview-image">
<div class="pin-footer"> <div class="pin-footer">
<div class="description" v-show="item.description"><p>{{ item.description }}</p></div> <div class="description" v-show="item.description"><p>{{ item.description }}</p></div>
@@ -74,6 +75,10 @@ function createImageItem(pin) {
image.avatar = `//gravatar.com/avatar/${pin.submitter.gravatar}`; image.avatar = `//gravatar.com/avatar/${pin.submitter.gravatar}`;
image.original_url = pinHandler.escapeUrl(pin.image.image); image.original_url = pinHandler.escapeUrl(pin.image.image);
image.orgianl_width = pin.image.width; image.orgianl_width = pin.image.width;
image.style = {
width: pin.image.thumbnail.width,
height: pin.image.thumbnail.height,
};
return image; return image;
} }