uView中Swiper轮播图图片不显示问题

今天在制作工作台的轮播图时，应用到了swiper组件。在网上搜索了很多的轮播图代码都无法实现，就连官网的代码我跑了也运行不起来，感到很疑惑。

<template>
	<view class="wrap">
		<u-swiper :height="270" :list="imgList" @click="imgListClick"></u-swiper>
    </view>
</template>
<script>
export default {
	data() {
		return {
			imgList: [
				{image: '/static/aidex/banner/banner01.png'},
				{image: '/static/aidex/banner/banner02.png'}, 
				{image: '/static/aidex/banner/banner03.png'}
			],
		};
	},
	methods: {
		imgListClick(index) {
			console.log(`点击了第${index + 1}页图片`)
		},
	}
};
</script>

后来在csdn上搜索到这篇文章，考虑到可能是uView的版本配对的问题。 

小程序中轮播图u-swiper图片无法显示问题_uview轮播图不显示_song_Web的博客-CSDN博客

我用的是uView3最新版，然而我去官网发现，其实一进来就是uView1，原来之前我用的一直都是老版本的，后来我用了uView2的代码，成功！！！

 官方代码如下：

<template>
    <u-swiper
            :list="list3"
            indicator
            indicatorMode="line"
            circular
    ></u-swiper>
</template>

<script>
    export default {
        data() {
            return {
                list3: [
                    'https://cdn.uviewui.com/uview/swiper/swiper3.png',
                    'https://cdn.uviewui.com/uview/swiper/swiper2.png',
                    'https://cdn.uviewui.com/uview/swiper/swiper1.png',
                ],
            }
        }
    }
</script>