|
|
@ -1,124 +1,16 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="content" style="overflow-x: auto;"> |
|
|
<view class="bg"> |
|
|
<view class="search-header" :style="{'height': height+'px','padding-top':statusBarHeight+'px'}"> |
|
|
<headerVue></headerVue> |
|
|
<view class="title">CGC-ICH</view> |
|
|
|
|
|
<view class="subtitle">大运河非物质文化遗产</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<div :style="{'height':height+'px','flex-shrink':0}"></div> |
|
|
|
|
|
<!-- 头部banner --> |
|
|
|
|
|
<view class="top-box"> |
|
|
|
|
|
<!-- 搜索 --> |
|
|
|
|
|
<!-- <view class="search-box"> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/cgc/images/index/search.png" mode=""></image> |
|
|
|
|
|
<span>|</span> |
|
|
|
|
|
搜一搜您想要的 |
|
|
|
|
|
</view> --> |
|
|
|
|
|
|
|
|
|
|
|
<swiper class="top-banner" :circular="true" :interval="6000" |
|
|
|
|
|
:duration="800" :indicator-dots="false" :autoplay="true" v-if="topBanner && topBanner.length > 0"> |
|
|
|
|
|
<swiper-item v-for="(item, index) in topBanner" :key="index" @click.stop="gotoUrlNew(item)"> |
|
|
|
|
|
<image class="top-banner" :src="showImg(item.head_img)" mode="aspectFill" lazy-load="true"></image> |
|
|
|
|
|
</swiper-item> |
|
|
|
|
|
</swiper> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 金刚区 --> |
|
|
|
|
|
<view class="menu-box flex-between"> |
|
|
|
|
|
<view class="menu-left flex-around"> |
|
|
|
|
|
<view class="" v-for="(item,index) in menuList" :key="index" @click="gotoPath(item.path)"> |
|
|
|
|
|
<image :src="showImg(`https://static.ticket.sz-trip.com/cgc/images/indexs/${index + 1}.png`)" class="topImg" mode="heightFix"></image> |
|
|
|
|
|
<image :src="showImg(`https://static.ticket.sz-trip.com/cgc/images/indexs/${index + 1}s.png`)" class="titleImg" mode="heightFix"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<!-- <view class="menu-right flex-around"> |
|
|
|
|
|
<swiper class="menu-right" :circular="true" :interval="6000" |
|
|
|
|
|
:duration="800" :indicator-dots="false" :autoplay="true" v-if="smallBanner"> |
|
|
|
|
|
<swiper-item v-for="(item, index) in smallBanner" :key="index" @click.stop="gotoUrlNew(item)"> |
|
|
|
|
|
<image class="menu-right" :src="showImg(item.head_img)" mode="aspectFill" lazy-load="true"></image> |
|
|
|
|
|
</swiper-item> |
|
|
|
|
|
</swiper> |
|
|
|
|
|
</view> --> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 非遗手札 --> |
|
|
|
|
|
<view v-if="handwrittenList && handwrittenList.length > 0"> |
|
|
|
|
|
|
|
|
|
|
|
<view class="title-box flex-between"> |
|
|
|
|
|
<image src="https://cgc.js-dyyj.com/uploads/20250619/d0cfd5cd7253d8ce6a747842a40be020.png" mode="heightFix"></image> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/cgc/images/index/more.png" mode="" @click="gotoPath('/subPackages/letter/index')"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="handwritten-box flex-between"> |
|
|
|
|
|
<image :src="showImg(item.image)" mode="aspectFill" v-for="(item,index) in handwrittenList" :key="index" |
|
|
|
|
|
@click="viewDetail(item)"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 非遗时光 --> |
|
|
|
|
|
<view v-if="shiguang && shiguang.image"> |
|
|
|
|
|
<view class="title-box flex-between"> |
|
|
|
|
|
<image src="https://cgc.js-dyyj.com/uploads/20250619/b10ed22a2e5b2187d88352869575fb16.png" mode="heightFix"></image> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/cgc/images/index/more.png" mode="" @click="gotoPath('/subPackages/shiguang/index')"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="time-box" :style="{backgroundImage: 'url('+showImg(shiguang.image)+')'}" @click="gotoVideo(shiguang)"> |
|
|
|
|
|
<image src="https://static.ticket.sz-trip.com/cgc/images/index/play.png" class="play"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 底部推荐 --> |
|
|
|
|
|
<view class="hot-type flex-around"> |
|
|
|
|
|
<view v-for="(item,index) in hotType" :key="index" :class="{'hot-active': index == hotIndex}" @click="changeType(index)"> |
|
|
|
|
|
{{item.title}} |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="hot-box" v-if="hotIndex==0"> |
|
|
|
|
|
<view class="hot-column" v-for="(column, index) in 2" :key="index"> |
|
|
|
|
|
<view v-if="indexs%2==1&&column==0" v-for="(item,indexs) in hotList" :key="indexs" class="hot-item" @click="gotoHotDetail(item)"> |
|
|
|
|
|
<view class="image-container"> |
|
|
|
|
|
<image :src="showImg(item.goods.image)" mode="widthFix" class="hot-img" lazy-load="true"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="hot-content"> |
|
|
|
|
|
<view class="title text-overflowRows">{{item.title || item.goods.title}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view v-if="indexs%2==0&&column==1" v-for="(item,indexs) in hotList" :key="indexs" class="hot-item" @click="gotoHotDetail(item)"> |
|
|
|
|
|
<view class="image-container"> |
|
|
|
|
|
<image :src="showImg(item.goods.image)" mode="widthFix" class="hot-img" lazy-load="true"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="hot-content"> |
|
|
|
|
|
<view class="title text-overflowRows">{{item.title || item.goods.title}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="hot-box" v-else> |
|
|
|
|
|
<view class="hot-column" v-for="(column, index) in 2" :key="index"> |
|
|
|
|
|
<view v-if="indexs%2==1&&column==0" v-for="(item,indexs) in hotList1" :key="indexs" class="hot-item" @click="gotoHotDetail(item)"> |
|
|
|
|
|
<view class="image-container"> |
|
|
|
|
|
<image :src="showImg(item.goods.image)" mode="widthFix" class="hot-img" lazy-load="true"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="hot-content"> |
|
|
|
|
|
<view class="title text-overflowRows">{{item.title || item.goods.title}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view v-if="indexs%2==0&&column==1" v-for="(item,indexs) in hotList1" :key="indexs" class="hot-item" @click="gotoHotDetail(item)"> |
|
|
|
|
|
<view class="image-container"> |
|
|
|
|
|
<image :src="showImg(item.goods.image)" mode="widthFix" class="hot-img" lazy-load="true"></image> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="hot-content"> |
|
|
|
|
|
<view class="title text-overflowRows">{{item.title || item.goods.title}}</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
<CustomTabBar :currentTab="1" /> |
|
|
<CustomTabBar :currentTab="0" /> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
|
|
|
import headerVue from "@/components/header.vue" |
|
|
import CustomTabBar from '@/components/CustomTabBar.vue'; |
|
|
import CustomTabBar from '@/components/CustomTabBar.vue'; |
|
|
export default { |
|
|
export default { |
|
|
components: {CustomTabBar}, |
|
|
components: {CustomTabBar,headerVue}, |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
// 导航栏参数 |
|
|
// 导航栏参数 |
|
|
|
jiazhipeng
4 months ago