|
|
@ -1,7 +1,8 @@ |
|
|
<template> |
|
|
<template> |
|
|
<div class="tw-mb-[20px]"> |
|
|
<div class="tw-mb-[20px]"> |
|
|
|
|
|
<nuxt-link class="tw-text-black" :to="localePath('/exhibition/' + item.ExhibitionID)"> |
|
|
<div |
|
|
<div |
|
|
class="tw-grid xl:tw-grid-cols-[auto_28px] tw-bg-white tw-border-solid tw-border tw-border-neutrals-200 tw-rounded-[20px] md:tw-p-[20px]"> |
|
|
|
|
|
|
|
|
class="exhib-card tw-grid xl:tw-grid-cols-[auto_28px] tw-bg-white tw-border-solid tw-border tw-border-neutrals-200 tw-rounded-[20px] md:tw-p-[20px]"> |
|
|
<div class="tw-grid tw-grid-cols-[102px_auto] tw-gap-[10px] tw-p-[10px] md:tw-grid-cols-[160px_auto]"> |
|
|
<div class="tw-grid tw-grid-cols-[102px_auto] tw-gap-[10px] tw-p-[10px] md:tw-grid-cols-[160px_auto]"> |
|
|
<div class="tw-bg-primary-brigh"> |
|
|
<div class="tw-bg-primary-brigh"> |
|
|
<img src="~/assets/svg/bookmark_outline.svg" class="tw-mb-[30px] md:tw-hidden" alt="" /> |
|
|
<img src="~/assets/svg/bookmark_outline.svg" class="tw-mb-[30px] md:tw-hidden" alt="" /> |
|
|
@ -63,9 +64,9 @@ |
|
|
<div> |
|
|
<div> |
|
|
<div class="tw-body-4 tw-font-bold tw-mb-[10px] md:tw-text-[18px]"> |
|
|
<div class="tw-body-4 tw-font-bold tw-mb-[10px] md:tw-text-[18px]"> |
|
|
<!-- {{ item.ExhibitionName }} --> |
|
|
<!-- {{ item.ExhibitionName }} --> |
|
|
<nuxt-link class="tw-text-black" :to="localePath('/exhibition/' + item.ExhibitionID)"> |
|
|
|
|
|
|
|
|
<!-- <nuxt-link class="tw-text-black" :to="localePath('/exhibition/' + item.ExhibitionID)"> --> |
|
|
{{ item.ExhibitionName }} |
|
|
{{ item.ExhibitionName }} |
|
|
</nuxt-link> |
|
|
|
|
|
|
|
|
<!-- </nuxt-link> --> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -133,7 +134,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 電腦版save exhibition --> |
|
|
<!-- 電腦版save exhibition --> |
|
|
<div class="tw-hidden md:tw-cursor-pointer md:tw-block" @click="onToggleFavorite(item)"> |
|
|
|
|
|
|
|
|
<div class="tw-hidden md:tw-cursor-pointer md:tw-block" @click.prevent="onToggleFavorite(item)"> |
|
|
<div v-if="item.IsFavorite === 'Y'"> |
|
|
<div v-if="item.IsFavorite === 'Y'"> |
|
|
<img src="~/assets/svg/bookmark.svg" class="tw-w-[24px] md:tw-w-[28px]" alt="" /> |
|
|
<img src="~/assets/svg/bookmark.svg" class="tw-w-[24px] md:tw-w-[28px]" alt="" /> |
|
|
</div> |
|
|
</div> |
|
|
@ -143,6 +144,7 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</nuxt-link> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
@ -209,6 +211,11 @@ export default { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
|
|
|
.exhib-card { |
|
|
|
|
|
&:hover { |
|
|
|
|
|
box-shadow: 10px 10px 10px rgba(155, 155, 155, 0.25); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
.exhibit-card { |
|
|
.exhibit-card { |
|
|
max-width: 836px; |
|
|
max-width: 836px; |
|
|
|
|
|
|
|
|
|
DESKTOP-FUS91B7\Showeasy