| | |
|---|
| | | </view> |
|---|
| | | </view> |
|---|
| | | |
|---|
| | | <scroll-view class="page-scroll" scroll-y lower-threshold="80" @scroll="handlePageScroll" @scrolltolower="loadMoreMerchants"> |
|---|
| | | <scroll-view :show-scrollbar="false" class="page-scroll" scroll-y lower-threshold="80" @scroll="handlePageScroll" @scrolltolower="loadMoreMerchants"> |
|---|
| | | <view class="hero"> |
|---|
| | | <!-- 主图跟着图册左右滑：滑动的主图与下方缩略图互相联动（点缩略图 = 主图滑过去）。 --> |
|---|
| | | <swiper v-if="gallery.length > 0" class="hero-swiper" :current="activeIndex < 0 ? 0 : activeIndex" :circular="gallery.length > 1" :duration="240" @change="handleHeroChange"> |
|---|
| | |
|---|
| | | const activeIndex = ref(-1) |
|---|
| | | const windowWidth = ref(375) |
|---|
| | | const thumbScrollLeft = ref(0) |
|---|
| | | const fallbackFoodImage = '/static/food-assets/food-1.jpg' |
|---|
| | | const fallbackFoodImage = '/static/common/image-placeholder.png' |
|---|
| | | const topicDescription = ref('') |
|---|
| | | |
|---|
| | | const gallery = ref<any[]>([]) |
|---|
