1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
| <template>
| <swiper style="height: 100%;" class="swiper-box" :autoplay="true" :interval="3000" :duration="300" :indicator-active-color="'#fff'" :indicator-dots="true" circular>
| <swiper-item v-for="(items,index) in popBannerSList" :key='index'>
| <view class="swiper-item defIcon" style="width: 100%;height: 100%;" @click="goUrl(items)">
| <image :src="items.image" mode="aspectFit"></image>
| </view>
| </swiper-item>
| </swiper>
| <!-- <view class="swiper-container swiper-box swiper-item">
|
| </view> -->
| </template>
|
| <script>
| import utils from '@/utils/utils.js'
| export default {
| props: {
| popBannerSList: Array
| },
| data() {
| return {
|
| }
| },
| created()
| {
| console.log(this.popBannerSList);
| },
| methods:
| {
| goUrl(info)
| {
| console.log(info);
| utils.goUrl(info, this)
| }
| }
| }
| </script>
|
| <style>
|
| .swiper-box {
| width: 100%;
| height: 100%;
|
| .swiper-item {
| width: 100%;
| height: 100%;
| }
| }
|
| </style>
|
|
