Fix:2454 【商城小程序】康养首页--最新展会信息需要做自动轮播效果,3秒轮播一次

This commit is contained in:
modendeveloper
2024-10-10 19:25:24 +08:00
parent b3d8fefaba
commit eff9db385a
+10 -2
View File
@@ -74,7 +74,11 @@
</view> -->
<view class="v12-justify-start v12-align-center news-wrap v12-radius-100">
<view class="v12-font-bold v12-primary v12-white-text v12-mr-2 v12-pa-2 v12-radius-100 news-title">最新展会</view>
<view class="v12-font-28 v12-dark-text one-t" @click="toExpo(sanctum.id)">{{ sanctum.name }}</view>
<swiper class="text-swpier " autoplay circular duration="500" interval="3000" >
<swiper-item v-for="(item, index) in sanctum" class="v12-align-center">
<text class="v12-font-28 v12-dark-text one-t" @click="toExpo(item.id)">{{ item.name }}</text>
</swiper-item>
</swiper>
</view>
</view>
<view class="body-box">
@@ -200,7 +204,7 @@ export default {
this.searchReq()
})
getWellnessExhibition().then(({data}) => {
this.sanctum = data.records[0]
this.sanctum = data.records
})
},
toExpo(id) {
@@ -305,6 +309,10 @@ export default {
<style scoped lang="less">
@import "@/assets/css/product.less";
.text-swpier{
height: 60rpx;
width: 100%;
}
.cover{
width: 160rpx !important;
height: 160rpx !important;