<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', {'active': type}]">
			<slot></slot>
		</view>
		<view class="settle-bottom">
			<slot name="bottom"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			index: {
				type: Number,
				default: 1
			},
			// 0： introduction距离底部168rpx 1： introduction距离底部0rpx
			type: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {}
		},
		computed: {
			url() {
				return process.uniEnv.qn_base_url + 'topl' + this.index + '.png'
			}
		}
	}
</script>

<style lang="scss" scoped>
	.settle-view {
		::-webkit-scrollbar {
		  width: 0;
		}
	}
	
	.introduction {
		border-radius: 12rpx;
		overflow: auto;
		position: fixed;
		top: 370rpx;
		bottom: 168rpx;
		left: 30rpx;
		right: 30rpx;
		&.active {
			bottom: 0rpx;
		}
	}

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