<template>
  <view class="swiper">
    <uv-swiper 
      :list="bannerList" keyName="image" 
      indicator 
      indicatorMode="dot" 
      indicatorInactiveColor="rgba(255, 255, 255, 0.7)" 
      height="382rpx"
    ></uv-swiper>
  </view>
</template>

<script>
  export default {
		data() {
			return {
				bannerList: [],
			}
		},
		created() {
      this.getData()
    },
    methods: {
      getData() {

        // todo: fetch

        this.bannerList = [
          {
            image: '/static/image/bg.png',
          },
          {
            image: '/static/image/bg.png',
          },
          {
            image: '/static/image/bg.png',
          },
        ]

      },
    },
  }
</script>

<style scoped lang="scss">
	.swiper {
		border-radius: 40rpx;
		overflow: hidden;
	}
</style>