<template>
	<view class="page-remark" :class="{'hidden':hidden,'fixed':fixed}">
		<slot />
	</view>
</template>

<script>
	export default {
		name: 'Remark',
		props: {
			fixed: {
				type: Boolean,
				default: true
			},
			hidden: {
				type: Boolean,
				default: false
			}
		}
	}
</script>

<style scoped>
	.page-remark {
		margin-top: 50px;
		background: #fff;
		padding: 15px;
		color: #aa0000;
		border: 2px dotted #ffaa00;
	}

	.page-remark.hidden {
		display: none;
	}

	.page-remark.fixed {
		position: fixed;
		width: 950px;
		bottom: 0px;
	}
</style>
