<template>
	<u-swiper :list="list" :effect3d="attrsConfig['effect3d']" :title="attrsConfig['title']" :mode="attrsConfig['mode']"
		:height="attrsConfig['height']" :indicator-pos="attrsConfig['indicator-pos']"
		:autoplay="attrsConfig['autoplay']" :interval="attrsConfig['interval']"
		:border-radius="attrsConfig['border-radius']" :bg-color="attrsConfig['bg-color']"
		:effect3d-previous-margin="attrsConfig['effect3d-previous-margin']" :img-mode="attrsConfig['img-mode']" />
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: () => [],
			},
			// 轮播图片key
			attrsConfig: {
				type: Object,
				default: () => {},
			}
		},

		data() {
			return {
				swiperHeight: 0,
				current: 0,
				slots: false,
				BannerList: []
			};
		},

		watch: {
			// 判断异步数据源，是否使用插槽自定义样式
			// list: {
			//   handler(val) {
			//     if (val.length > 0 && this.$slots.default) {
			//       this.slots = true;
			//     }
			//   },
			//   immediate: true,
			// },
		},

		methods: {

		},
	};
</script>

<style lang="scss" scoped>
	.wrap {

		width: 100%;
	}
</style>