| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <template>
- <view :style="{width:width+'rpx',height:height+'rpx'}">
- <swiper :style="{width:width+'rpx',height:height+'rpx'}" :indicator-dots="true"
- :autoplay="true"
- :interval="2000"
- indicator-color="rgba(0, 0, 0, 0.3)"
- indicator-active-color="#000000"
- :duration="1000"
- circular>
- <swiper-item v-for="(item,index) in imageList" :key="index">
- <view class="contentColumnC">
- <netImage :width="(width-56)" :height="Imgmargin(height)" bradius="0" :mysrc="item" mymode="scaleToFill"></netImage>
- </view>
- </swiper-item>
- </swiper>
- </view>
- </template>
- <script>
- export default {
- name:"swiperImgs",
- props:{
- imageList:'',
- width:0,
- height:0,
- },
- data() {
- return {
-
- };
- },
- methods:{
- Imgmargin(size){
- return (size-30);
- },
- },
-
- }
- </script>
- <style>
- .swiper-item{
- width: 100%;
- height: 100%;
- }
- </style>
|