<template>
	<view class="w-banner">
		<view class="w-banner-wapper">
			<view class="w-banner-wapper-body">
				<slot></slot>
			</view>
		</view>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.w-banner {
	width: 100%;
	height: 100%;
	background-color: #0000;
	position: relative;
	overflow: var(--overflow, hidden);
	
	
	&-wapper {
		position: absolute;
		background-color: #0000;
		border-radius: 100%;
		width: 200%;
		height: 200%;
		left: -50%;
		top: -100%;
		overflow: hidden;
		box-shadow: var(--box-shadow, none);
		
		&-body {
			position: absolute;
			left:25%;
			top: 50%;
			width: 50%;
			height: 50%;
			background: var(--background,var(--w-main));
			background-color: var(--w-main);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center bottom;
		}
		
	}
}
</style>