Fix:2454 【商城小程序】康养首页--最新展会信息需要做自动轮播效果,3秒轮播一次
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user