<template>
	<view class="settle-view">
		<u-navbar style="position: absolute;" title="入驻" background="{background: transparent}" :border-bottom="false"
			back-icon-color="#ffffff" title-color="#ffffff"></u-navbar>
		<image :src="url" style="width: 100%;" mode="widthFix"></image>
		<view class="introduction">
			<slot></slot>
		</view>
		<view class="settle-bottom">
			<slot name="bottom"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			index: {
				type: Number,
				default: 1
			}
		},
		data() {
			return {}
		},
		computed: {
			url() {
				return '../../static/settle/top' + this.index + '@3x.png'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.introduction {
		border-radius: 12rpx;
		overflow: auto;
		position: fixed;
		top: 320rpx;
		bottom: 0rpx;
		left: 30rpx;
		right: 30rpx;
	}

	.settle-bottom {
		position: fixed;
		bottom: 44rpx;
		width: 100%;
	}
</style>
