section.profile-card-list
.swipe(
v-if="!isGrid"
:config="config"
:key="profile.pid"
@throwout="swipped(profile)"
v-for="(profile, i) in loadedProfiles"
:style="{ 'z-index': 1000-i }"
)
.card.randomize(
:style="{ 'background-image': `url(${profile.avatar})`, 'top': `${randomize(10)}px`, 'right': `${randomize(20)}px`, 'transform': `rotate(${randomize(7)}deg)` }"
)
.card--content
p(style="color: magenta;") profile: {{ profile.pid }}
.card--content--lower
h4 {{ profile.name }}
nav.swipe_icons
//- Accept
button(@click="accept") Accept
button(@click="view(profile.pid)") view
//- Pass
button(@click="pass") Pass
.match-layout(
v-else
:key="profile.pid"
v-for="(profile, i) in loadedProfiles"
)
.card.bg-cover(
:style="{ 'background-image': `url(${profile.avatar})` }"
)
.card--content
p(style="color: magenta;") profile: {{ profile.pid }}
.card--content--lower
h4 {{ profile.name }}
nav.swipe_icons
button(@click="view(profile.pid)") view