<template>
	<view class="banner">
		<u-swiper
			:list="list"
			:indicator="true"
			:indicatorActiveColor="ThemeColor.PrimaryColor"
			indicatorInactiveColor="#E1E1E1"
			indicatorMode="dot"
		/>
	</view>
</template>

<script>
	import banner from '@/static/images/home/banner.png'
	import ThemeColor from '@/utils/themeColor.js'
	export default {
		data() {
			return {
				ThemeColor,
				list: [
					banner,
					banner,
					banner
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.banner{
		width: 100%;
		box-sizing: border-box;
	}
</style>